/* A registered, single-image comparison: only the reveal mask moves. */
.home-finish{--finish-split:50%;padding:var(--section-space) var(--pad);background:#e7e1d6;color:#302b24;overflow:hidden}
.finish-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin:0 0 2rem}
.finish-heading .home-section-label{margin:0 0 .8rem}
.finish-heading h2{margin:0;font:400 var(--section-title)/1.1 var(--home-display);letter-spacing:-.045em}
.finish-heading h2 em{font-weight:400}
.finish-heading>p{max-width:22rem;margin:0 0 .25rem;color:#686054;font:400 .9rem/1.8 var(--home-sans)}
.finish-scene{position:relative;max-width:940px;margin:0 auto;padding:2rem 4rem 2.5rem;perspective:1400px}
.finish-scene::after{content:"";position:absolute;bottom:.5rem;left:15%;right:15%;height:2rem;background:#3e3026;filter:blur(28px);opacity:.16;pointer-events:none}
.finish-artwork{position:relative;z-index:1;transform:none;transform-style:preserve-3d}
.finish-image{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:18px;background:#283024;border:1px solid #ffffff60;box-shadow:0 2px 0 #fff7,0 5px 0 #8f8370,0 7px 0 #aa9c88,0 28px 45px -18px #30281d80;isolation:isolate;touch-action:pan-y}
.finish-image>img,.finish-after,.finish-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
[data-finish-preview] .finish-before{filter:saturate(.56) contrast(.85) brightness(1.13)}
.finish-after{clip-path:inset(0 0 0 var(--finish-split))}
.finish-image-shade{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #fff3;background:transparent}
.finish-label{position:absolute;bottom:1.2rem;padding:.45rem .8rem;border:1px solid #ffffff42;border-radius:999px;background:#161b1740;backdrop-filter:blur(14px);color:#fff;font:400 .68rem/1 var(--home-sans);letter-spacing:.1em;pointer-events:none}
.finish-label-before{left:1.2rem}.finish-label-after{right:1.2rem}
.finish-divider{position:absolute;top:0;bottom:0;left:var(--finish-split);width:1px;background:#fff9;pointer-events:none;box-shadow:0 0 12px #0003}
.finish-divider>span{position:absolute;top:50%;left:0;display:flex;align-items:center;justify-content:center;gap:.35rem;transform:translate(-50%,-50%);width:2.7rem;height:2.7rem;border:1px solid #fffc;border-radius:50%;background:#fff2;backdrop-filter:blur(12px);color:white;font:400 1.3rem/1 var(--home-sans);box-shadow:0 3px 20px #0002}
.finish-divider i{height:.8rem;width:1px;background:#fffa}
.finish-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3;touch-action:pan-y}
.finish-image:focus-within{outline:2px solid #7c6142;outline-offset:6px}
.finish-glass{position:absolute;z-index:5;display:flex;align-items:center;gap:.85rem;width:15.3rem;padding:1rem 1.15rem;border:1px solid #fff7;border-radius:14px;background:linear-gradient(120deg,#403b33bb,#242822aa);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);color:#f9f4e9;box-shadow:inset 0 1px 0 #ffffff29,0 12px 28px -15px #1a1917aa;transform:translateZ(36px);pointer-events:none}
.finish-glass-icon{font:300 1.7rem/1 var(--home-sans);opacity:.85}
.finish-glass>div{flex:1;min-width:0}
.finish-glass div>span{font:400 .8rem/1.3 var(--home-sans);letter-spacing:.015em}
.finish-glass small{display:block;margin-top:.3rem;font:400 .58rem/1.4 var(--home-sans);color:#e0ddd3}
.finish-meter{position:relative;display:block;height:3px;border-radius:5px;background:#ffffff30;margin-top:.7rem}
.finish-meter b{position:absolute;height:100%;width:68%;background:linear-gradient(90deg,#ddd8bc,#b0bdac);border-radius:5px}
.finish-meter b::after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%);height:9px;width:4px;border-radius:3px;background:#f3efe3;box-shadow:0 0 0 2px #393b33}
.finish-glass-colour{top:9%;right:-3.2rem}.finish-glass-face{top:41%;left:-4rem}.finish-glass-face b{width:43%}.finish-glass-detail{bottom:-1.25rem;left:50%;transform:translateX(-50%) translateZ(36px)}.finish-glass-detail b{width:56%}
.finish-caption{display:flex;justify-content:center;gap:1rem;max-width:880px;margin:.7rem auto 0;color:#746a5b;font:400 .65rem/1.6 var(--home-sans)}
.finish-caption p{margin:0;text-align:center!important}.finish-caption span{margin-left:.5rem}.finish-caption p:last-child{opacity:.75}
@media(max-width:760px){.finish-heading{display:block;margin-bottom:1rem}.finish-heading>p{margin-top:1rem;max-width:30rem}.finish-scene{padding:2.3rem .5rem 3.8rem;max-width:560px}.finish-image{aspect-ratio:3/2;border-radius:12px}.finish-glass{width:11rem;gap:.5rem;padding:.65rem .75rem;border-radius:10px;transform:translateZ(15px)}.finish-glass-icon{font-size:1.2rem}.finish-glass div>span{font-size:.65rem}.finish-glass small{font-size:.48rem}.finish-glass-colour{top:-1rem;right:-.3rem}.finish-glass-face{top:47%;left:-.3rem}.finish-glass-detail{bottom:-2.1rem;left:50%;transform:translateX(-50%) translateZ(15px)}.finish-caption{display:block;margin-top:0}.finish-caption p+p{margin-top:.4rem}.finish-label{font-size:.55rem;bottom:.7rem}.finish-label-before{left:.7rem}.finish-label-after{right:.7rem}}
@media(prefers-reduced-motion:reduce){.finish-artwork{transform:none;will-change:auto}}

/* Align section overlines to the same page gutter as reviews and practice. */
.home-page.page-density .home-brand-story .home-hero-copy{width:100%;max-width:none;margin-inline:0;padding-inline:var(--pad)}
.home-brand-story .home-hero-kicker{text-align:left;justify-self:start}