/* A tangible control, with the same type and warm white as the films. */
.cinema-look .cinematic-toggle{border:1px solid #f1f0eb70;border-radius:3px;background:#080808b8;padding:12px 16px;gap:11px;min-height:46px;color:#f1f0eb;transition:background .25s,border-color .25s,box-shadow .25s}
.cinema-look .cinematic-toggle:hover{background:#f1f0eb12;border-color:#f1f0eb}
.cinema-look .cinematic-toggle:focus-visible{outline:2px solid #f1f0eb;outline-offset:4px}
.cinema-look .cinematic-toggle[aria-pressed="true"]{border-color:#d3473c;background:#d3473c1c;color:#f1f0eb}
.cinema-look .cinematic-toggle[aria-pressed="true"]>i{background:#d3473c}
.cinematic-switch{display:block;position:relative;width:28px;height:16px;border:1px solid #f1f0eb70;border-radius:10px;margin-left:5px}
.cinematic-switch::before{content:"";position:absolute;width:8px;height:8px;left:3px;top:3px;background:#f1f0eb;border-radius:50%;transition:transform .25s}
[aria-pressed="true"]>.cinematic-switch{background:#d3473c;border-color:#d3473c}
[aria-pressed="true"]>.cinematic-switch::before{transform:translateX(12px)}
body[data-page="home"] #our-orbit,body[data-page="home"] #brand-marks{background:#080808}
/* Content develops gently as each chapter enters, without extra scroll space. */
.home-continuity #canon-feature>* , .home-continuity #our-orbit>* , .home-continuity #brand-marks>.brand-orbit-field{
 opacity:var(--chapter-opacity,1);translate:0 var(--chapter-rise,0px)
}
.home-continuity #canon-feature:focus-within>*,.home-continuity #our-orbit:focus-within>*,.home-continuity #brand-marks:focus-within>.brand-orbit-field{opacity:1;translate:none}
body[data-page="home"] #lunar-closing::before{content:"";position:absolute;inset:0 0 auto;height:90px;z-index:5;pointer-events:none;background:linear-gradient(#080808,transparent)}
@media(max-width:700px){.cinema-look .cinematic-toggle{font-size:8px;letter-spacing:.12em;padding:10px 12px;gap:9px}.cinematic-switch{width:28px;flex:none}}
@media(prefers-reduced-motion:reduce){.cinema-look .cinematic-toggle,.cinematic-switch::before{transition:none}.home-continuity #canon-feature>*,.home-continuity #our-orbit>*,.home-continuity #brand-marks>.brand-orbit-field{opacity:1;translate:none}}

/* Only the switch remains visible; preserve a comfortable keyboard/touch target. */
.cinema-look .cinematic-toggle,.cinema-look .cinematic-toggle:hover,.cinema-look .cinematic-toggle[aria-pressed="true"]{border:0;background:none;box-shadow:none;padding:12px 0;min-width:44px;min-height:44px;justify-content:center}
.cinema-look .cinematic-switch{width:34px;height:20px;margin:0;border-color:#f1f0eb80}
.cinema-look .cinematic-switch::before{width:12px;height:12px;left:3px;top:3px}
.cinema-look [aria-pressed="true"]>.cinematic-switch::before{transform:translateX(14px)}
