.film-page{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--charcoal);color:var(--ivory);outline:none;overscroll-behavior:none;touch-action:pinch-zoom}.film-visual{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity .75s ease .45s}.film-visual canvas{display:block;width:100%;height:100%}.film-header{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:max(28px,env(safe-area-inset-top)) var(--gutter) 0;font-size:13px}.film-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-shadow:0 1px 14px #131313}.film-back:hover{color:var(--bronze)}.film-scene-copy{position:absolute;z-index:2;left:8.4%;top:37%;margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(32px,3.5vw,66px);line-height:1.65;letter-spacing:-.045em;text-shadow:0 2px 24px rgb(0 0 0 / 65%);opacity:1;transition:opacity .4s ease,translate .7s ease}.film-scene-copy>span{display:block}.film-page.scene-1 .film-scene-copy{top:28%}.film-page.scene-2 .film-scene-copy{top:34%}.film-page.scene-3 .film-scene-copy{top:auto;bottom:15%;font-size:clamp(30px,2.8vw,52px)}.film-page.is-moving .film-scene-copy{opacity:0;translate:0 8px}.film-ending{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;pointer-events:none}.film-ending-floor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.32}.film-ending-logo{position:relative;width:min(52vw,64vh,560px);width:min(52vw,64dvh,560px);height:auto}.film-page.is-ending .film-visual{opacity:0;transition-delay:0ms}.film-page.is-ending .film-ending{opacity:1;visibility:visible;transition:opacity .9s ease .8s,visibility 0ms .8s}.film-navigation{position:absolute;z-index:4;bottom:max(36px,env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center}.film-hint{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:12px;text-shadow:0 1px 12px #131313}.film-previous{display:grid;place-items:center;width:44px;height:44px}.film-navigation button:disabled{cursor:default;opacity:.35}.film-navigation button:hover{color:var(--bronze)}.film-loading{position:absolute;bottom:46px;left:50%;transform:translate(-50%);padding:8px 14px;background:var(--charcoal);font-size:12px;white-space:nowrap}@media(max-width:600px){.film-header{padding:max(18px,env(safe-area-inset-top)) 24px 0;font-size:11px}.film-back{gap:8px}.film-scene-copy{left:24px;top:20%;font-size:clamp(26px,7.2vw,36px);line-height:1.65}.film-page.scene-1 .film-scene-copy{top:14%}.film-page.scene-2 .film-scene-copy{left:auto;right:24px;top:18%;font-size:clamp(24px,6.8vw,34px)}.film-page.scene-3 .film-scene-copy{top:auto;bottom:15%;font-size:clamp(25px,6.8vw,34px)}.film-ending-logo{width:min(88vw,64vh);width:min(88vw,64dvh)}.film-navigation{bottom:max(24px,env(safe-area-inset-bottom));left:24px;right:24px}.film-hint{font-size:11px;gap:10px}}@media(max-height:600px){.film-header{padding-top:12px}.film-scene-copy,.film-page.scene-1 .film-scene-copy,.film-page.scene-2 .film-scene-copy{top:24%;font-size:clamp(24px,5vh,36px)}.film-page.scene-3 .film-scene-copy{font-size:25px;bottom:18%}.film-navigation{bottom:16px}}@media(prefers-reduced-motion:reduce){.film-page *,.film-page.is-ending .film-ending{transition:none}}