/* Palette from Thunderlink's canonical working page on spark-7799:
   spectrum-stylebook/minimal/context.html and spectrum-native/spectrum.css.
   The rendered network remains a dark scene; page colours follow its dissolve. */
body.film-light{background:#ecebe6;color:#191c20;color-scheme:light}
body.film-light::before{display:none}
.film-light header.nav::before{background:#08090b9c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
/* Photo enters from the right, mirroring the film rectangle on the left below. */
.spektrum-heading{--hero-image-width:min(calc(63.75svh * 1229 / 973),55.8vw);position:relative;min-height:100svh;box-sizing:border-box;display:flex;align-items:center;padding:69px 0 0 clamp(1.25rem,4.5vw,6rem);background:#ecebe6;color:#191c20}
.spektrum-heading h1{flex-shrink:0;margin:0;font:500 clamp(3.5rem,min(10.4vw,calc((100vw - var(--hero-image-width) - 8vw)/4.2)),10.5rem)/.94 var(--font-display);letter-spacing:-.065em}
.spektrum-heading__image{position:absolute;right:0;top:calc(50% + 34.5px);transform:translateY(-50%);display:block;width:calc(var(--hero-image-width) * .92);height:calc(var(--hero-image-width) * 1145 / 1229 * .92);object-fit:cover;object-position:34% 50%}
@media(max-width:999px),(max-aspect-ratio:7/5){
 .spektrum-heading{flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(30px,6svh,64px);padding:calc(69px + 4svh) 0 4svh}
 .spektrum-heading h1{margin-left:6vw;font-size:clamp(56px,12.5vw,112px)}
 .spektrum-heading__image{--hero-image-width:min(90vw,calc(55svh * 1229 / 1145));position:static;transform:none;align-self:flex-end}
}
.film-light .film-journey{background:#ecebe6;color:#191c20}
.film-light .film-stage{
 --film-paper:color-mix(in srgb,#08090b calc(100% * var(--film-dark,0)),#ecebe6);
 --film-ink:color-mix(in srgb,#e4e7eb calc(100% * var(--film-dark,0)),#191c20);
 --film-muted:color-mix(in srgb,#9aa8b3 calc(100% * var(--film-dark,0)),#61676b);
 --film-line:color-mix(in srgb,#465059 calc(100% * var(--film-dark,0)),#b9bdb6);
 --film-accent:color-mix(in srgb,#9fcee5 calc(100% * var(--film-dark,0)),#3e646d);
 background:var(--film-paper);color:var(--film-ink)
}
.film-light .film-chapter h2{font-family:var(--font-display);color:var(--film-ink)}
.film-light .film-chapter .eyebrow,.film-light .film-chapter p.body{color:var(--film-muted)}
.film-light .film-chapter[data-tone=hostile] .eyebrow{color:#c73524}
.film-light .trial-note,.film-light .film-controls{color:var(--film-muted)}
.film-light .film-frame .film-loading{background:var(--film-paper);color:var(--film-muted)}
.film-light .film-controls button{color:var(--film-ink);border-color:var(--film-line)}
.film-light .film-controls button:hover,.film-light .film-controls button[aria-pressed=true]{border-color:var(--film-accent);background:color-mix(in srgb,var(--film-accent) 9%,transparent)}
.film-light .film-controls button:focus-visible,.film-light .film-rail:focus-visible{outline:2px solid #c73524;outline-offset:4px}
.film-light .film-rail:before,.film-light .film-rail .tick{background:var(--film-line)}
.film-light .film-rail .tick[data-tone=hostile]{background:#c73524}
.film-light .film-rail .fill{background:var(--film-accent)}
.film-light .film-rail .knob{background:var(--film-ink)}
.film-light .spektrum-story{background:#ecebe6;color:#191c20;border-color:#b9bdb6}
.film-light .spektrum-story h2{color:#191c20}
.film-light .spektrum-story__eyebrow,.film-light .spektrum-story__body{color:#61676b}
.film-light .project-contact{background:#ecebe6;color:#191c20;border-color:#b9bdb6}
.film-light .project-contact .btn{color:#191c20;border-color:#b9bdb6;background:transparent}
.film-light .project-contact .btn:hover{background:#e0e0d9;border-color:#61676b}
/* The dark navigation/footer and editing tools match the Thunderlink reference. */
.film-light .nav,.film-light .footer{color-scheme:dark}
.film-light .footer{color:#e4e7eb}