/* The film gets a short, native sticky scroll interval; no wheel interception. */
.i-mobility.i-mobility-scroll{height:240vh;padding:0;overflow:visible}
.i-mobility-scroll .i-mobility-shell{position:sticky;top:0;height:100vh;min-height:520px;padding:110px 4vw 45px;max-width:1720px;grid-template-columns:minmax(0,.68fr) minmax(0,1.52fr);gap:4vw}
.i-mobility-shell{grid-template-columns:minmax(0,.68fr) minmax(0,1.52fr)}
.immersive-site .i-mobility h2{font-size:clamp(42px,4.6vw,74px);line-height:1.03}
.i-mobility-copy>small{font-size:14px;max-width:350px}
.i-mobility-copy>strong{font-size:clamp(16px,1.5vw,21px);line-height:1.45;max-width:350px}
.i-mobility-film{aspect-ratio:1.85/1;border:0;border-radius:6px;background:#090b09;box-shadow:0 34px 90px #000b}
.i-mobility-film video{filter:saturate(.86) contrast(1.08) brightness(.88);transform:scale(1.003)}
.i-mobility-film::before{border:1px solid #ffffff12;border-radius:inherit;box-shadow:inset 0 0 80px #0005}
.i-mobility-meta,.i-mobility-state{display:none}
.i-mobility-energy{display:none}
.i-mobility-chapters{display:flex;gap:22px;margin-top:34px}
.i-mobility-chapters span{font-size:11px;font-weight:600;letter-spacing:.035em;color:#9ba096;opacity:.72;transition:color .25s,opacity .25s,text-shadow .25s}
.i-mobility-chapters span::before{content:'';display:block;height:2px;background:#33392e;margin-bottom:12px}
.i-mobility-chapters .active{color:#efd294;opacity:1;text-shadow:0 0 15px #d4b37552}
.i-mobility-chapters .active::before{background:#ddbd80}
.i-mobility-motion{margin-top:22px;border:1px solid #c6a56b70;border-radius:24px;background:transparent;color:#ddbd80;padding:12px 18px;font:inherit;font-size:12px;cursor:pointer}
.i-mobility-motion[hidden],.i-mobility-loading[hidden]{display:none}
.i-mobility-loading{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#10130f;color:#c6a56b;font-size:12px}
@media(max-width:820px){
 .i-mobility-scroll .i-mobility-shell{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:24px;padding:90px 6vw 30px;min-height:0}
 .i-mobility-scroll .i-mobility-copy>p{margin-bottom:12px}
 .immersive-site .i-mobility h2{font-size:clamp(32px,8vw,48px)}
 .i-mobility-copy>strong{margin-top:16px;font-size:16px}
 .i-mobility-copy>small{margin-top:8px;font-size:12px}
 .i-mobility-chapters{margin-top:18px;gap:20px}
 .i-mobility-film{width:100%;margin-top:0;aspect-ratio:16/9}
 .i-mobility-film video{object-position:center}
}
@media(max-height:650px) and (min-width:821px){
 .i-mobility-scroll .i-mobility-shell{min-height:0;padding-top:85px}
 .immersive-site .i-mobility h2{font-size:42px}
}
