.drive-story{height:290vh;position:relative;background:#edeee8;border-bottom:1px solid var(--line)}.drive-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.drive-story .hero{min-height:calc(100svh - 80px);padding-block:35px;gap:20px;grid-template-columns:1fr 1.2fr}.drive-story .hero-copy{position:relative;z-index:2}.drive-story .hero h1{font-size:clamp(48px,4.9vw,72px)}.drive-story .intro{max-width:460px}.beetle-panel{height:min(610px,77svh);min-height:420px;position:relative;align-self:center}.stage-top{position:absolute;z-index:2;top:20px;left:20px;right:16px;display:flex;justify-content:space-between;gap:14px;font-size:10px;font-weight:700;letter-spacing:.14em;color:#73786c}.stage-year{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(130px,16vw,230px);line-height:1;color:#e1e3d9;letter-spacing:-.04em;pointer-events:none;white-space:nowrap}#beetle-stage{position:absolute;inset:12px -55px 20px;z-index:1}#beetle-stage canvas{display:block;width:100%;height:100%;outline:none}.model-status{position:absolute;top:50%;width:100%;text-align:center;font-size:14px;color:var(--muted)}.model-status[hidden]{display:none}.stage-bottom{position:absolute;bottom:0;left:20px;right:16px;display:flex;justify-content:space-between;gap:16px;align-items:center;z-index:2}.stage-tools{display:flex;gap:7px}.stage-tools button{background:transparent;border:1px solid #c6cbbf;padding:7px 11px;font-size:11px;color:#51574b}.stage-tools button:hover{background:#dfe2d7}.model-name{font-size:11px;letter-spacing:.09em;font-weight:600}.scroll-caption{display:flex;align-items:center;gap:12px;margin-top:31px;font-size:12px;letter-spacing:.03em;color:#5d6358}.scroll-icon{border:1px solid #91978a;width:18px;height:29px;display:inline-block;border-radius:12px;position:relative}.scroll-icon:before{content:'';height:7px;width:2px;background:var(--red);position:absolute;left:7px;top:6px}.sequence-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px}.sequence-steps{display:flex;gap:24px}.stage-step{font-size:11px;color:#8b9182;letter-spacing:.04em}.stage-step.current{color:var(--ink)}.stage-step b{color:var(--red);margin-right:7px;font-size:10px}.sequence-track{height:2px;background:#d5dacb;flex:1;max-width:240px;overflow:hidden}#scroll-progress{height:100%;width:100%;background:var(--red);transform:scaleX(0);transform-origin:left}.sequence-description{min-height:40px;font-size:14px;color:#666d5f;margin-top:14px;max-width:420px}.drive-story.model-unavailable{height:auto}.model-unavailable .drive-sticky{position:relative}.model-unavailable .scroll-caption,.model-unavailable .sequence-footer{display:none}
@media(min-width:1500px){.drive-story .hero{grid-template-columns:1fr 1.3fr}.beetle-panel{height:650px}}
@media(max-width:1050px){.drive-story .hero{grid-template-columns:1fr 1.1fr;gap:0}.drive-story .hero h1{font-size:clamp(44px,5vw,64px)}.drive-story .intro{font-size:15px}.stage-top{left:0;right:0}.stage-bottom{left:0;right:0}.stage-tools button{font-size:10px;padding:7px}.sequence-steps{gap:16px}}
@media(max-width:760px){.drive-story{height:240svh}.drive-story .hero{grid-template-columns:1fr;gap:0;min-height:0;padding-block:22px 10px}.drive-sticky{justify-content:flex-start;min-height:100svh}.drive-story .hero-copy{padding-top:8px}.drive-story .hero .eyebrow{margin-bottom:11px;font-size:10px}.drive-story .hero h1{font-size:clamp(38px,8vw,52px);margin-bottom:12px}.drive-story .intro{font-size:14px;line-height:1.5;margin-bottom:16px;max-width:100%}.drive-story .hero-actions{gap:14px}.drive-story .button{min-height:43px;padding:10px 13px;font-size:12px}.drive-story .social{font-size:11px}.scroll-caption{margin-top:14px;font-size:11px}.scroll-icon{height:23px;width:15px}.scroll-icon:before{left:6px;top:5px}.beetle-panel{height:43svh;min-height:260px;width:100%;margin-top:7px}.stage-top{top:7px;font-size:9px}.stage-year{font-size:150px;top:22%}#beetle-stage{inset:0 -26px 18px}.stage-bottom{bottom:0}.stage-tools button{font-size:10px}.model-name{font-size:9px}.sequence-footer{padding-bottom:14px;gap:10px}.sequence-steps{gap:14px}.stage-step{font-size:9px}.stage-step b{font-size:9px;margin-right:4px}.sequence-track{max-width:70px}.sequence-description{display:none}}
@media(max-height:740px) and (min-width:761px){.beetle-panel{height:76svh;min-height:320px}.drive-story .hero{padding-block:24px}.drive-story .hero h1{font-size:52px}.drive-story .intro{font-size:15px}.sequence-footer{padding-bottom:14px}}


.hero-watermark{position:absolute;width:110%;max-width:none;height:auto;left:-8%;top:50%;transform:translateY(-50%);opacity:.052;mix-blend-mode:multiply;filter:grayscale(1);z-index:-1;pointer-events:none;user-select:none}.drive-story .hero-copy{isolation:isolate}@media(max-width:760px){.hero-watermark{width:90%;left:2%;opacity:.045}}

/* Explicit motion controls and stable phone layout during touch scrolling. */
.stage-tools{flex-wrap:wrap;justify-content:flex-end}.stage-tools button{min-height:36px}
@media(max-width:760px){.stage-bottom{flex-wrap:wrap;align-items:flex-start;gap:7px}.stage-tools{gap:6px}.stage-tools button{padding:7px 9px;min-height:36px}.beetle-panel{height:clamp(235px,36svh,330px);min-height:235px}.drive-story .hero{padding-bottom:16px}}
@media(max-width:760px) and (max-height:720px){.drive-story .hero{padding-top:12px}.drive-story .hero .intro{font-size:13px;line-height:1.45;margin-bottom:12px}.drive-story .hero h1{font-size:36px;margin-bottom:10px}.scroll-caption{margin-top:8px}.beetle-panel{min-height:210px;height:210px}}