/* One full-viewport mobile scene. No inset video or empty second panel. */
@media(max-width:800px){
html{scroll-padding-top:88px}
body:not(.static-film) .film-story{height:500svh!important;min-height:0!important}
body .film-stage{position:sticky!important;top:0!important;height:100svh!important;min-height:0!important;padding:0!important;display:block!important;overflow:hidden;background:#d9dad4!important}
body .film-stage video,body:not(.static-film) .film-stage video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:var(--mobile-film-x,30%) center!important;transform:none!important;visibility:visible!important;background:#d9dad4}
body .film-mobile-intro{display:none!important}
body .film-opening{display:none!important}
body .film-shade{display:block!important;position:absolute;inset:0;background:linear-gradient(0deg,#e6e5dff5 0%,#e6e5dfe8 23%,#e6e5df00 64%)!important;opacity:var(--ending,0)!important;pointer-events:none}
body .film-ending{position:absolute!important;top:auto!important;bottom:85px!important;left:7%!important;right:7%!important;width:auto!important;padding:0!important;margin:0!important;opacity:var(--ending,0)!important;transform:translateY(calc((1 - var(--ending,0))*16px))!important;background:none!important;border:0!important;border-radius:0!important;backdrop-filter:none!important;color:#252627}
body .film-ending[inert]{pointer-events:none!important}
body .film-ending .eyebrow{display:block!important;font-size:9px;margin:0 0 12px}
body .film-ending h2{font-size:clamp(32px,9vw,44px)!important;line-height:1.06!important;letter-spacing:-.04em!important;max-width:12ch}
body .film-ending h2 br{display:none!important}
body .film-ending>p{font-size:13px!important;line-height:1.5;margin:13px 0 19px!important}
body .film-ending .button{font-size:12px;min-height:46px;padding:12px 17px;gap:12px}
body .film-ending .text-link{display:block;width:fit-content;font-size:11px;margin-top:15px;padding-bottom:4px}
body .film-tools{position:absolute!important;left:6%!important;right:6%!important;top:auto!important;bottom:20px!important;margin:0!important;display:flex;justify-content:flex-end;z-index:4;color:#252627;text-shadow:none;min-height:34px}
body #chapter{display:none}
body .film-tools>div{display:flex;gap:12px;align-items:center;background:#eeeee8d9;border:1px solid #ffffff8c;border-radius:6px;padding:4px 8px;backdrop-filter:blur(12px)}
body .film-tools button{font-size:10px;min-height:30px;padding:4px 7px;background:transparent;color:#252627;border:0}
body .film-tools a{font-size:10px}
body .film-progress{display:block!important;position:absolute;bottom:0;left:0;width:100%;height:2px}
body .nav,body .nav.at-finish{top:10px!important;left:4%!important;right:4%!important}
body .nav>a{display:block!important;opacity:1!important;pointer-events:auto!important}
body .nav nav{margin-left:auto}
body.static-film .film-story{height:100svh!important;min-height:0!important}
body.static-film .film-stage{background-image:url(assets/end-v7.png)!important;background-size:cover!important;background-position:75% center!important}
body.static-film .film-stage video{display:none!important}
body.static-film .film-shade,body.static-film .film-ending{opacity:1!important;transform:none!important}
}
@media(max-width:800px) and (orientation:landscape){body .film-ending{left:6%!important;right:auto!important;width:40%!important;bottom:64px!important}body .film-ending h2{font-size:26px!important}body .film-ending .eyebrow,body .film-ending>p{display:none!important}body .film-ending .button{margin-top:13px;min-height:36px;font-size:10px}body .film-ending .text-link{font-size:9px;margin-top:8px}body .film-shade{background:linear-gradient(90deg,#e6e5dff0,transparent 85%)!important}}

.hero-frame-sequence{display:none;pointer-events:none}
@media(max-width:800px){body .hero-frame-sequence{position:absolute;inset:0;width:100%;height:100%;display:block;visibility:hidden}body .hero-frame-sequence.is-ready{visibility:visible}body.mobile-sequence .film-stage video{display:none!important}body.static-film .hero-frame-sequence,body .hero-frame-sequence[hidden]{display:none!important}}

/* Preserve every edge of the landscape film on phones. */
@media(max-width:800px){
body .hero-frame-sequence,body .film-stage video,body:not(.static-film) .film-stage video{top:96px!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;height:56.25vw!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center!important}
body .film-stage{background:#deded8!important}
body .film-shade{display:none!important}
body .film-ending{top:calc(96px + 56.25vw + 24px)!important;bottom:auto!important;left:7%!important;right:7%!important;width:auto!important}
body.static-film .film-stage{background-size:100% auto!important;background-position:center 96px!important;background-repeat:no-repeat!important}
}
@media(max-width:800px) and (orientation:landscape){body .film-stage{height:calc(180px + 56.25vw)!important}body .film-ending{top:auto!important;bottom:60px!important;left:6%!important;width:88%!important}body .film-ending h2{font-size:24px!important}body .film-ending .button{margin-top:8px}body .film-ending .text-link{display:none!important}}