/* Interactive color samples; original assets are preserved alongside paint-edit previews. */
.finish-heading{padding-block:48px 32px}.finish-heading h1{font-size:clamp(36px,4.3vw,62px);letter-spacing:-2px;line-height:1.15;margin:17px 0}.finish-heading h1 em{font-style:normal;color:#315b83}.finish-heading>p{font-size:16px;color:var(--muted)}
.finish-explorer{padding-bottom:85px}.finish-models{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:26px}.finish-model{display:flex;flex-direction:column;align-items:center;background:white;border:1px solid var(--line);padding:9px 10px 13px;position:relative;min-width:0}.finish-model[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 -3px var(--ink)}.finish-model:hover{border-color:#315b83}.finish-model-image{display:block;height:86px;width:100%;overflow:hidden}.finish-model>span{font-size:12px;line-height:1.45;text-align:center;margin-top:8px;min-height:34px;display:flex;align-items:center}.finish-model-select{display:none}
.finish-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:44px;align-items:center}.finish-figure{margin:0;min-width:0;background:white;border:1px solid var(--line)}.finish-preview-stage{display:flex;align-items:center;justify-content:center;aspect-ratio:1.16;padding:18px 20px;overflow:hidden}.finish-preview-image{display:block;width:100%;max-height:100%;overflow:hidden}.finish-figure figcaption{border-top:1px solid #e9ecf0;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 21px;font-size:12px;line-height:1.5}.finish-selected-tag{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.finish-selected-tag i{width:10px;height:10px;border-radius:50%;background:var(--finish-paint);border:1px solid #0001}.finish-controls{padding:10px 0;min-width:0}.finish-controls h2{font-size:30px;line-height:1.2;letter-spacing:-.7px;margin:17px 0 11px}.finish-instruction{font-size:14px;color:var(--muted)}.finish-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}.finish-swatch{padding:7px;background:white;border:1px solid var(--line);text-align:left;min-width:0;transition:border-color .15s}.finish-swatch:hover{border-color:#536f94}.finish-swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.finish-paint{display:block;height:48px;background:var(--finish-paint);position:relative}.finish-check{display:none;position:absolute;right:7px;top:7px;align-items:center;justify-content:center;background:var(--ink);color:white;width:23px;height:23px;border-radius:50%;font-size:14px}.finish-swatch[aria-pressed=true] .finish-check{display:flex}.finish-color-name{display:block;font-size:12px;line-height:1.5;padding:9px 2px 3px;min-height:31px}.finish-custom-note{display:flex;align-items:flex-start;gap:12px;background:#e7eaef;padding:18px;margin:24px 0}.finish-note-icon{font-size:24px;line-height:1.1;color:#425976}.finish-custom-note h3{font-size:15px;margin:0 0 7px}.finish-custom-note p{font-size:13px;color:#3b4f68;line-height:1.7}.finish-controls>.inline-link{font-size:14px}
.finish-teaser{border-block:1px solid var(--line);padding-block:30px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:50px}.finish-teaser h2{font-size:29px;line-height:1.2;margin:12px 0}.finish-teaser p{font-size:14px;color:var(--muted)}.finish-teaser-link{display:flex;flex-direction:column;gap:13px;min-width:210px}.finish-teaser-link>span:last-child{font-size:14px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.finish-teaser-link b{font-size:24px;font-weight:400}.finish-mini-palette{display:flex;gap:6px}.finish-mini-palette i{display:block;width:31px;height:31px;background:var(--finish-paint);border:1px solid #0001}.detail-color-link{margin-top:22px}.desktop-nav{gap:22px}
@media(max-width:1200px){.desktop-nav{gap:16px;font-size:13px}.header-inner{gap:20px}.header-actions{gap:15px}.finish-layout{gap:28px}.finish-controls h2{font-size:27px}.finish-models{gap:8px}.finish-model{padding-inline:7px}.finish-model>span{font-size:11px}}
@media(max-width:960px){.finish-models{grid-template-columns:repeat(4,minmax(0,1fr))}.finish-layout{gap:24px;grid-template-columns:1.1fr 1fr}.finish-preview-stage{padding:12px;aspect-ratio:.93}.finish-controls h2{font-size:24px}.finish-swatches{gap:9px}.finish-color-name{font-size:11px}.finish-custom-note{padding:14px}.finish-model-image{height:64px}.finish-model>span{font-size:10px}.finish-models{gap:6px}.finish-figure figcaption{padding:14px;gap:10px;font-size:10px}}
@media(max-width:680px){.finish-heading{padding-block:32px 24px}.finish-heading h1{font-size:36px;letter-spacing:-1.3px;max-width:350px}.finish-heading>p{font-size:14px}.finish-models{display:none}.finish-model-select{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600;margin-bottom:18px}.finish-model-select select{width:100%;min-height:47px;border:1px solid #bac4d1;border-radius:0;background:white;color:var(--ink);padding:10px 12px;font-size:15px}.finish-layout{grid-template-columns:minmax(0,1fr);gap:24px}.finish-preview-stage{aspect-ratio:1.24;padding:10px}.finish-figure figcaption{padding:14px;font-size:11px}.finish-controls{padding:0}.finish-controls>.eyebrow{display:none}.finish-controls h2{font-size:25px;margin:0 0 10px}.finish-swatches{gap:10px;margin-top:18px}.finish-paint{height:46px}.finish-color-name{font-size:12px;padding-top:8px}.finish-custom-note{padding:17px;margin-block:21px}.finish-explorer{padding-bottom:48px}.finish-teaser{align-items:flex-start;flex-direction:column;gap:23px;padding-block:26px;margin-bottom:35px}.finish-teaser h2{font-size:26px}.finish-teaser-link{min-width:0;width:100%}.finish-mini-palette{gap:8px}.finish-mini-palette i{flex:1;height:34px}.finish-teaser-link>span:last-child{font-size:14px}}

@media(max-width:680px){.finish-heading{padding-block:24px 18px}.finish-heading h1{font-size:30px;margin-block:12px}.finish-controls h2{display:none}.finish-layout{gap:18px}.finish-paint{height:32px}.finish-swatch{padding:5px}.finish-color-name{min-height:26px;padding:6px 2px 2px;font-size:11px}.finish-check{width:21px;height:21px;top:5px;right:5px}.finish-swatches{margin-top:14px}.finish-figure{scroll-margin-top:90px}}

.catalog>.finish-teaser{width:100%;margin-bottom:26px}

/* Each supplied swatch sheet contains a roughly 512 px wide photograph. */
.finish-preview-image{max-width:512px;margin-inline:auto}
.finish-preview-stage{max-height:540px}

.finish-preview-note{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 20px}