/* Light theme layer. Loaded last on every page.
   Film surfaces (hero, film player, portfolio video) stay dark; everything else is light. */
:root{
  --lt-bg:#f3f5fa;
  --lt-surface:#ffffff;
  --lt-ink:#0f1424;
  --lt-muted:#4f5a72;
  --lt-line:#dbe0ec;
  --lt-accent:#3346b8;
  --lt-accent-soft:#e6e9fb;
  --lt-navy:#121a33;
}

/* Page base */
body,body.subpage,body.portfolio-page{background:var(--lt-bg)!important;color:var(--lt-ink)}

/* Header pill: light glass */
header{background:rgba(255,255,255,.82)!important;border-color:var(--lt-line)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(15,20,36,.06)}
header,header a,header .wordmark,header button,header nav a{color:var(--lt-ink)!important}
header .menu-toggle{border-color:var(--lt-line)!important;background:transparent!important}
header .nav-pill{background:var(--lt-navy)!important;color:#fff!important;border-color:var(--lt-navy)!important}
@media(max-width:700px){header nav{background:var(--lt-surface)!important}}

/* Sections that were dark */
main>#about,main>#micro-drama,main>#work,.section.about,.section.micro-drama{background:var(--lt-bg)!important;color:var(--lt-ink)!important}
main>.services,main>.contact{background:var(--lt-surface)!important;border:1px solid var(--lt-line)}

/* Film section: stage stays dark, the rest goes light */
#work .explorer{background:var(--lt-surface)!important;border-color:var(--lt-line)!important}
#work .featured-caption,#work .transport,#work .work-footer{color:var(--lt-ink)}
#work .transport{border-color:var(--lt-line)!important}
#work #explorer-play{background:var(--lt-navy)!important;color:#fff!important}
#work .film{background:var(--lt-surface)!important;border-color:var(--lt-line)!important;color:var(--lt-ink)!important}
#work .film.selected{border-color:var(--lt-accent)!important;box-shadow:0 0 0 1px var(--lt-accent)!important}
#work .film-meta,#work .film-meta *{color:var(--lt-ink)!important}

/* Micro-drama outline card */
.drama-outline{background:var(--lt-surface)!important;border-color:var(--lt-line)!important;color:var(--lt-ink)!important}

/* Subpage cards and panels */
aside.founder-manifesto,aside.detail-aside,section.drama-expanded,.portfolio-page-grid article,main article{background:var(--lt-surface)!important;border-color:var(--lt-line)!important;color:var(--lt-ink)!important}
.portfolio-page-grid .film-play{background:#0b1020!important}

/* Disclaimer + footer */
aside#portfolio-notice{background:var(--lt-surface)!important;color:var(--lt-muted)!important;border-top:1px solid var(--lt-line)!important}
aside#portfolio-notice strong{color:var(--lt-ink)!important}
footer{background:var(--lt-bg)!important;color:var(--lt-muted)!important;border-top:1px solid var(--lt-line)}
footer a,footer .wordmark{color:var(--lt-ink)!important}

/* Buttons that were dark navy: keep as solid navy on light */
a.button,button.send{background:var(--lt-navy)!important;color:#fff!important}

/* Text by role inside page content (film surfaces excluded) */
main :is(h1,h2,h3,h4,h5,h6,strong,b,summary,blockquote,dt):not(.hero *):not(.explorer-stage *):not(.film-play *){color:var(--lt-ink)!important}
main :is(p,li,label,small,dd,figcaption,.lede,.aside-note):not(.hero *):not(.explorer-stage *):not(.film-play *){color:var(--lt-muted)!important}
main span:not(.hero *):not(.explorer-stage *):not(.film-play *):not(button *):not(a *){color:var(--lt-muted)!important}
main :is(h1,h2,h3,h4,h5,h6,strong,b) span:not(.hero *):not(.explorer-stage *):not(.film-play *):not(button *):not(a *){color:inherit!important}
main :is(em,.eyebrow,.drama-label,.featured-kicker,.discipline-number,.segment-number,.section-top span,.section-top):not(.hero *):not(.explorer-stage *):not(.film-play *):not(button *):not(a *){color:var(--lt-accent)!important}
main a:not(.hero *):not(.explorer-stage *):not(.film-play):not(.film-play *):not(.button){color:var(--lt-accent)!important}
main button:not(.hero *):not(.explorer-stage *):not(.film-play):not(.film):not(.film *):not(.send):not(#explorer-play){color:var(--lt-ink)!important;border-color:var(--lt-line)!important}
main :is(hr,.section-top,details,.transport,.film-direction):not(.hero *){border-color:var(--lt-line)!important}
main input,main select,main textarea{color:var(--lt-ink)!important;border-color:#b9c1d6!important}
main input::placeholder,main textarea::placeholder{color:#8a93a8!important}

/* Solid navy controls keep white text */
main a.button,main button.send,main #explorer-play,header .nav-pill{background:var(--lt-navy)!important;color:#fff!important}
main a.button *,main button.send *{color:#fff!important}

/* Film hero keeps light text on the dark film */
.hero{color:#f5f6fb}
.explorer-stage,.explorer-stage .stage-top{color:#f5f6fb}
#work .film .film-visual{opacity:.88}
#work .film.selected .film-visual,#work .film:hover .film-visual{opacity:1}

/* Home page: header floats over the hero film as clear dark glass, so the film shows through */
body:not(.subpage)>header{background:rgba(8,10,18,.22)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}
body:not(.subpage)>header .wordmark,body:not(.subpage)>header .menu-toggle{color:#fff!important}
body:not(.subpage)>header .menu-toggle{border-color:rgba(255,255,255,.45)!important}
body:not(.subpage)>header .nav-pill{background:#fff!important;color:var(--lt-navy)!important;border-color:#fff!important}
@media(min-width:1051px){body:not(.subpage)>header nav a:not(.nav-pill){color:#fff!important}}