:root{--finish:#680612}.hero{background:radial-gradient(ellipse at 52% 43%,#3c0915 0%,#23040b 48%,#160206 85%)}.roller{animation:none;transform:rotate(-24deg);opacity:.22;filter:brightness(.7) saturate(.65)}.roller-wrap{top:-3%;height:92%}.detail{display:none}.paint-pass{position:absolute;z-index:0;left:13%;top:27%;width:74%;height:35%;background:linear-gradient(100deg,transparent,var(--finish) 15%,var(--finish) 85%,transparent);opacity:.17;transform:rotate(-6deg);clip-path:inset(0);filter:blur(16px);transition:background 1s}.halo{opacity:.65}.content{padding:100px 0 130px}h1{font-size:clamp(64px,9.8vw,158px)}.finish-card,.service-note{position:absolute;z-index:4;pointer-events:auto}.finish-card{left:5%;bottom:125px;width:190px;padding:19px;border:1px solid #ffffff20;border-radius:14px;background:linear-gradient(140deg,#ffffff10,#ffffff03);backdrop-filter:blur(20px);box-shadow:0 15px 50px #0002,inset 0 1px #ffffff0c;transform:rotate(-5deg)}.card-kicker{display:block;font-size:8px;letter-spacing:1.5px;color:#d7bdc5}.swatches{display:flex;gap:8px;margin:17px 0 14px}.swatches button{width:38px;height:38px;border-radius:50%;border:3px solid #300a16;outline:1px solid #ffffff1a;cursor:pointer;transition:transform .3s,outline-color .3s;background:#680612}.swatches button:nth-child(2){background:#aa7869}.swatches button:nth-child(3){background:#f4f1ec}.swatches button[aria-pressed=true]{outline:1px solid #f4f1ec;transform:translateY(-3px)}.swatches button:hover{transform:translateY(-5px)}.finish-name{display:block;color:#f4f1ec;font-size:12px;letter-spacing:.5px}.card-note{display:block;font-size:9px;line-height:1.6;color:#bfa0ac;margin-top:7px}.service-note{right:5%;bottom:155px;text-align:left;padding-left:20px;border-left:1px solid #9b64766b;max-width:190px}.service-note strong{display:block;font-size:18px;font-weight:400;line-height:1.35;letter-spacing:-.4px;margin-top:13px}.note-rule{display:block;width:24px;height:2px;background:#a87383;margin-bottom:18px}.sequence-track{position:absolute;left:50%;transform:translateX(-50%);bottom:102px;display:flex;gap:23px;z-index:4;font-size:8px;letter-spacing:1px;color:#9c7481;padding-top:14px}.track-line{position:absolute;top:0;height:1px;left:0;width:100%;background:linear-gradient(90deg,#eedce2,#8d3b54);transform-origin:left}.sequence-track>span:not(.track-line){transition:color .4s}.motion-controls{position:absolute;right:4%;bottom:76px;z-index:7;display:flex;gap:7px}.motion-controls button{border:1px solid #ffffff16;background:#ffffff04;color:#c3a2ae;font-size:9px;border-radius:20px;padding:7px 10px;cursor:pointer}.cta{transition:transform .25s,box-shadow .25s}.cta:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0003}.nav{backdrop-filter:blur(22px)}
@media(min-width:1400px){.finish-card{left:7%;bottom:170px;width:210px}.service-note{right:7%;bottom:195px}.sequence-track{bottom:115px}}
@media(max-width:1100px){.finish-card{width:155px;left:4%;padding:15px;bottom:123px}.card-note{font-size:8px}.service-note{right:4%;max-width:150px;bottom:140px}.service-note strong{font-size:15px}.swatches button{width:29px;height:29px}.content{padding:90px 0 140px}.description{font-size:13px;max-width:320px}}
@media(max-width:760px){.hero{min-height:850px;min-height:max(850px,100svh)}.content{padding:100px 0 240px;justify-content:flex-start}h1{font-size:clamp(51px,12.8vw,96px)}.eyebrow{font-size:8px}.roller-wrap{height:65%;top:7%;width:110vw}.finish-card{bottom:155px;width:150px;left:7%}.service-note{bottom:185px;right:7%;max-width:135px;padding-left:13px}.service-note strong{font-size:14px}.service-note .card-kicker{font-size:7px}.sequence-track{bottom:116px;gap:17px}.motion-controls{bottom:82px;right:6%}.bottom{padding-top:16px}.paint-pass{top:28%;height:24%}}
@media(prefers-reduced-motion:reduce){.roller,.finish-card,.service-note,.content *,.nav{animation:none!important}.motion-controls{display:none}.swatches button,.cta{transition:none}}
@media(min-width:761px) and (max-height:760px){.content{padding:35px 0 100px}.eyebrow{margin-bottom:24px}.description{margin:23px 0 20px}.finish-card{bottom:110px}.service-note{bottom:130px}.sequence-track{bottom:85px}.motion-controls{bottom:64px}.bottom{padding-top:12px}}