.theme-toggle { flex-shrink:0; padding:9px 12px; border:1px solid var(--line-2); border-radius:24px; background:var(--panel); color:var(--ink); cursor:pointer; font:11px var(--mono); }
.hdr__nav a, .hdr .menu a { text-transform:uppercase; }
.theme-toggle:hover, .theme-toggle:focus-visible { background:var(--hot); color:#111; outline:2px solid var(--hot); outline-offset:3px; }
body.is-light { --room:#fff; --panel:#f3f3ef; --ink:#111; --mute:rgba(17,17,17,.7); --dim:rgba(17,17,17,.5); --line:rgba(17,17,17,.14); --line-2:rgba(17,17,17,.3); color-scheme:light; }
body.is-light .hdr::before { background:rgba(255,255,255,.94); }
body.is-light .ab__bio p, body.is-light .camp__h, body.is-light .wm-panel h3, body.is-light .wm-controls select { color:var(--ink); }
body.is-light .brand-logo { filter:invert(1); }
body.is-light .label, body.is-light .hdr__role, body.is-light .hdr__nav a.is-on, body.is-light .camp__c, body.is-light .ab__role { color:#111; }
body.is-light .label { text-decoration:underline; text-decoration-color:var(--hot); text-decoration-thickness:3px; text-underline-offset:5px; }
body.is-light .wk__h, body.is-light .ab__name, body.is-light .ab__h2, body.is-light .fgh__h, body.is-light .roll h2, body.is-light .bill h2, body.is-light .close h2 { color:#111; }
body.is-light .nums__big { color:#111; text-shadow:3px 3px 0 var(--hot); }
/* Keep contrast over photography and cinema playback in either theme. */
body.is-light .hero, body.is-light .frun, body.is-light .fm, body.is-light .ch, body.is-light .theater, body.is-light .lbox { --ink:#fff; --mute:rgba(255,255,255,.72); --line:rgba(255,255,255,.2); color:#fff; }
@media(max-width:600px) { .theme-toggle { font-size:10px; padding:8px; } }

/* Preserve the yellow call to action over moving footage in day mode. */
body.is-light .close h2 { color: var(--hot); }

/* Daylight Films uses crisp boundaries instead of ambient blur and soft fades. */
body.is-light[data-page="films"] .hdr { background:var(--room); }
body.is-light[data-page="films"] .fm,
body.is-light[data-page="films"] .ch { --dim:rgba(255,255,255,.5); --line-2:rgba(255,255,255,.3); }
body.is-light[data-page="films"] .fm .label,
body.is-light[data-page="films"] .ch .label { color:var(--hot); }
body.is-light[data-page="films"] .sheet__glow { display:none; }
body.is-light[data-page="films"] .sheet__tilt { box-shadow:none; border:1px solid rgba(17,17,17,.22); }
body.is-light[data-page="films"] .ch,
body.is-light[data-page="films"] .fm { border-bottom:1px solid rgba(17,17,17,.22); }
body.is-light[data-page="films"] .ch__bg img { inset:0; height:100%; filter:brightness(.36); transform:none !important; }
body.is-light[data-page="films"] .ch__shade { background:rgba(0,0,0,.24); }
body.is-light[data-page="films"] .fm__shade { background:rgba(0,0,0,.48); }

/* Preserve landscape film artwork in the directed / produced hover index. */
.cpv--wide { width:360px; aspect-ratio:16/9; }
.cpv--wide img { object-fit:contain; }
.fx__img--wide { width:52px; height:auto; aspect-ratio:16/9; }
.fx__img--wide img { object-fit:contain; }

/* Day-mode view counter: yellow numerals on a translucent gray panel. */
body.is-light[data-page="home"] .nums__big {
  color:#ffe100;
  background:transparent;
  text-shadow:none;
  padding:0;
  border-radius:8px;
}