/* One continuous scroll sequence; normal document flow without motion or JavaScript. */
.journey{--wash:0;--interior:0;--offer:0;--questions:0;position:relative;background:var(--bg)}
.journey-stage{position:relative;isolation:isolate;overflow:clip}
.journey-visuals,.journey-topline,.journey-controls{display:none}
.journey-scenes{position:relative}
.journey-scene{position:relative;min-height:100svh;padding:170px 5% 140px;display:flex;align-items:flex-end;isolation:isolate;background:var(--bg)}
.journey-scene::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101110 0%,#1011109c 55%,#1011104a),url('assets/hero-clean.webp') center/cover}
.scene-interior::before{background-image:linear-gradient(0deg,#101110,#10111070),url('assets/interior.webp')}
.scene-wash::before{background-image:linear-gradient(0deg,#101110,#10111060),url('assets/hero-dirty.webp')}
.scene-offer{background:var(--orange);color:#151611}
.scene-offer::before{display:none}
.scene-copy{position:relative;z-index:3;max-width:78%}
.scene-title{font:clamp(72px,9.1vw,150px)/1.01 var(--display);letter-spacing:-1.5px;margin:0}
.scene-title span{color:var(--orange)}
.scene-copy p{font-size:13px;line-height:1.8;margin:24px 0 0;color:#dedfd5;max-width:390px}
.scene-copy>.button{margin-top:26px}
.scene-kicker{display:block;color:var(--orange);font-size:11px;font-weight:700;margin-bottom:20px}
.scene-aside{position:absolute;right:5%;bottom:180px;z-index:3;max-width:280px}
.scene-aside>span{display:block;font-size:12px;font-weight:700}
.scene-aside>p{font-size:11px;line-height:1.9;color:#cbcdc0;margin:12px 0 0}
.scene-aside-left{right:auto;left:5%}
.scene-copy-right{margin-left:auto;text-align:left}
.scene-complete .scene-title{font-size:clamp(70px,8.5vw,136px)}
.scene-result .scene-title{font-size:clamp(65px,6.8vw,110px)}
.scene-result .scene-copy{max-width:80%}
.scene-result .scene-aside{bottom:172px}
.wash-copy-clean{display:none}
.scene-action{position:absolute;right:5%;bottom:150px;display:flex;align-items:flex-start;flex-direction:column;gap:12px}
.scene-action>span{font-size:10px;color:#c5c7bb}
.scene-questions .scene-title{font-size:clamp(64px,7.7vw,124px)}
.scene-questions .scene-copy{max-width:52%;align-self:center}
.scene-questions .inline-link{display:inline-block;margin-top:22px;font-size:11px}
.scene-questions-list{position:absolute;z-index:4;right:5%;top:26%;width:35%;max-height:58svh;overflow:auto;scrollbar-width:thin;scrollbar-color:#626458 transparent;padding:0 5px}
.scene-questions-list summary{font-size:13px;padding:23px 0}
.scene-questions-list details>p{font-size:12px;line-height:1.85;margin-bottom:25px}
.scene-offer .scene-title{font-size:clamp(90px,11.7vw,182px)}
.scene-offer .scene-title span{color:var(--paper)}
.scene-offer .scene-kicker,.scene-offer .scene-copy p{color:#25271d}
.scene-offer .button:focus-visible{outline-color:#151611}
.offer-details{position:absolute;z-index:3;right:5%;bottom:190px;width:285px}
.offer-details>span{font-size:11px;font-weight:600}
.offer-details>a{display:block;font-size:30px;letter-spacing:-1px;font-weight:700;margin:10px 0 28px}
.offer-details dl{margin:0;border-top:1px solid #15161155;border-bottom:1px solid #15161155;padding:14px 0;font-size:11px}
.offer-details dl>div{display:flex;justify-content:space-between;padding:4px 0}
.offer-details dd{margin:0;font-weight:700}
.offer-details p{font-size:9px;line-height:1.8;margin:15px 0 0}

.motion-story .journey{height:calc(var(--journey-length,8.35)*100svh)}
.motion-story .journey-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.motion-story .journey-visuals{display:block;position:absolute;inset:0;overflow:hidden;z-index:0}
.journey-car{position:absolute;inset:0;transform:translate3d(var(--car-x,0%),var(--car-y,0%),0) scale(var(--car-scale,1.04));transform-origin:50% 50%;will-change:transform;filter:brightness(calc(1 - var(--questions)*.65))}
.journey-car img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.journey-dirty{opacity:calc(1 - var(--wash));will-change:opacity}
.journey-interior{position:absolute;inset:0;opacity:var(--interior);transform:translate3d(var(--interior-x,0%),var(--interior-y,0%),0) scale(var(--interior-scale,1));will-change:transform,opacity}
.journey-interior img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 54%}
.journey-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#101110 0%,#101110cc 12%,#10111030 46%,transparent 68%,#10111070 100%),linear-gradient(90deg,#10111080,transparent 66%);pointer-events:none}
.journey-offer-color{position:absolute;inset:0;background:var(--orange);opacity:var(--offer);will-change:opacity}
.motion-story .journey-topline{position:absolute;display:flex;align-items:center;justify-content:space-between;left:5%;right:5%;top:123px;z-index:7;pointer-events:none;font-size:10px;color:#dedfd6}
.journey-signature{pointer-events:auto;display:flex;gap:13px;align-items:center;font:20px/1 var(--display)}
.journey-signature span{font:10px/1.6 var(--font);color:#d0d2c6}
.journey-current{font-size:9px}
.motion-story .journey-scenes{position:absolute;inset:0}
.motion-story .journey-scene{position:absolute;inset:0;min-height:0;padding:0;display:block;background:transparent;opacity:0;pointer-events:none;will-change:opacity}
.motion-story .journey-scene::before{display:none}
.motion-story .journey-scene:first-child{opacity:1;pointer-events:auto}
.motion-story .scene-copy{position:absolute;left:5%;bottom:155px;transform:translate3d(0,var(--caption-y,0px),0)}
.motion-story .scene-copy-right{left:auto;right:5%;margin:0}
.motion-story .scene-aside,.motion-story .scene-action,.motion-story .offer-details{transform:translate3d(0,var(--caption-y,0px),0)}
.motion-story .wash-copy-dirty{opacity:clamp(0,calc(1 - var(--wash)*2.8),1)}
.motion-story .wash-copy-clean{display:block;position:absolute;inset:0;white-space:nowrap;opacity:clamp(0,calc(var(--wash)*2.8 - 1.5),1)}
.wash-copy-clean .scene-title{font-size:clamp(72px,9.1vw,150px)}
.wash-copy-clean .scene-title span{color:#ffb163}
.motion-story .scene-questions .scene-copy{bottom:220px}
.motion-story .journey-controls{display:block;position:absolute;left:5%;right:5%;bottom:24px;z-index:8}
.journey-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
.journey-steps a{font-size:9px;color:#aaaea0;display:block;position:relative;padding:11px 0 10px;line-height:1.5;transition:color .15s}
.journey-steps a:hover,.journey-steps a[aria-current=step]{color:var(--paper)}
.journey-steps a[aria-current=step] span{font-weight:800}
.journey-steps i{display:block;height:2px;background:#ffffff35;position:relative;margin-top:13px;overflow:hidden}
.journey-steps i::before{content:'';position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--step-progress,0));background:var(--orange)}
.journey-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:8px;color:#b9bdaf;gap:20px}
.journey-next{display:inline-flex;align-items:center;gap:9px;padding:0;background:transparent;font-size:9px;min-height:25px}
.journey-next svg{height:17px;width:14px;stroke:var(--orange)}
.journey-counter{color:#c0c3b6;font-size:9px;font-variant-numeric:tabular-nums}
.journey-image-note{font-size:8px;min-width:110px;text-align:right;margin-right:44px}
.journey.at-offer .journey-topline,.journey.at-offer .journey-signature span,.journey.at-offer .journey-bottom,.journey.at-offer .journey-counter,.journey.at-offer .journey-steps a{color:#25271d}
.journey.at-offer .journey-steps a[aria-current=step]{color:#101110}
.journey.at-offer .journey-steps i{background:#15161135}
.journey.at-offer .journey-steps i::before,.journey.at-offer .journey-next svg{background:#151611;stroke:#151611}
.journey.at-offer .journey-next svg{background:none}

@media(max-width:1050px){
  .scene-aside{max-width:200px;font-size:10px}.scene-aside>span{font-size:10px}.scene-aside>p{font-size:9px}
  .scene-copy p{font-size:11px}.scene-copy>.button{font-size:10px}
  .offer-details{width:235px}.offer-details>a{font-size:24px}
  .scene-result .scene-title{font-size:6.8vw}.scene-questions .scene-title{font-size:7.5vw}
  .scene-questions-list{width:39%}.scene-questions-list summary{font-size:11px}.scene-questions-list details>p{font-size:10px}
}
@media(max-width:700px){
  .journey-scene{min-height:100svh;padding:145px 6% 160px}
  .scene-copy{max-width:100%}.scene-title{font-size:clamp(58px,19.1vw,100px);letter-spacing:-.8px;line-height:1.04}
  .scene-copy p{font-size:11px;margin-top:19px;line-height:1.75}
  .scene-copy>.button{margin-top:21px;min-height:46px;padding:13px 17px;font-size:10px;gap:20px}
  .scene-kicker{font-size:9px;margin-bottom:17px}
  .scene-aside{display:none}
  .scene-copy-right{margin:0}
  .scene-complete .scene-title{font-size:clamp(58px,18.2vw,94px)}
  .scene-result .scene-title{font-size:clamp(40px,12.4vw,70px);line-height:1.08}
  .scene-result .scene-copy{max-width:100%}
  .scene-wash .scene-title{font-size:clamp(70px,23.2vw,128px)}
  .scene-action{right:auto;left:6%;bottom:145px}
  .scene-action .button{min-height:46px;padding:13px 19px;font-size:10px}
  .scene-action>span{font-size:8px}
  .scene-questions .scene-copy{max-width:100%;align-self:flex-start}
  .scene-questions .scene-title{font-size:clamp(36px,12.4vw,66px)}
  .scene-questions .scene-copy p{display:none}
  .scene-questions .inline-link{font-size:9px;margin-top:16px}
  .scene-questions-list{left:6%;right:6%;width:auto;top:325px;max-height:calc(100svh - 465px);padding:0 2px}
  .scene-questions-list summary{font-size:11px;padding:17px 0}
  .scene-questions-list details>p{font-size:10px;line-height:1.8;margin:0 8px 18px 0}
  .scene-offer .scene-title{font-size:clamp(64px,20.6vw,112px)}
  .scene-offer .scene-copy>.button{font-size:9px;gap:12px}
  .offer-details{left:6%;right:6%;width:auto;bottom:145px;max-width:400px}
  .offer-details>span{font-size:9px}.offer-details>a{font-size:23px;margin:5px 0 12px}
  .offer-details dl{font-size:9px;padding:8px 0;display:flex;gap:22px;justify-content:space-between}
  .offer-details dl>div{display:block;padding:0}.offer-details dd{margin-top:2px}
  .offer-details p{font-size:8px;margin-top:10px}.offer-details p br{display:none}
  .motion-story .journey-topline{left:6%;right:6%;top:105px}
  .journey-signature{font-size:18px;gap:9px}.journey-signature span{font-size:8px}.journey-current{font-size:7px;max-width:110px;text-align:right}
  .journey-car{transform-origin:50% 35%}
  .journey-car img{inset:auto;top:14%;left:-26%;height:auto;width:152%}
  .journey-interior img{object-position:57% 50%}
  .journey-vignette{background:linear-gradient(0deg,#101110 0%,#101110f5 20%,#10111086 42%,#10111008 65%,#1011104d 82%,#101110 100%)}
  .motion-story .scene-copy,.motion-story .scene-copy-right{left:6%;right:6%;bottom:145px;max-width:none}
  .motion-story .scene-wash .scene-copy{bottom:245px}
  .wash-copy-clean .scene-title{font-size:clamp(58px,18.2vw,100px)}
  .motion-story .scene-questions .scene-copy{top:148px;bottom:auto}
  .motion-story .scene-offer .scene-copy{top:155px;bottom:auto}
  .motion-story .journey-controls{left:6%;right:6%;bottom:22px}
  .journey-steps{gap:8px}.journey-steps a{font-size:7px;padding:9px 0 6px;white-space:nowrap}
  .journey-steps i{margin-top:11px}.journey-bottom{gap:10px;margin-top:9px}
  .journey-next{font-size:8px;gap:6px}.journey-next svg{width:11px;height:15px}.journey-counter{font-size:8px}
  .journey-image-note{font-size:6px;min-width:76px;margin-right:33px}
}
@media(max-width:360px){
  .journey-signature span{font-size:7px}.journey-current{font-size:6px}.scene-title{font-size:19vw}.scene-copy p{font-size:10px}
  .journey-steps{gap:6px}.journey-steps a{font-size:6px}.journey-next{font-size:7px}.journey-image-note{display:none}
  .scene-questions-list{top:302px;max-height:calc(100svh - 438px)}
  .scene-offer .scene-title{font-size:20vw}.motion-story .scene-offer .scene-copy{top:145px}
  .offer-details{bottom:133px}.offer-details>span{display:none}.offer-details p{font-size:7px}
}
@media(max-height:740px) and (min-width:701px){
  .scene-title{font-size:15svh}.scene-complete .scene-title{font-size:14svh}.scene-result .scene-title{font-size:11.5svh}
  .scene-offer .scene-title{font-size:18svh}.scene-copy p{font-size:11px;margin-top:16px}.scene-copy>.button{margin-top:18px}
  .motion-story .journey-topline{top:108px}.motion-story .scene-copy{bottom:145px}.motion-story .scene-questions .scene-copy{bottom:170px}
}
@media(max-height:760px) and (max-width:700px){
  .motion-story .scene-offer .scene-copy{top:132px}.scene-offer .scene-title{font-size:18vw}.scene-offer .scene-copy p{margin-top:12px;font-size:10px}
  .scene-offer .scene-copy>.button{margin-top:15px}.offer-details{bottom:130px}.offer-details>span{display:none}.offer-details p{font-size:7px;margin-top:7px}
  .motion-story .scene-questions .scene-copy{top:128px}.scene-questions-list{top:292px;max-height:calc(100svh - 425px)}
}
@media(prefers-reduced-motion:reduce){
  .journey-stage{height:auto!important;position:relative!important}.journey{height:auto!important}
  .journey-scene{opacity:1!important;pointer-events:auto!important;transform:none!important}
  .scene-questions{min-height:900px}.scene-questions .scene-copy{align-self:flex-start}
  .scene-questions-list{top:46%;max-height:43svh}
  .scene-offer{min-height:1050px}.scene-offer .scene-copy{align-self:flex-start}
}
