/* A scroll-controlled material reveal, with native page scrolling. */
.wrap-story{position:relative;height:100svh;min-height:720px;background:#181b17}
.wrap-story.is-ready{height:280svh;min-height:1800px}
.wrap-story .wrap-sticky{position:sticky;top:0;height:100svh;min-height:640px;max-height:none;padding:0;overflow:hidden;isolation:isolate;background:#181b17}
.wrap-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 46%,#4e594340,transparent 60%),linear-gradient(160deg,#20251e,#131611 80%);z-index:-2}
.wrap-word{position:absolute;left:28%;top:21%;font-weight:600;font-size:clamp(150px,23vw,370px);letter-spacing:-.055em;color:#c3ceb608;line-height:.8;pointer-events:none}
.wrap-copy{position:absolute;left:4.6%;top:max(140px,18svh);z-index:3;pointer-events:none}
.wrap-copy .eyebrow{font-size:10px;letter-spacing:1.6px;color:#b6bfaa}
.wrap-story .hero h1{font-size:clamp(52px,6.4vw,92px);letter-spacing:-.04em;line-height:1.02;margin:24px 0;max-width:620px}
.wrap-story .hero h1 span{color:#c1cda9}
.wrap-intro{font-size:16px;color:#bec6b5;line-height:1.6}
.wrap-actions{display:flex;align-items:center;gap:24px;margin-top:28px;pointer-events:auto}
.wrap-actions a{font-size:12px;color:#d4dbca;border-bottom:1px solid #69735f;padding-block:14px}
.wrap-scene{position:absolute;inset:21% -9% 7% 16%;perspective:1300px;pointer-events:none}
.wrap-car{position:absolute;inset:0;transform:translate3d(var(--car-x,0px),var(--car-y,0px),0) rotateY(var(--car-angle,-5deg)) rotateZ(var(--car-roll,-1deg)) scale(var(--car-scale,1));transform-origin:60% 65%;will-change:transform}
.wrap-car img{position:absolute;width:100%;height:100%;object-fit:contain;max-width:none;inset:0}
.wrap-original{filter:grayscale(1) brightness(1.55)}
.wrap-colour{clip-path:polygon(0 0,var(--cut,0%) 0,calc(var(--cut,0%) - 8%) 100%,0 100%)}
.wrap-edge{position:absolute;inset:0;mask:url('assets/wrap-car.png') center/contain no-repeat;-webkit-mask:url('assets/wrap-car.png') center/contain no-repeat;background:linear-gradient(100deg,transparent calc(var(--cut,0%) - 7%),#f4f5db66 calc(var(--cut,0%) - 5%),#d5dfaa99 calc(var(--cut,0%) - 4%),#21271888 calc(var(--cut,0%) - 2%),transparent var(--cut,0%));opacity:var(--seam,0)}
.wrap-ground{position:absolute;left:20%;right:13%;bottom:14%;height:12%;border-radius:50%;background:#0009;filter:blur(22px);transform:scaleX(var(--car-scale,1))}
.wrap-status{position:absolute;left:4.6%;bottom:13%;max-width:230px}
.wrap-step{font-size:10px;letter-spacing:1.8px;color:#aaba96;font-variant-numeric:tabular-nums}
.wrap-message{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin-top:14px;color:#e0e7d5}
.wrap-console{position:absolute;bottom:27px;left:36%;right:23%;z-index:4;max-width:500px}
.wrap-progress-label,.wrap-endpoints{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wrap-progress-label{font-size:10px;letter-spacing:1.5px;color:#d5dec8}.wrap-progress-label output{font-variant-numeric:tabular-nums;font-size:16px;letter-spacing:-.02em}
#wrap-scrub{display:block;width:100%;height:28px;margin:6px 0;accent-color:#c1cda9;cursor:ew-resize;background:transparent}
#wrap-scrub::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#c1cda9 var(--coverage,0%),#536047 var(--coverage,0%));border-radius:2px}
#wrap-scrub::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#dbe5c9;margin-top:-5px;border:3px solid #aaba96;box-shadow:0 2px 5px #0005}
#wrap-scrub{-webkit-appearance:none;appearance:none}
#wrap-scrub::-moz-range-track{height:2px;background:#536047}#wrap-scrub::-moz-range-progress{background:#c1cda9}#wrap-scrub::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#dbe5c9;border:2px solid #aaba96}
.wrap-endpoints{font-size:11px;color:#b6c1aa}.wrap-disclaimer{font-size:10px;color:#95a18b;margin-top:12px}
@media(min-width:768px) and (max-height:700px){.wrap-story .wrap-sticky{min-height:600px}.wrap-copy{top:120px}.wrap-story .hero h1{font-size:58px}.wrap-intro{font-size:14px}.wrap-status{bottom:10%}.wrap-scene{inset:16% -10% 8% 23%}}
@media(max-width:767px){.wrap-story{min-height:730px}.wrap-story.is-ready{height:220svh;min-height:1450px}.wrap-story .wrap-sticky{min-height:730px}.wrap-copy{top:120px;left:24px;right:24px}.wrap-story .hero h1{font-size:clamp(43px,11vw,65px);line-height:1.04;margin:18px 0 14px}.wrap-copy .eyebrow{font-size:8px;letter-spacing:1.1px}.wrap-intro{font-size:14px}.wrap-actions{margin-top:18px;gap:18px}.wrap-actions .pill{min-width:0;min-height:46px;padding:12px 18px;font-size:12px;gap:20px}.wrap-actions a{font-size:11px}.wrap-word{font-size:36vw;left:5%;top:49%;color:#c3ceb60c}.wrap-scene{inset:38% -11% 15% -11%}.wrap-status{left:24px;bottom:19%;max-width:250px}.wrap-message{display:none}.wrap-step{font-size:9px;letter-spacing:1.2px}.wrap-console{left:24px;right:112px;bottom:27px;max-width:none}.wrap-progress-label{font-size:8px;letter-spacing:.7px}.wrap-progress-label output{font-size:14px}.wrap-endpoints{font-size:9px}.wrap-disclaimer{font-size:9px;max-width:210px}.wrap-ground{bottom:22%;left:14%;right:14%;height:9%}}
@media(prefers-reduced-motion:reduce){.wrap-story.is-ready{height:100svh;min-height:730px}.wrap-car{transform:none!important;will-change:auto}.wrap-story .wrap-sticky{position:relative}.wrap-word{transform:none!important}}
#wrap-scrub{border:0;border-radius:0;padding:0;box-shadow:none;min-height:28px;color-scheme:dark}
@media(max-width:767px){.wrap-scene{inset:38% -3% 22% -3%}.wrap-console{left:24px;right:24px;bottom:106px}.wrap-status{bottom:27%;left:24px}.wrap-disclaimer{max-width:none}.wrap-ground{bottom:20%}}
@media(max-width:767px){.wrap-scene{left:3%;right:3%}}