.vehicle-story{height:370svh;min-height:2200px;position:relative;overflow:clip;background:#0d141e;border-block:1px solid #35414d;color:#eef0f2}
.vehicle-sticky{position:sticky;top:80px;height:calc(100svh - 80px);min-height:420px;isolation:isolate;overflow:hidden}
.vehicle-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 37%,#46627050 0%,#26394e25 35%,transparent 70%),radial-gradient(ellipse at 54% 110%,#3b485e44,transparent 60%),linear-gradient(120deg,#0b1018,#151f2c 70%,#101823)}
.vehicle-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c121b77,transparent 43%),linear-gradient(0deg,#080e1666,transparent 23%);pointer-events:none}
.vehicle-halo{position:absolute;left:40%;right:1%;height:25%;bottom:17%;border:1px solid #a7c2d71c;border-radius:50%;rotate:-9deg;box-shadow:0 10px 80px #6686a00c,inset 0 0 70px #829caf08;background:radial-gradient(ellipse,#7f94a01a,transparent 68%)}
.vehicle-editorial{position:relative;height:100%;display:flex;align-items:center;pointer-events:none;z-index:2}
.vehicle-copy{width:32%;max-width:365px;padding-bottom:25px;pointer-events:auto}
.vehicle-copy>.eyebrow{color:#9fadb9;font-size:8px;letter-spacing:.16em}
.vehicle-copy h2{font:400 clamp(46px,4.8vw,78px)/1.02 var(--serif);letter-spacing:-.045em;margin:28px 0;color:#eff0ee}
.vehicle-copy h2 em{color:#afc2cf;font-weight:400}
.vehicle-copy>p:not(.eyebrow){font-size:12px;line-height:1.95;max-width:280px;color:#a5b0bb}
.vehicle-scrubber{margin-top:40px;max-width:250px}
.vehicle-scrubber>div{display:flex;justify-content:space-between;gap:18px;font-size:7px;letter-spacing:.13em;color:#b2c1cc}
.vehicle-scrubber label{cursor:ew-resize}.vehicle-scrubber label span{margin-left:10px;font-size:14px}
.vehicle-scrubber output{font-size:7px;color:#8597a6;white-space:nowrap;align-self:center}
.vehicle-scrubber input{display:block;appearance:none;-webkit-appearance:none;width:100%;height:30px;background:transparent;margin-top:12px;cursor:ew-resize;--scene-progress:0%}
.vehicle-scrubber input::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,#c3d6e2 var(--scene-progress),#8ba4b145 var(--scene-progress));border:0}
.vehicle-scrubber input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:8px;width:8px;background:#c3d6e2;border:0;border-radius:50%;margin-top:-3.5px;box-shadow:0 0 0 5px #b1c8db0b}
.vehicle-scrubber input::-moz-range-track{height:1px;background:#8ba4b145}.vehicle-scrubber input::-moz-range-progress{height:1px;background:#c3d6e2}.vehicle-scrubber input::-moz-range-thumb{height:8px;width:8px;background:#c3d6e2;border:0;border-radius:50%}
.vehicle-scrubber input:focus-visible{outline:1px solid #b2c7d377;outline-offset:4px}
.vehicle-experience{position:absolute;inset:0 -3% 0 31%;z-index:1;pointer-events:none}
.vehicle-viewport,.vehicle-viewport canvas{display:block;width:100%;height:100%;position:relative;background:transparent;touch-action:pan-y}
.vehicle-scene-caption{position:absolute;bottom:34px;left:0;right:0;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em;color:#8397a8;pointer-events:none;z-index:2}
.vehicle-scene-caption>span:last-child{color:#b0bfcb;letter-spacing:.07em;margin-right:45px}
.vehicle-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#9cabb8;background:radial-gradient(ellipse,#172333cc,transparent 70%);transition:opacity .8s,visibility .8s;font-size:10px;letter-spacing:.04em}
.vehicle-loading.done{opacity:0;visibility:hidden;pointer-events:none}.vehicle-loader-mark{font:italic 70px/1 var(--serif);color:#c0cfda}.vehicle-loading progress{appearance:none;width:120px;height:1px;border:0;background:#536b7c}.vehicle-loading progress::-webkit-progress-bar{background:#536b7c}.vehicle-loading progress::-webkit-progress-value{background:#ccdae4}
.vehicle-fallback{position:absolute;inset:15% 5%;display:flex;flex-direction:column;justify-content:center;gap:15px;pointer-events:auto}.vehicle-fallback img{height:70%;object-fit:cover;opacity:.8;border:1px solid #728492}.vehicle-fallback p,.vehicle-fallback button{font-size:11px;color:#bccbd6}.vehicle-fallback button{align-self:flex-start}
.vehicle-experience[data-state=error]~.vehicle-scene-caption #vehicle-phase{visibility:hidden}
.motion-off .vehicle-story{height:auto;min-height:0}.motion-off .vehicle-sticky{position:relative;top:0;height:760px}
@media(min-width:1550px){.vehicle-copy{width:32%;max-width:410px}.vehicle-experience{inset:0 0 0 32%}}
@media(max-width:950px) and (min-width:761px){.vehicle-copy{width:34%}.vehicle-copy h2{font-size:49px}.vehicle-copy>p:not(.eyebrow){font-size:11px}.vehicle-experience{left:30%}.vehicle-copy>.eyebrow{font-size:6px}}
@media(max-width:760px){.vehicle-story{height:340svh;min-height:1800px}.vehicle-sticky{top:76px;height:calc(100svh - 76px);min-height:490px}.vehicle-editorial{align-items:flex-start;padding-top:35px}.vehicle-copy{width:100%;max-width:none;pointer-events:none;padding:0}.vehicle-copy>.eyebrow{font-size:6px}.vehicle-copy h2{font-size:43px;margin:18px 0 12px;line-height:.98}.vehicle-copy h2 br{display:none}.vehicle-copy h2 em{display:block}.vehicle-copy>p:not(.eyebrow){max-width:250px;font-size:10px;line-height:1.8}.vehicle-scrubber{position:absolute;bottom:50px;left:0;right:0;max-width:none;width:100%;margin:0;pointer-events:auto}.vehicle-scrubber input{height:30px;margin-top:8px}.vehicle-experience{inset:180px -10% 90px -10%}.vehicle-halo{left:5%;right:0;bottom:18%;height:17%}.vehicle-scene-caption{bottom:25px;font-size:5px}.vehicle-scene-caption>span:last-child{font-size:6px}.vehicle-loader-mark{font-size:50px}.vehicle-loading{font-size:8px}.motion-off .vehicle-sticky{height:760px}}
@media(max-width:760px){.vehicle-experience{left:0;right:0}}
@media(max-height:680px) and (min-width:761px){.vehicle-copy h2{font-size:52px}.vehicle-copy>p:not(.eyebrow){font-size:10px}.vehicle-copy>.eyebrow{font-size:6px}.vehicle-scrubber{margin-top:22px}.vehicle-scene-caption{bottom:20px}}
@media(prefers-reduced-motion:reduce){.vehicle-story{height:auto;min-height:0}.vehicle-sticky{position:relative;top:0;height:760px}.vehicle-loading{transition:none}}
