.finishes-colors{display:block;overflow:hidden;background:var(--fc-bg, var(--color-background));color:var(--fc-text, var(--color-foreground))}.finishes-colors__layout{display:block;max-width:var(--fc-max-width, 100%);margin:0 auto}@media only screen and (min-width: 768px){.finishes-colors__layout{display:grid;grid-template-columns:minmax(360px, 42%) minmax(0, 58%);min-height:var(--fc-min-height, 700px)}}@media only screen and (min-width: 1200px){.finishes-colors__layout{grid-template-columns:minmax(0, var(--fc-media-width, 41%)) minmax(0, 1fr)}}.finishes-colors__media{position:relative;min-width:0;overflow:hidden;aspect-ratio:var(--fc-mobile-ratio, 1/0.9)}@media only screen and (min-width: 768px){.finishes-colors__media{aspect-ratio:auto}}.finishes-colors__media picture{display:block;height:100%}.finishes-colors__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--fc-image-position, center center)}@media only screen and (min-width: 768px){.finishes-colors__image{min-height:var(--fc-min-height, 700px)}}.finishes-colors__overlay{position:absolute;z-index:2;left:clamp(1rem,3%,1.8rem);right:clamp(1rem,3%,1.8rem);bottom:clamp(1rem,2%,1.4rem);container-type:inline-size}.finishes-colors__overlay--desktop{display:none}@media only screen and (min-width: 768px){.finishes-colors__overlay--desktop{display:block}}.finishes-colors__overlay-inner{padding:clamp(1.4rem,2.6cqi,2.2rem) clamp(1.4rem,3.2cqi,2.8rem);border:1px solid var(--fc-accent);border-radius:var(--fc-overlay-radius, 1.2rem);background:var(--fc-overlay-bg);color:var(--fc-overlay-text)}.finishes-colors__overlay-inner>:first-child{margin-top:0}.finishes-colors__overlay-inner>:last-child{margin-bottom:0}.finishes-colors__content{display:block;min-width:0;padding:var(--fc-pad-y-mobile, 52px) 0}@media only screen and (min-width: 768px){.finishes-colors__content{display:flex;flex-direction:column;justify-content:center;padding:var(--fc-pad-y, 68px) 2.8rem}}@media only screen and (min-width: 1200px){.finishes-colors__content{padding:var(--fc-pad-y, 68px) clamp(3rem,4vw,var(--fc-pad-x, 64px))}}.finishes-colors__content-inner{width:min(100%,var(--fc-content-max, 1100px));min-width:0;margin:0 auto}.finishes-colors__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.4rem;margin:0;padding:0 2.2rem 3rem}@media only screen and (min-width: 768px){.finishes-colors__head{align-items:flex-start;gap:3rem;margin-bottom:4.6rem;padding:0}}@media only screen and (min-width: 1200px){.finishes-colors__head{align-items:flex-end}}.finishes-colors__heading{max-width:calc(100% - 9.6rem)}@media only screen and (min-width: 768px){.finishes-colors__heading{max-width:none}}.finishes-colors__subtitle{margin:0 0 .8rem;color:var(--fc-accent);font-size:1.2rem;font-weight:700;line-height:1.2;text-transform:uppercase}.finishes-colors__title{font-size:clamp(var(--fc-title-mobile, 2.9rem),2.45vw,var(--fc-title, 4.5rem));line-height:.98;letter-spacing:-0.025em}.finishes-colors__title :is(h1,h2,h3,p){margin:0;color:inherit;font:inherit}.finishes-colors__view-all{display:inline-flex;align-items:center;gap:.7rem;flex:0 0 auto;padding:.8rem 0;color:var(--fc-text);font-size:1.1rem;text-decoration:none;white-space:nowrap}@media only screen and (min-width: 768px){.finishes-colors__view-all{font-size:1.3rem}}.finishes-colors__view-all svg{width:1.4rem;transition:transform .2s ease}.finishes-colors__view-all:hover svg{transform:translateX(3px)}.finishes-colors__rail{display:grid;grid-template-columns:3rem minmax(0, 1fr) 3rem;align-items:center;gap:.4rem;min-width:0;padding:0 2.2rem}@media only screen and (min-width: 768px){.finishes-colors__rail{grid-template-columns:3.8rem minmax(0, 1fr) 3.8rem;gap:1rem;padding:0}}@media(max-width: 374px){.finishes-colors__rail{grid-template-columns:2.4rem minmax(0, 1fr) 2.4rem;gap:.2rem}}@media only screen and (min-width: 768px){.finishes-colors__rail--flat-desktop{grid-template-columns:minmax(0, 1fr)}.finishes-colors__rail--flat-desktop .finishes-colors__arrow{display:none}}@media only screen and (max-width: 767.98px){.finishes-colors__rail--flat-mobile{grid-template-columns:minmax(0, 1fr)}.finishes-colors__rail--flat-mobile .finishes-colors__arrow{display:none}}.finishes-colors__arrow{display:grid;place-items:center;width:3rem;height:4.4rem;padding:0;border:0;background:rgba(0,0,0,0);color:var(--fc-text);cursor:pointer}@media only screen and (min-width: 768px){.finishes-colors__arrow{width:3.8rem;height:3.8rem}}@media(max-width: 374px){.finishes-colors__arrow{width:2.4rem}}.finishes-colors__arrow[hidden]{visibility:hidden;pointer-events:none}.finishes-colors__arrow svg{width:1.9rem;transition:transform .2s ease}@media only screen and (min-width: 768px){.finishes-colors__arrow svg{width:2.2rem}}.finishes-colors__arrow:hover svg{transform:translateX(3px)}.finishes-colors__arrow--prev:hover svg{transform:translateX(-3px)}.finishes-colors__track{display:flex;width:100%;min-width:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none}.finishes-colors__track::-webkit-scrollbar{display:none}.finishes-colors__track.is-draggable{cursor:grab}.finishes-colors__track.is-dragging{cursor:grabbing;user-select:none;scroll-snap-type:none;scroll-behavior:auto}.finishes-colors__track.is-dragging img{pointer-events:none}.finishes-colors__tabs{align-items:stretch;gap:2.8rem}@media only screen and (min-width: 768px){.finishes-colors__tabs{gap:clamp(2rem,2vw,4.2rem)}}@media(max-width: 374px){.finishes-colors__tabs{gap:2rem}}.finishes-colors__tab{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;width:auto;min-width:var(--fc-item-mobile, 64px);min-height:10.1rem;padding:0 .4rem;color:var(--fc-muted);text-align:center;text-decoration:none;scroll-snap-align:start}@media only screen and (min-width: 768px){.finishes-colors__tab{min-width:var(--fc-item, 92px);min-height:10.4rem}}.finishes-colors__tab.is-active{color:var(--fc-text)}.finishes-colors__tab-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:5.8rem;height:5.4rem;margin:0 0 auto;overflow:hidden}@media only screen and (min-width: 768px){.finishes-colors__tab-icon{width:6.4rem;height:5.8rem}}.finishes-colors__tab-icon img,.finishes-colors__tab-icon svg{display:block;width:auto;height:auto;max-width:5.2rem;max-height:4.8rem;object-fit:contain;flex:0 0 auto}@media only screen and (min-width: 768px){.finishes-colors__tab-icon img,.finishes-colors__tab-icon svg{max-width:5.8rem;max-height:5.2rem}}.finishes-colors__tab-icon svg *{vector-effect:non-scaling-stroke}.finishes-colors__tab-title{position:relative;display:inline-block;margin-top:.8rem;padding-bottom:1.4rem;font-size:1.2rem;font-weight:700;line-height:1.15;text-transform:uppercase;white-space:nowrap}@media only screen and (min-width: 768px){.finishes-colors__tab-title{margin-top:1rem;font-size:1.3rem}}.finishes-colors__tab-title::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(0,0,0,0)}.finishes-colors__tab.is-active .finishes-colors__tab-title::after{background:var(--fc-accent)}.finishes-colors__panels{margin-top:2.2rem}@media only screen and (min-width: 768px){.finishes-colors__panels{margin-top:2.6rem}}.finishes-colors__panel[hidden]{display:none}.finishes-colors__colors{align-items:flex-start;gap:2.2rem;padding:2px 0 8px}@media only screen and (min-width: 768px){.finishes-colors__colors{gap:clamp(2rem,2vw,3.4rem)}}@media(max-width: 374px){.finishes-colors__colors{gap:1.4rem}}.finishes-colors__color{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:1.1rem;width:auto;min-width:var(--fc-item-mobile, 64px);padding:0 2px;color:var(--fc-text);text-align:center;text-decoration:none;scroll-snap-align:start}@media only screen and (min-width: 768px){.finishes-colors__color{min-width:var(--fc-item, 92px)}}.finishes-colors__swatch{display:block;width:var(--fc-swatch-mobile, 50px);height:var(--fc-swatch-mobile, 50px);overflow:hidden;border:2px solid #fff;border-radius:50%;background:var(--fc-swatch-color);box-shadow:0 0 0 1px rgba(0,0,0,.1);transition:transform .2s ease}@media only screen and (min-width: 768px){.finishes-colors__swatch{width:var(--fc-swatch, 66px);height:var(--fc-swatch, 66px)}}.finishes-colors__color:hover .finishes-colors__swatch{transform:translateY(-3px)}.finishes-colors__swatch-image{display:block;width:100%;height:100%;object-fit:cover}.finishes-colors__color-name{font-size:1.2rem;line-height:1.25;white-space:nowrap}@media only screen and (min-width: 768px){.finishes-colors__color-name{font-size:1.3rem}}.finishes-colors__empty{margin:0;padding:0 2.2rem;color:var(--fc-muted)}@media only screen and (min-width: 768px){.finishes-colors__empty{padding:0}}