/* The film owns the opening screen; reading themes resume below it. */
.home-page .site-header,.home-page .appearance-bar{--ink:#f0f7ff;--muted:#d0e0ea;--accent:#bdebf4;--tint:#244859;--line:#d8efff3d;--glass:linear-gradient(125deg,#c9e9ff20,#0b1f3066);color:var(--ink);color-scheme:dark}
.home-page .site-header{background:linear-gradient(110deg,#c2e8fa1c,#0b18286e);box-shadow:inset 0 1px 0 #ffffff30,0 10px 35px #0003}
.home-page .appearance-bar{min-height:60px}
.home-page .appearance-bar .choice button{background:#0b1b2b75}
.home-page .appearance-bar .choice button[aria-pressed=true]{background:#335264;color:#fff}
.cinema{--ink:#f0f7ff;--muted:#d0e0ea;--accent:#bdebf4;position:relative;isolation:isolate;width:100vw;margin-left:calc(50% - 50vw);margin-top:-150px;min-height:780px;min-height:max(780px,100svh);padding:230px max(64px,calc((100vw - 1312px)/2)) 32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#081826;color:var(--ink)}
.cinema-media{position:absolute;inset:0;z-index:-2;background:#0b1324;pointer-events:none}
.cinema-media img,.cinema-media video{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;max-width:none}
.cinema-media video{opacity:1;z-index:0}
.cinema-media img{z-index:1;transition:opacity .5s}
.cinema[data-ready=true] .cinema-media img{opacity:0}
.cinema[data-reduced=true] .cinema-media video{opacity:0}
.cinema::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#05111fe8 0%,#05111f9e 30%,#05111f1a 70%),linear-gradient(180deg,#03101e7d,transparent 24%,transparent 70%,#03101ea3)}
.cinema-copy{max-width:720px;padding-bottom:80px}
.cinema h1{font-size:clamp(3.5rem,5.4vw,5.8rem);line-height:1.04;letter-spacing:-.055em;font-weight:400;margin:0 0 28px;text-wrap:balance}
.cinema-copy p{font-size:1.04rem;line-height:1.75;color:#d4e4ee;margin-bottom:32px}
.cinema .cinema-link{background:linear-gradient(125deg,#d8f4ff44,#95c6dd26);color:#fff;border:1px solid #d6f5ff99;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 4px #9acbdf55,0 8px 35px #06132144;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);min-height:58px;min-width:236px;font-weight:500}
.cinema .cinema-link:hover{background:#a8d5e755}
.cinema-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.cinema-scroll{color:#e6f2f8;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:30px;font-size:.82rem}
.cinema-controls{display:flex;align-items:center;gap:22px;color:#d4e4ee;font-size:.65rem}
.cinema-controls button{display:flex;align-items:center;gap:9px;min-height:44px;border-radius:99px;padding:8px 16px;border:1px solid #d8efff55;background:#071a2e80;color:#eef9ff;backdrop-filter:blur(20px);font-size:.75rem}
.cinema-controls button:disabled{opacity:.8;cursor:default}
.home-page .research-dock{margin-top:30px}
@media(min-width:1500px){.cinema{padding-top:260px}.cinema-copy{padding-bottom:120px}}
@media(max-width:1150px){.cinema{padding-inline:36px}}
@media(max-width:720px){
 .cinema{margin-top:-210px;padding:245px 22px 24px;min-height:max(790px,100svh)}
 .cinema-media img,.cinema-media video{object-position:57% center}
 .cinema::after{background:linear-gradient(90deg,#05111fc9,#05111f55 90%),linear-gradient(180deg,#03101e75,transparent 35%,#03101e66)}
 .cinema h1{font-size:clamp(2.7rem,9.2vw,4.3rem);line-height:1.08;letter-spacing:-.055em;margin-bottom:22px}
 .cinema-copy{padding-bottom:70px}
 .cinema-copy p{font-size:.92rem;line-height:1.75}
 .cinema-bottom{align-items:flex-end;gap:10px}
 .cinema-scroll{font-size:.75rem;gap:15px}
 .cinema-controls{flex-direction:column;align-items:flex-end;gap:9px;font-size:.57rem}
 .cinema-controls button{font-size:.69rem}
 .home-page .research-dock{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.cinema-media video{display:none}}
@media print{.cinema-media,.cinema-bottom{display:none}.cinema{margin:0;width:auto;min-height:0;padding:25px;color:#142b3e;background:white}.cinema-copy p{color:#142b3e}.cinema::after{display:none}}

/* Observatory Light: pearl space, petrol anatomy, clear glass. */
.cinema-poster-light{display:none!important}
:root[data-appearance=light] .cinema-poster-dark{display:none!important}
:root[data-appearance=light] .cinema-poster-light{display:block!important}
.cinema-media video::-webkit-media-controls,.cinema-media video::-webkit-media-controls-enclosure,.cinema-media video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
:root[data-appearance=light] .home-page .site-header,:root[data-appearance=light] .home-page .appearance-bar{--ink:#142b3e;--muted:#36596a;--accent:#126173;color:var(--ink);color-scheme:light}
:root[data-appearance=light] .home-page .site-header{background:linear-gradient(110deg,#ffffffbb,#e5f2f3a0);border-color:#375d7133;box-shadow:inset 0 1px 0 #fff,0 10px 35px #193b4910}
:root[data-appearance=light] .home-page .appearance-bar .choice button{background:#ffffff80}
:root[data-appearance=light] .home-page .appearance-bar .choice button[aria-pressed=true]{background:#d1e5e9;color:#123f50}
:root[data-appearance=light] .cinema{--ink:#142b3e;--muted:#36596a;color:var(--ink);background:#edf5f8}
:root[data-appearance=light] .cinema::after{background:linear-gradient(90deg,#ffffffe6 0%,#ffffffc7 40%,#ffffff00 72%)}
:root[data-appearance=light] .cinema-copy p,:root[data-appearance=light] .cinema-scroll,:root[data-appearance=light] .cinema-controls{color:#294b5b}
:root[data-appearance=light] .cinema .cinema-link{color:#173e50;background:linear-gradient(125deg,#ffffffbb,#d7edf08a);border-color:#4d7f8d66;box-shadow:inset 0 1px 0 white,0 8px 35px #193b4915}
:root[data-appearance=light] .cinema-controls button{color:#214554;background:#ffffff80;border-color:#4d7f8d55}
/* Narrow screens need a bounded text surface so dark anatomy can stay dark. */
@media(max-width:900px){
 :root[data-appearance=light] .cinema::after{background:linear-gradient(180deg,#ffffff55,transparent 25%,transparent 85%,#ffffff77)}
 :root[data-appearance=light] .cinema-copy{padding:22px 20px;background:#ffffffeb;border:1px solid #ffffff;border-radius:24px;box-shadow:0 8px 32px #112e3c16}
}
:root[data-appearance=light] .cinema-controls>span{background:#ffffffe0;padding:5px 8px;border-radius:12px}
:root[data-appearance=light] .home-page .appearance-bar>p{background:#ffffffe0;padding:5px 8px;border-radius:12px}