body.colour-variant[data-colour=crimson],.colour-card.crimson{--accent:#d92539;--accent-ink:#fff;--accent-light:#ff8190;--paper:#f5f2ee;--ink:#201d1e;--dark:#191a1c;--line:#dad5d1;--muted:#6c6565}
body.colour-variant[data-colour=oxblood],.colour-card.oxblood{--accent:#85273f;--accent-ink:#fff;--accent-light:#e8a1b4;--paper:#f4efea;--ink:#251d21;--dark:#1c171c;--line:#d9d0cf;--muted:#71636a}
body.colour-variant[data-colour=blue],.colour-card.blue{--accent:#0C4352;--accent-ink:#fff;--accent-light:#B58B4B;--paper:#F5F2E9;--ink:#1D2928;--dark:#112D35;--line:#D9D7CC;--muted:#66716D}
body.colour-variant[data-colour=acid],.colour-card.acid{--accent:#d9ef48;--accent-ink:#20251c;--accent-light:#d9ef48;--paper:#f3f4ed;--ink:#20251c;--dark:#1a211b;--line:#d5d9ce;--muted:#626b5c}
.colour-variant .review-bar .direction-switch a[aria-current=page]{border-bottom-color:var(--accent-light)}
.colour-variant .eyebrow:before{background:var(--accent)}
.colour-variant .ember-hero .eyebrow:before,.colour-variant .feature-copy .eyebrow:before{background:var(--accent-light)}
.colour-variant .hero-counter b,.colour-variant .service-bar i,.colour-variant .facts strong,.colour-variant .feature-copy>.text-link{color:var(--accent-light)}
.colour-variant .hero-counter:after,.colour-variant .site-footer .brand-mark i{background:var(--accent-light)}
.colour-variant .quote-intro .eyebrow:before{background:currentColor}
.colour-variant .request-form .button{background:var(--accent);color:var(--accent-ink)}
.colour-variant .review-bar a,.colour-variant .review-bar .direction-switch{white-space:nowrap}
.colour-variant .review-bar .swatch{background:var(--swatch)}
.colour-variant .feature-split{background:var(--dark)}
.colour-variant .site-header .brand-mark i{background:var(--accent)}
.colour-variant .main-nav>a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}
.colour-variant .review-tag{font-size:8px}
.colour-hub{background:#eeeee9;--accent:#d92539}
.colour-hub .comparison-main{padding-top:43px;max-width:1500px}
.colour-hub .comparison-intro{margin-bottom:31px}
.colour-hub .comparison-intro h1{font-size:clamp(38px,3.5vw,50px);max-width:550px}
.colour-hub .comparison-intro>p{max-width:430px;font-size:13px}
.colour-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}
.colour-card{display:block;min-width:0;border:1px solid #cdd2c7;background:var(--paper);transition:transform .25s,border-color .25s}
.colour-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.colour-preview{height:292px;overflow:hidden;margin:14px 14px 0;background:var(--paper);position:relative;pointer-events:none}
.colour-preview-header{height:37px;padding:0 19px;display:flex;justify-content:space-between;align-items:center;color:var(--ink)}
.colour-preview-brand{display:flex;align-items:center;gap:6px;font:700 12px FieldDisplay,Arial,sans-serif}
.colour-preview-brand>i{height:13px;width:12px;display:block;background:var(--accent);transform:skew(-12deg)}
.colour-preview-links{font:5px monospace;word-spacing:6px;display:flex;gap:12px;align-items:center}
.colour-preview-links:after{content:'PLAN MY FITOUT ↗';font:5px Field,Arial,sans-serif;word-spacing:0;background:var(--accent);color:var(--accent-ink);padding:7px 9px;margin-left:2px}
.colour-preview-hero{height:211px;position:relative;background:#202820;overflow:hidden;color:white}
.colour-preview-hero>img{height:100%;width:100%;object-fit:cover;object-position:50% 47%}
.colour-preview-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b110dd9,#0b110d70 38%,#0b110d00 76%)}
.colour-preview-copy{position:absolute;top:40px;left:24px;z-index:1;max-width:210px}
.colour-preview-copy>small{font:5px/1.5 monospace;letter-spacing:.05em;display:flex;align-items:center;gap:5px}
.colour-preview-copy>small:before{content:'';background:var(--accent-light);width:3px;height:3px}
.colour-preview-copy>strong{font:700 29px/.99 FieldDisplay,Arial,sans-serif;letter-spacing:-.025em;display:block;margin-top:11px}
.colour-preview-copy>p{font:6px/1.6 Field,Arial,sans-serif;max-width:156px;margin-top:11px;color:#e8ede3}
.colour-preview-button{display:inline-flex;gap:20px;margin-top:13px;padding:8px 11px;background:var(--accent);color:var(--accent-ink);font:6px Field,Arial,sans-serif}
.colour-preview-note{position:absolute;bottom:10px;right:10px;font:5px monospace;z-index:1;color:#e9eee4}
.colour-preview-strip{height:25px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 23px;background:var(--dark);color:#d8e0d4;font:5px monospace}
.colour-preview-strip i{font-style:normal;color:var(--accent-light);padding-right:5px}
.colour-preview-products{height:19px;background:var(--paper);display:flex;justify-content:space-between;align-items:center;font:5px monospace;color:var(--muted);padding:0 23px}
.colour-card-info{padding:22px 26px 25px;display:grid;grid-template-columns:1fr auto;gap:12px 25px;align-items:center}
.colour-card-info .tag{font-size:8px;color:var(--muted);grid-column:1/-1;display:flex;align-items:center;gap:10px}
.colour-card-info .tag>em{font:8px monospace;font-style:normal;padding:3px 6px;background:var(--accent);color:var(--accent-ink)}
.colour-card-info h2{font-size:31px;color:var(--ink)}
.colour-card-info>p{font-size:12px;color:var(--muted);grid-column:1/-1;max-width:480px}
.colour-palette{display:flex;gap:4px;align-items:center}
.colour-palette>span{height:21px;width:28px;border:1px solid #0000000a}
.colour-palette>span:first-child{background:var(--accent);width:46px}.colour-palette>span:nth-child(2){background:var(--dark)}.colour-palette>span:nth-child(3){background:var(--paper);border-color:var(--line)}
.colour-card-info .text-link{grid-column:1/-1;color:var(--accent);font-size:11px;margin-top:3px;border-color:var(--line)}
.colour-card.acid .text-link{color:var(--ink)}
.colour-card-info .hex{font:9px monospace;font-weight:400;letter-spacing:.015em;color:var(--muted);margin-left:13px;white-space:nowrap;vertical-align:middle}
.colour-hub .comparison-footer{margin-top:30px}
@media(max-width:1000px){.colour-variant .review-tag{display:none}.colour-preview{height:262px;margin:10px 10px 0}.colour-preview-hero{height:186px}.colour-preview-copy{top:31px;left:17px}.colour-preview-copy>strong{font-size:25px}.colour-preview-copy>p{font-size:5px}.colour-preview-copy>small{font-size:4px}.colour-preview-button{font-size:5px;padding:7px 9px;margin-top:11px}.colour-preview-header{height:32px;padding:0 15px}.colour-preview-brand{font-size:10px}.colour-preview-links{font-size:4px;gap:8px}.colour-preview-links:after{font-size:4px;padding:6px}.colour-preview-strip{height:25px;padding:0 17px;font-size:4px}.colour-preview-products{height:19px;padding:0 17px;font-size:4px}.colour-card-info{padding:20px 21px;gap:11px 15px}.colour-card-info h2{font-size:28px}.colour-card-info .hex{font-size:8px;margin-left:9px}.colour-palette>span{width:20px;height:18px}.colour-palette>span:first-child{width:33px}}
@media(max-width:750px){.colour-comparison-grid{grid-template-columns:1fr;gap:25px}.colour-hub .comparison-main{max-width:650px}.colour-hub .comparison-intro{display:block}.colour-hub .comparison-intro>p{margin-top:22px;max-width:500px}.colour-preview{height:292px;margin:14px 14px 0}.colour-preview-header{height:37px}.colour-preview-hero{height:211px}.colour-preview-copy{top:40px;left:24px}.colour-preview-copy>strong{font-size:29px}.colour-preview-copy>p{font-size:6px}.colour-preview-copy>small{font-size:5px}.colour-preview-button{font-size:6px;padding:8px 11px;margin-top:13px}.colour-preview-brand{font-size:12px}.colour-preview-links{font-size:5px;gap:12px}.colour-preview-links:after{font-size:5px;padding:7px 9px}.colour-preview-strip{font-size:5px;padding:0 23px}.colour-preview-products{font-size:5px;padding:0 23px}.colour-card-info{padding:22px 25px 25px}.colour-card-info h2{font-size:31px}.colour-palette>span{height:21px;width:28px}.colour-palette>span:first-child{width:46px}.colour-card-info .hex{font-size:9px}}
@media(max-width:600px){.colour-variant .review-bar{padding:0 10px;gap:6px}.colour-variant .review-bar>a{font-size:7px;gap:4px;flex-shrink:0}.colour-variant .direction-switch a{padding:0 8px;font-size:8px;gap:5px}.colour-variant .option-number{display:none}.colour-variant .direction-switch{gap:0;min-width:0}.colour-hub .comparison-main{padding-top:35px}.colour-hub .comparison-intro h1{font-size:40px;max-width:330px}.colour-hub .comparison-intro>p{font-size:12px;max-width:340px}.colour-preview{margin:10px 10px 0;height:245px}.colour-preview-header{height:31px;padding:0 12px}.colour-preview-hero{height:173px}.colour-preview-copy{left:16px;top:30px;max-width:160px}.colour-preview-copy>strong{font-size:24px}.colour-preview-copy>small{font-size:4px}.colour-preview-copy>p{font-size:5px;max-width:135px;margin-top:9px}.colour-preview-button{font-size:5px;padding:7px 8px;margin-top:10px;gap:15px}.colour-preview-links{font-size:4px;gap:8px;word-spacing:3px}.colour-preview-links:after{font-size:4px;padding:6px 8px}.colour-preview-brand{font-size:10px}.colour-preview-brand>i{width:10px;height:12px}.colour-preview-strip{height:23px;font-size:4px;padding:0 15px;gap:8px}.colour-preview-products{height:18px;font-size:4px;padding:0 15px}.colour-preview-note{font-size:4px;right:8px;bottom:8px}.colour-card-info{padding:20px 21px 23px;gap:12px 15px}.colour-card-info .tag{font-size:7px;gap:8px}.colour-card-info .tag>em{font-size:7px;padding:3px 5px}.colour-card-info h2{font-size:28px}.colour-card-info .hex{font-size:8px;margin-left:8px}.colour-palette{gap:3px}.colour-palette>span{height:18px;width:20px}.colour-palette>span:first-child{width:32px}.colour-card-info>p{font-size:11px}.colour-card-info .text-link{font-size:10px}}

/* Temporary deep sea blue palette for the Mudlark 4x4 preview. */

.brand-wordmark{gap:0;align-items:flex-start}
.brand-wordmark .wordmark{display:block}
.brand-wordmark .wordmark strong{font-size:19px;line-height:.88;letter-spacing:.025em}
.brand-wordmark .wordmark strong>span{display:block}
.brand-wordmark .wordmark strong .wordmark-first{white-space:nowrap}
.brand-wordmark .wordmark strong em{font-style:normal;color:#B58B4B;margin-left:.06em}
.brand-wordmark .wordmark small{margin-top:6px;font-size:7px;letter-spacing:.09em}
.colour-card.blue{--accent:#0C4352;--accent-ink:#fff;--accent-light:#B58B4B;--paper:#F5F2E9;--ink:#1D2928;--dark:#112D35;--line:#D9D7CC;--muted:#66716D}.colour-preview-brand em{font-style:normal;color:#B58B4B}