:root{--nav-orange:#ad4a19}
header{gap:18px;padding-inline:3%;z-index:40}
header .brand{flex-shrink:0}
header .brand img{width:185px;height:auto}
.desktop-navigation{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.desktop-navigation>a,.nav-trigger{font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.4;white-space:nowrap}
.desktop-navigation>a{padding:12px 9px;border-radius:6px}
.nav-trigger{font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.4;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 9px;background:transparent;color:inherit;border:0;border-radius:6px;cursor:pointer}
.nav-group{position:relative}
.nav-trigger:hover,.nav-trigger[aria-expanded="true"]{color:white;background:var(--nav-orange)}
.nav-indicator{font-size:18px;font-weight:400;line-height:1;transition:transform .18s}
.nav-trigger[aria-expanded="true"] .nav-indicator{transform:rotate(45deg)}
.nav-products{position:absolute;top:100%;left:0;min-width:250px;list-style:none;margin:0;padding:10px;background:#fffdf8;border:1px solid #e6d8c3;border-radius:8px;box-shadow:0 14px 32px #263d3226}
.nav-products[hidden],.mobile-menu[hidden]{display:none!important}
.nav-products li{margin:0;padding:0}
.nav-products a{display:block;padding:12px 14px;font-size:.9375rem;line-height:1.4;font-weight:500;white-space:nowrap;border:0;border-radius:5px}
.nav-products a:hover,.nav-products a:focus-visible{background:var(--nav-orange);color:#fff}
.nav-trigger:focus-visible,.desktop-navigation>a:focus-visible,.mobile-menu>a:focus-visible{outline:2px solid var(--nav-orange);outline-offset:3px}
header .search-open{flex-shrink:0;margin-left:0}
header .search-open span{display:inline}
header .menu-toggle{display:none}
.mobile-menu{display:none}
@media(min-width:681px) and (max-width:1399px){
 header{height:122px;flex-wrap:wrap;gap:4px 20px;padding:10px 4%}
 header .desktop-navigation{display:flex;order:3;flex:0 0 100%;justify-content:space-between;gap:2px}
 header .search-open{margin-left:auto}
 .product-nav{top:122px}
 html{scroll-padding-top:145px}
}
@media(min-width:681px) and (max-width:900px){
 header{height:166px}
 header .desktop-navigation{display:grid;grid-template-columns:repeat(3,1fr)}
 .desktop-navigation>a{text-align:center}
 .nav-trigger{width:100%;justify-content:center;padding-inline:4px}
 .desktop-navigation .nav-group:last-of-type .nav-products{left:auto;right:0}
 .product-nav{top:166px}
 html{scroll-padding-top:185px}
}
@media(max-width:1000px){header .search-open span{display:none}}
@media(max-width:680px){
 header{height:auto;min-height:116px;display:flex;flex-wrap:wrap;gap:8px 10px;padding:10px 4% 8px}
 header .brand img{width:145px}
 header .desktop-navigation{display:flex;order:3;flex:0 0 100%;flex-wrap:wrap;justify-content:flex-start;gap:2px 4px;overflow:visible}
 .desktop-navigation .nav-group{flex:1 1 auto;min-width:0}
 .desktop-navigation .nav-trigger,.desktop-navigation>a{font-size:.75rem;padding:8px 5px;line-height:1.25}
 .desktop-navigation .nav-trigger{width:100%;gap:3px}
 .desktop-navigation>a{text-align:center}
 .nav-indicator{font-size:14px}
 .nav-products{top:100%;min-width:210px;padding:7px}
 .nav-products a{font-size:.875rem;padding:10px 11px}
 .mobile-menu{display:none!important}
 header .search-open{margin-left:auto}
 header .menu-toggle{display:none}
 .product-nav{top:116px}
 html{scroll-padding-top:140px}
}
@media(prefers-reduced-motion:reduce){.nav-indicator{transition:none}}
.palette-page-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:80px 8%;background:#f3e8d6}.palette-page-hero h1{font-size:clamp(52px,6vw,88px);line-height:1.05;letter-spacing:-3px;color:#294234;margin:18px 0 24px}.palette-page-hero p:not(.eyebrow){max-width:450px;color:#626a5d;font-size:18px}.palette-art-wrap{min-height:490px;display:flex;flex-direction:column;align-items:center;justify-content:center}.palette-art{width:min(100%,520px);aspect-ratio:1;border-radius:50%;background-color:var(--paint);transition:background-color .5s,opacity .35s,transform .55s;position:relative;overflow:hidden;box-shadow:0 18px 45px #513f2c1f}.palette-art.standard{background-image:radial-gradient(ellipse at 42% 40%,transparent 0 6%,#fff5 6.5% 7%,transparent 7.5%),radial-gradient(ellipse at 58% 48%,#fff4 0 8%,transparent 8.5%),radial-gradient(ellipse at 47% 55%,#0002 0 18%,transparent 19%),url('/assets/splash.webp');background-size:auto,auto,auto,cover;background-blend-mode:screen,screen,multiply,normal}.palette-art.cimento{background-image:url('/assets/cimento-texture.png');background-size:cover;background-blend-mode:color;box-shadow:inset 0 0 80px #0002,0 18px 45px #513f2c1f}.palette-selected{text-align:center;margin-top:20px}.palette-selected span{display:block;font-size:11px;letter-spacing:2px;color:#846e58}.palette-selected strong{display:block;font:italic 42px Georgia,serif;color:#294234;margin-top:3px}.palette-explorer{background:#fffdf8}.palette-tabs{display:flex;gap:8px;margin-bottom:70px;border-bottom:1px solid #e6d8c3}.palette-tab{border:0;background:transparent;padding:15px 22px;color:#596858;font-weight:600;cursor:pointer;border-bottom:3px solid transparent}.palette-tab:hover,.palette-tab.is-active,.palette-tab[aria-selected=true]{color:#fff;background:#ad4a19;border-color:#ad4a19}.palette-line h2{margin-bottom:36px}.palette-line[hidden]{display:none}.palette-swatches{grid-template-columns:repeat(8,1fr);gap:30px 18px}.palette-swatches .swatch{width:auto}.palette-swatches .swatch>span{width:72px;height:72px}.palette-swatches .swatch small{font-size:13px;line-height:1.25}.palette-explorer>.fine-print{margin-top:55px}@media(max-width:800px){.palette-page-hero{grid-template-columns:1fr;padding:58px 6% 46px}.palette-art-wrap{min-height:350px}.palette-art{width:min(100%,360px)}.palette-swatches{grid-template-columns:repeat(4,1fr);gap:25px 10px}.palette-swatches .swatch>span{width:58px;height:58px}.palette-tabs{margin-bottom:45px;overflow:auto}.palette-tab{white-space:nowrap;padding-inline:13px}}@media(max-width:480px){.palette-swatches{grid-template-columns:repeat(3,1fr)}.palette-swatches .swatch>span{width:58px;height:58px}.palette-selected strong{font-size:34px}}

/* One preview surface changes from paint splash to mineral finish. */
.palette-art.standard{border-radius:0;background-image:none;box-shadow:none;mask:url('/assets/splash.webp') center/contain no-repeat;-webkit-mask:url('/assets/splash.webp') center/contain no-repeat}
.palette-art.cimento{border-radius:0;mask:url('/assets/cimento-espatulado.png') center/contain no-repeat;-webkit-mask:url('/assets/cimento-espatulado.png') center/contain no-repeat;background-color:var(--paint);background-image:url('/assets/cimento-texture.png');background-position:center;background-size:cover;background-blend-mode:soft-light;box-shadow:none}
.product-splash-palette .section-heading{align-items:center;gap:24px}.product-splash-palette .section-heading>h2{flex:0 1 340px}.standard-splash-preview{width:min(62vw,760px);display:grid;grid-template-columns:minmax(350px,1fr) 175px;align-items:center;gap:12px;flex-shrink:0}.standard-splash-canvas{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.standard-product-splash{position:absolute;inset:-14% -18%;background-color:var(--paint,#e6e6e5);mask:url('/assets/splash.webp') center/contain no-repeat;-webkit-mask:url('/assets/splash.webp') center/contain no-repeat;filter:drop-shadow(0 22px 28px #00000016);transition:background-color .62s cubic-bezier(.2,.72,.28,1);will-change:transform,background-color}.standard-splash-copy{text-align:left}.standard-splash-copy small,.standard-splash-copy span{display:block;font-size:9px;letter-spacing:1.7px;color:#776b5c}.standard-splash-copy strong{display:block;font-size:21px;font-weight:500;color:#294234;margin:6px 0;line-height:1.2}.standard-splash-copy span{font-size:11px;letter-spacing:.5px;color:#7f8178}.product-splash-palette .swatches{margin-top:32px}
.palette-selected{min-height:85px}
.palette-swatches .swatch{cursor:pointer}
#cimento-swatches .swatch>span{background-color:var(--swatch);background-image:url('/assets/cimento-texture.png');background-position:center;background-size:cover;background-blend-mode:soft-light}
.palette-tabs .palette-tab:focus-visible{outline:2px solid #ad4a19;outline-offset:4px}
@media(min-width:901px){body:has(.palette-explorer) main{display:grid;grid-template-columns:1fr 1fr;background:#f3e8d6;align-items:start}body:has(.palette-explorer) .breadcrumb{grid-column:1/-1}.palette-page-hero{display:flex;flex-direction:column;position:sticky;top:135px;padding:28px 8% 40px;gap:0}.palette-page-hero h1{font-size:46px;letter-spacing:-1px;margin:12px 0}.palette-page-hero p:not(.eyebrow){font-size:16px}.palette-art-wrap{min-height:0;width:100%}.palette-art{width:min(100%,340px)}.palette-explorer{padding:32px 6%;background:transparent}.palette-tabs{margin-bottom:30px}.palette-swatches{grid-template-columns:repeat(4,1fr);gap:24px 12px}.palette-swatches .swatch>span{width:54px;height:54px}.palette-line h2{font-size:30px}}
@media(max-width:900px){.palette-page-hero{display:block;padding:20px 6%;position:sticky;top:166px;z-index:4}.palette-page-hero>div:first-child{display:none}.palette-art-wrap{min-height:0;flex-direction:row;gap:20px}.palette-art{width:145px;flex-shrink:0}.palette-selected{min-height:0;margin:0}.palette-selected strong{font-size:28px}.palette-explorer{padding-top:30px}.palette-tabs{margin-bottom:28px}}@media(max-width:680px){.palette-page-hero{top:116px}.palette-art{width:115px}.palette-selected strong{font-size:24px}}
@media(max-width:1100px){.standard-splash-preview{width:min(64vw,620px);grid-template-columns:minmax(300px,1fr) 155px}.standard-splash-canvas{height:330px}.standard-product-splash{inset:-12% -15%}}@media(max-width:760px){.product-splash-palette .section-heading{display:block}.standard-splash-preview{width:100%;grid-template-columns:minmax(230px,1fr) 135px;gap:6px;margin-top:16px}.standard-splash-canvas{height:285px}.standard-product-splash{inset:-10% -14%}.standard-splash-copy strong{font-size:18px}.product-splash-palette .swatches{margin-top:25px}}@media(max-width:430px){.standard-splash-preview{grid-template-columns:minmax(185px,1fr) 118px}.standard-splash-canvas{height:245px}.standard-product-splash{inset:-7% -10%}.standard-splash-copy small{letter-spacing:1.2px}.standard-splash-copy strong{font-size:17px}}

/* Keep every primary link visible and align sticky content with the actual header. */
header nav.desktop-navigation>a:nth-child(n){display:block}
html{scroll-padding-top:calc(var(--header-height,122px) + 24px)}
.product-nav{top:var(--header-height,122px)}
.palette-page-hero{top:var(--header-height,122px)}
.palette-art.cimento{background-blend-mode:soft-light}
@media(max-width:680px){.desktop-navigation .nav-group:last-of-type .nav-products{left:auto;right:0}.desktop-navigation>a{flex:1 1 auto}.nav-products{max-width:calc(100vw - 32px);min-width:190px}.nav-products a{white-space:normal}}