/* Selected boundaries only. No text is placed on the interpolated colours. */
.wk-tone-bridge{height:clamp(64px,8vw,120px);position:relative;overflow:hidden;background:linear-gradient(var(--tone-from),var(--tone-to));--wk-tone:1}
.wk-tone-bridge::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,var(--tone-to));opacity:var(--wk-tone);pointer-events:none}
.tone-to-track{--tone-from:#f2f0e9;--tone-to:#151a1d}
.tone-to-offers{--tone-from:#151a1d;--tone-to:#f2f0e9}
/* Existing imagery and all four coaching prompts remain available before/without WebGL. */
.drive-story:not(.is-ready){height:auto;min-height:0}
.drive-story:not(.is-ready) .drive-stage{position:relative}
.drive-story:not(.is-ready) .drive-bottom{display:none}
.drive-reading{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:64px 5%;background:#171c20;color:#f2f0e9}
.drive-reading h2{font-size:clamp(23px,2vw,32px);line-height:1.2;margin:16px 0}
.drive-reading p{line-height:1.65;color:#e0e0e0}
.drive-reading span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f2f0e9}
.is-ready .drive-reading{display:none}
#drive-loading{z-index:5;top:auto;bottom:38px;right:5%;left:auto;max-width:390px;background:#171c20;color:#f4f4ef;padding:18px 22px;border:1px solid #647078}
#drive-loading p{margin:0 0 12px;line-height:1.5;font-size:14px}
#drive-load-3d,#pit-load-3d{font:inherit;font-size:14px;line-height:1.4;min-height:44px;padding:10px 16px;border:1px solid #b1bdc5;background:#e9eceb;color:#122029;border-radius:5px;cursor:pointer}
#drive-load-3d:disabled,#pit-load-3d:disabled{cursor:wait;opacity:.85}
#drive-percent{margin-left:12px}
/* A small stable toolbar, with a fully opaque default and an optional restrained blur. */
.drive-top{background:#172026;border:1px solid #647078;border-radius:8px;padding:10px 14px;right:auto;width:auto;max-width:90%;gap:20px}
.drive-top a{color:#f4f4ef}
.drive-top .drive-motion{position:static;color:#f4f4ef;background:transparent;border-color:#7d8990;min-height:44px}
@supports(backdrop-filter:blur(6px)){@media(min-width:761px){html:not(.reduced-motion) .drive-top{background:rgba(23,32,38,.94);backdrop-filter:blur(6px)}}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.drive-top{background:#172026!important;backdrop-filter:none!important}}
.restored-content .pit-toolbar{flex-wrap:wrap;gap:12px}
.restored-content .pit-toolbar #motion-toggle{font:inherit;font-size:12px;min-height:44px;border:1px solid #72838e;padding:8px 12px;border-radius:4px;color:#f1f4f5;background:#172735;cursor:pointer}
.restored-content .pit-fallback[hidden]{display:none!important}
.restored-content .pit-fallback{padding:clamp(24px,5vw,64px);gap:14px;align-items:flex-start;color:#edf4f6}
.restored-content .pit-fallback h3{margin:0;font-size:clamp(25px,3vw,38px);line-height:1.2}
.restored-content .pit-fallback p{max-width:48ch;line-height:1.65;margin:0;color:#d5e1e7}
.pit-viewport:not(.has-3d) .scene-caption,.pit-viewport:not(.has-3d) .scene-hint,.pit-viewport:not(.has-3d) .scene-status{visibility:hidden}
.pit-viewport.has-3d #pit-three{display:block}
#pit-load-3d:focus-visible,#drive-load-3d:focus-visible,.pit-toolbar #motion-toggle:focus-visible,.drive-top :focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px #172026}
@media(max-width:760px){.drive-reading{grid-template-columns:1fr;gap:32px;padding:40px 6%}.drive-top{left:6%;right:6%;max-width:none;gap:12px;padding:8px 10px}.drive-top a{max-width:none;text-align:left;font-size:12px}.drive-top .drive-motion{font-size:11px;padding:8px}#drive-loading{left:6%;right:6%;max-width:none;bottom:28px}.drive-story:not(.is-ready) .drive-stage{min-height:760px}.restored-content .pit-toolbar .view-switch{order:3;flex-basis:100%}.restored-content .pit-toolbar .live-label{display:none}}
@media(prefers-reduced-motion:reduce){.wk-tone-bridge::after{opacity:1}.drive-fallback,#drive-canvas{transition:none!important}}
html.reduced-motion .drive-fallback,html.reduced-motion #drive-canvas{transition:none!important}
@media print{.wk-tone-bridge,.drive-top,#drive-loading{display:none}.drive-reading{display:grid!important}.drive-story{height:auto!important;min-height:0!important}.drive-stage{display:none}}
/* Loading/reading view stays in normal flow, including at enlarged text sizes. */
.drive-story:not(.is-ready) .drive-stage{display:flex;flex-direction:column;justify-content:flex-end;height:auto;min-height:720px;padding:170px 6% 40px}
.drive-story:not(.is-ready) .drive-intro{position:relative;left:auto;top:auto!important;width:100%;max-width:650px;transform:none!important;margin:80px auto 32px;opacity:1!important}
.drive-story:not(.is-ready) #drive-loading{position:relative;inset:auto;margin:0 auto;width:100%;max-width:420px}
@media(max-width:760px){.drive-story:not(.is-ready) .drive-stage{min-height:700px;padding-top:160px}.drive-story:not(.is-ready) .drive-intro{margin-top:50px}}
.drive-story:not(.is-ready) #drive-loading{transform:none}