html{background:#10151d}body{background:transparent;isolation:isolate}.site-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#10151d var(--background-poster,url("/_assets/4763ff70339319142dc64b8d5382a9b372b1b797e390672527bc01dd0cd85470/opening-first-frame-1080.jpg")) center/cover no-repeat}.site-backdrop video{width:100%;height:100%;object-fit:cover;display:block}.site-backdrop video[hidden]{display:none}.site-backdrop-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,17,.64),rgba(5,10,17,.28)),linear-gradient(0deg,rgba(5,10,17,.36),rgba(5,10,17,.08));transition:background .2s}:root[data-theme=light] .site-backdrop-veil{background:linear-gradient(90deg,rgba(5,10,17,.36),rgba(5,10,17,.12)),linear-gradient(0deg,rgba(5,10,17,.20),rgba(5,10,17,.04))}.page{position:relative;z-index:1}.site-header{position:relative}.site-version{font-size:11px;letter-spacing:.03em;vertical-align:middle;margin-left:10px;padding:3px 7px;border:1px solid var(--line);border-radius:5px;font-weight:500;color:var(--muted)}.v2-home .page{max-width:1180px}.site-header,.v2-home .site-header{padding:14px 0;margin-top:clamp(110px,14svh,160px);background:transparent;border:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 1px 8px #0009}:root[data-theme=light] .site-header{text-shadow:0 1px 8px #fffc}.nav a{color:var(--ink);opacity:.8}.nav a[aria-current=page],.nav a:hover{opacity:1}.cinema-welcome{display:flex;flex-direction:column;justify-content:center;min-height:74svh;padding:70px 20px 80px;scroll-margin-top:300px}.cinema-eyebrow{font-size:11px;letter-spacing:.24em;color:var(--muted);margin:0 0 26px}.cinema-welcome h1{font-size:clamp(42px,6vw,78px);font-weight:630;line-height:1.35;letter-spacing:-2px;margin:0 0 32px}.cinema-welcome h1>span{display:block;font-size:clamp(17px,2vw,25px);font-weight:400;letter-spacing:.08em;margin-top:21px;color:var(--muted)}.cinema-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.cinema-actions>a{font-size:13px;color:var(--ink)}.cinema-sound{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff40;border-radius:30px;padding:12px 20px;min-height:46px;background:#f3f5f4;color:#111d25;font-size:14px;font-weight:550;box-shadow:0 8px 32px #0002}.cinema-play-icon{font-size:19px;line-height:1}.cinema-note{color:var(--muted);font-size:12px;letter-spacing:.09em;margin:27px 0 0}.v2-home .intro,.v2-home .notes,.v2-home .about,.guestbook,.guide-card,.guides-intro{background:rgba(15,22,32,.76);border:1px solid rgba(255,255,255,.13);border-radius:14px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}:root[data-theme=light] .v2-home .intro,:root[data-theme=light] .v2-home .notes,:root[data-theme=light] .v2-home .about,:root[data-theme=light] .guestbook,:root[data-theme=light] .guide-card,:root[data-theme=light] .guides-intro{background:rgba(250,252,254,.82);border-color:rgba(40,55,72,.16)}.v2-home .intro{max-width:960px;margin:0 auto 28px;padding:36px;grid-template-columns:minmax(0,1fr) 220px;gap:30px}.v2-home .intro h2{font-size:30px;line-height:1.5;letter-spacing:-.7px;margin:0 0 18px}.v2-home .intro .eyebrow{font-size:10px}.v2-home .notes,.v2-home .about{max-width:960px;margin:0 auto 28px;padding:32px 36px}.v2-home .now{max-width:960px;margin:0 auto 28px;background:rgba(20,29,41,.85);border:1px solid #ffffff20}:root[data-theme=light] .v2-home .now{background:rgba(245,249,252,.9);border-color:#20334825}.v2-home .section-line{display:none}.guestbook{padding:32px!important;margin-bottom:35px}.guestbook-page main{padding-top:45px}.guides-intro{margin:40px 0 28px;padding:30px}.guide-reader-bar{padding-inline:14px;border-radius:8px;background:rgba(17,25,36,.88)}:root[data-theme=light] .guide-reader-bar{background:rgba(247,250,253,.9)}.guide-tools{padding-inline:8px}.footer{padding:18px 22px;margin-bottom:100px;background:rgba(12,20,30,.76);border:1px solid #ffffff20;border-radius:12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}:root[data-theme=light] .footer{background:rgba(249,252,255,.9);border-color:#23384d25}.background-controls{position:fixed;z-index:20;right:max(24px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;padding:9px 11px;color:var(--ink);background:rgba(13,20,30,.88);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 35px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}:root[data-theme=light] .background-controls{background:rgba(249,252,255,.92);border-color:#1a2c4426}.background-indicator{width:6px;height:6px;background:var(--blue);border-radius:50%;opacity:.5}:root[data-background-playing=true] .background-indicator{opacity:1}.background-name{font-size:11px;color:var(--muted);margin-right:6px}.background-controls button{font-size:12px;border:1px solid var(--line);border-radius:7px;padding:7px 10px;background:var(--soft);color:var(--ink);min-height:35px;white-space:nowrap}.background-controls button[data-background-audio][aria-pressed=true]{border-color:var(--blue);color:var(--blue)}.navigation-notice{bottom:95px}@media(max-width:620px){.v2-home .page{width:calc(100% - 32px)}.site-header,.v2-home .site-header{padding:12px 0;margin-top:clamp(92px,14svh,130px)}.cinema-welcome{min-height:68svh;padding:50px 5px 60px}.cinema-eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:22px}.cinema-welcome h1{font-size:36px;letter-spacing:-1px;margin-bottom:28px}.cinema-welcome h1>span{font-size:15px;margin-top:18px;letter-spacing:.04em}.cinema-actions{gap:18px}.cinema-sound{font-size:12px;padding:10px 15px}.cinema-actions>a{font-size:11px}.cinema-note{font-size:10px}.v2-home .intro{padding:22px 18px;gap:16px;margin-bottom:22px}.v2-home .intro h2{font-size:23px;grid-column:1;grid-row:2;margin:0;align-self:start}.v2-home .intro .eyebrow{font-size:8px;letter-spacing:.08em}.v2-home .notes,.v2-home .about{padding:25px 18px;margin-bottom:22px}.v2-home .now{font-size:12px;margin-bottom:22px}.guestbook{padding:22px 16px!important}.guides-intro{margin-top:30px;padding:24px 18px}.background-controls{left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));justify-content:space-between;gap:8px}.background-controls button{font-size:11px;min-height:38px}.background-name{font-size:10px;margin-right:auto}.background-indicator{flex:none}.footer{padding:16px;margin-bottom:100px}.site-backdrop video{object-position:50% 50%}}

.autoplay-hint{position:fixed;z-index:20;right:24px;bottom:79px;max-width:calc(100% - 32px);margin:0;padding:9px 13px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;font-size:12px;box-shadow:0 4px 20px #0002}.autoplay-hint[hidden]{display:none}@media(max-width:620px){.autoplay-hint{left:16px;right:16px;bottom:80px;text-align:center}}

/* Light surfaces retain the film's colours instead of washing it in white. */
:root[data-theme=light] .site-header .wordmark,:root[data-theme=light] .site-header .nav a,:root[data-theme=light] .site-header .theme-toggle{color:#f4f7fb;text-shadow:0 2px 12px #0008}
:root[data-theme=light] .site-header .version-trigger{color:#e4edf7;border-color:#ffffff50;background:#07111c24}
:root[data-theme=light] .site-header .nav-toggle-mark{color:#bdd2e4}
:root[data-theme=light] .cinema-welcome{color:#f8fbff;text-shadow:0 2px 20px #0006}
:root[data-theme=light] .cinema-welcome h1>span,:root[data-theme=light] .cinema-note{color:#e1eaf4}
:root[data-theme=light] .cinema-actions>a,:root[data-theme=light] .screen-next,:root[data-theme=light] .screen-continue{color:#e8f1fa;text-shadow:0 1px 8px #000b}
:root[data-theme=light] .screen-final .footer,:root[data-theme=light] .screen-final .footer a{color:#e8f1fa}

:root[data-theme=light] .site-header .theme-toggle:hover{background:#ffffff20;color:#f4f7fb}

.background-quality{display:flex;align-items:center;min-width:0}
.background-quality select{width:107px;max-width:107px;min-height:35px;padding:7px 5px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink);font:inherit;font-size:11px;cursor:pointer}
.background-quality select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.background-buffer-note{position:absolute;right:0;bottom:calc(100% + 10px);max-width:min(310px,calc(100vw - 32px));padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:12px;line-height:1.6;box-shadow:0 4px 20px #0002}
.background-buffer-note[hidden]{display:none}
:root[data-background-buffering=true] .background-indicator{opacity:.4}
@media(max-width:620px){.background-quality select{width:91px;max-width:91px;min-height:38px;font-size:10px}}