.color-explorer{padding:20px 6.5% 140px;scroll-margin-top:35px}.color-heading{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end;margin-bottom:64px}.color-heading h2{font-size:clamp(48px,6vw,88px);line-height:1.04}.color-heading p{color:var(--muted);max-width:43ch}.color-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8%;align-items:start}.color-preview{position:sticky;top:35px;min-width:0;scroll-margin-top:25px}.sample-stage{height:440px;background:#20211e;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}.sample-stage img{height:100%;max-width:100%;width:auto;object-fit:contain;transition:opacity .25s ease}.sample-description{padding-top:23px}.sample-description p{color:var(--muted);font-size:13px;margin-bottom:8px}.sample-description h3{font-size:clamp(25px,2.6vw,39px);font-weight:300;line-height:1.2}.color-preview .line-link{margin-top:24px;font-size:13px}.brand-filters{display:flex;flex-wrap:wrap;gap:12px 26px;border-bottom:1px solid var(--rule);margin-bottom:28px}.brand-filters button{font:inherit;font-size:14px;color:var(--muted);padding:13px 0;border:0;border-bottom:2px solid transparent;background:none}.brand-filters button[aria-pressed=true]{color:var(--ink,#f1ede4);border-bottom-color:currentColor}.brand-filters span{font-size:10px;margin-left:5px}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.color-swatch{padding:0;text-align:left;background:none;border:0;color:inherit;cursor:pointer;font:inherit;min-width:0}.color-swatch[hidden]{display:none}.color-swatch img{display:block;width:100%;height:136px;object-fit:cover;border:3px solid transparent;outline:1px solid transparent;outline-offset:3px;transition:outline-color .2s,transform .3s}.color-swatch:hover img{transform:translateY(-3px)}.color-swatch[aria-pressed=true] img{outline-color:#f1ede4}.color-swatch span{display:block;font-size:13px;line-height:1.4;margin-top:12px}.color-swatch small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.brand-filters button:focus-visible,.color-swatch:focus-visible{outline:2px solid #f1ede4;outline-offset:6px}.sample-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:34px;max-width:60ch}.surface-inspiration{padding:0 6.5% 130px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.surface-inspiration>div{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:10%;margin-bottom:5px}.surface-inspiration h2{font-size:clamp(38px,4.5vw,65px)}.surface-inspiration p{color:var(--muted);max-width:38ch}.surface-inspiration figure{margin:0}.surface-inspiration img{width:100%;height:440px;object-fit:cover}.surface-inspiration figcaption{font-size:12px;color:var(--muted);padding-top:16px}.imm-intro .line-link{font-size:13px;margin-top:20px}.kitchen-page .imm-scene:nth-child(1) img{object-position:50% 55%}
@media(max-width:700px){.color-explorer{padding:0 7% 80px}.color-heading{grid-template-columns:1fr;gap:25px;margin-bottom:32px}.color-heading h2{font-size:52px}.color-heading p{font-size:15px}.color-layout{grid-template-columns:1fr;gap:38px}.color-preview{position:relative;top:auto}.sample-stage{height:285px}.sample-description{padding-top:18px}.sample-description h3{font-size:30px}.color-preview .line-link{margin-top:18px}.brand-filters{gap:20px;margin-bottom:24px}.brand-filters button{font-size:13px;min-height:44px}.color-grid{gap:25px 15px}.color-swatch img{height:115px}.color-swatch span{font-size:12px}.surface-inspiration{padding:0 7% 75px;grid-template-columns:1fr;gap:35px}.surface-inspiration>div{display:block}.surface-inspiration h2{font-size:42px}.surface-inspiration p{margin-top:25px;font-size:15px}.surface-inspiration img{height:350px}.kitchen-page .imm-scene:nth-child(1) img{object-position:45% 50%}}
@media(prefers-reduced-motion:reduce){.sample-stage img,.color-swatch img{transition:none}.color-swatch:hover img{transform:none}}


/* Preserve the complete sample instead of cropping away subtle veining. */
.color-swatch img{height:auto;aspect-ratio:275/454;object-fit:contain;background:#20211e}.surface-inspiration{scroll-margin-top:90px}
@media(max-width:700px){.color-swatch img{height:auto;aspect-ratio:275/454}}