.drive-story{height:500vh;height:500svh}
.exploded-ui{position:absolute;inset:0;z-index:4;pointer-events:none;color:#222d37}.exploded-ui[hidden]{display:none}
.exploded-heading{position:absolute;top:17%;left:8%;right:8%;display:flex;align-items:end;justify-content:space-between;gap:25px}.exploded-heading .eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:12px}.exploded-heading h2{font-size:clamp(30px,3.4vw,52px);font-weight:800;line-height:1.1;margin:0}.exploded-heading>p{font-size:12px;color:#52606c;line-height:1.8;max-width:235px}
.part-controls{position:absolute;left:8%;right:8%;top:65%;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;pointer-events:auto}
.part-controls button{border:0;border-top:1px solid #68788966;text-align:left;background:transparent;padding:13px 8px;color:#36434f;cursor:pointer;min-height:57px}.part-controls button b{display:block;font-size:10px;letter-spacing:1px;margin-bottom:7px}.part-controls button span{font-size:12px;font-weight:700}.part-controls button:hover,.part-controls button[aria-pressed=true]{background:#303e4b;color:#fff;border-color:#303e4b}
.part-info{position:absolute;left:8%;right:8%;top:76%;min-height:100px;background:#e1e6eccc;border:1px solid #72819055;padding:16px 44px 16px 20px;display:grid;grid-template-columns:1fr 1.7fr;gap:5px 30px;pointer-events:auto;backdrop-filter:blur(12px)}.part-info[hidden]{display:none}.part-en{font-size:9px;letter-spacing:1.5px;color:#536575;margin:0}.part-info h3{font-size:23px;margin:3px 0;grid-column:1;grid-row:2}.part-lead{font-size:12px;font-weight:700;margin:0;grid-column:2;grid-row:1}.part-description{font-size:12px;line-height:1.8;margin:0;grid-column:2;grid-row:2}.part-close{position:absolute;right:10px;top:10px;background:none;border:0;font-size:20px;cursor:pointer;color:#344455}
.explode-next{margin-left:12px}.is-exploded .brand-tab,.is-exploded .brand-side{display:none}.is-exploded .photo-viewport{pointer-events:none}.is-exploded .brake-webgl{pointer-events:auto}.part-controls{visibility:hidden}.parts-ready .part-controls{visibility:visible}
@media(max-width:640px){.drive-story{height:390svh}.exploded-heading{top:14%;left:7%;right:7%;display:block}.exploded-heading h2{font-size:29px}.exploded-heading>p{font-size:10px;margin-top:9px}.exploded-heading .eyebrow{font-size:8px;margin-bottom:8px}.part-controls{top:66%;left:7%;right:7%;grid-template-columns:repeat(5,1fr);gap:4px}.part-controls button{padding:7px 3px;min-height:49px}.part-controls button b{font-size:8px}.part-controls button span{font-size:9px;line-height:1.4}.part-info{top:75%;left:7%;right:7%;padding:10px 27px 10px 12px;display:block;min-height:0}.part-info h3{font-size:17px;margin:4px 0}.part-en{font-size:8px}.part-lead{display:none}.part-description{font-size:10px;line-height:1.55}.is-exploded .stage-footer .scroll-cue{display:none}.is-exploded .stage-footer{justify-content:center}.stage-footer .story-steps{gap:3px}.story-steps button{padding:8px}.story-steps i{width:5px}.explode-next{margin-left:5px}.brake-copy .drive-link{padding:9px 10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.drive-story{height:100svh}}
/* A full viewport of scrolling separates the assembled product and exploded view. */
.drive-story{height:600vh;height:600svh}
.bridge-screen{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.bridge-screen[hidden]{display:none}
.bridge-word{position:absolute;top:3%;left:50%;transform:translateX(-50%);writing-mode:vertical-rl;text-orientation:mixed;font-family:Arial,sans-serif;font-size:clamp(72px,10vh,130px);font-weight:300;letter-spacing:24px;line-height:1;color:#242b32}
.bridge-copy{position:absolute;left:8%;top:39%;width:25%;pointer-events:auto}.bridge-copy .eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;margin-bottom:15px}.bridge-copy h2{font-size:clamp(21px,2.1vw,32px);line-height:1.3;margin:0 0 15px}.bridge-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#46535f}.bridge-copy a{display:inline-block;font-size:11px;border-bottom:1px solid #45515d;padding:12px 0;color:#26333f}.bridge-mark{position:absolute;right:14%;top:44%;width:8%;height:12%;object-fit:contain;filter:brightness(0);opacity:.82}.bridge-caption{position:absolute;bottom:14%;left:8%;font-size:9px;letter-spacing:1.6px;color:#53616d}
.is-bridge .brand-side,.is-bridge .brand-tab{display:none}
@media(max-width:640px){.drive-story{height:490svh}.bridge-word{top:7%;font-size:76px;letter-spacing:16px;opacity:.55}.bridge-copy{top:74%;left:8%;width:70%}.bridge-copy .eyebrow{font-size:8px;margin:0 0 5px}.bridge-copy h2{font-size:20px;margin-bottom:7px}.bridge-copy h2 br{display:none}.bridge-copy>p:not(.eyebrow){font-size:10px;line-height:1.5;margin:0}.bridge-copy a{font-size:10px;padding:7px 0}.bridge-mark{right:9%;top:17%;width:12%;height:7%}.bridge-caption{display:none}}
@media(prefers-reduced-motion:reduce){.drive-story{height:100svh}}