:root{--navy:#142844;--blue:#1c4f91;--gold:#f1b82d;--red:#be3a34;--cream:#f7f4ed;--paper:#fffefa;--ink:#17202b;--muted:#64707d;--line:rgba(20,40,68,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.65}img{display:block;width:100%}a{color:inherit}h1,h2,h3,p,figure,blockquote{margin-top:0}h1,h2,h3{font-family:"Newsreader",serif;letter-spacing:-.025em}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:.9rem clamp(1rem,4vw,4.5rem);background:rgba(255,254,250,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-size:.82rem;font-weight:700;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--navy);color:white;font-family:"Newsreader",serif}.site-header nav{display:flex;gap:1.25rem}.site-header nav a{text-decoration:none;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--muted);white-space:nowrap}.site-header nav a:hover,.site-header nav a.active{color:var(--blue)}
.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700;color:var(--blue)}.section-label.light{color:#90c2fa}.lede{max-width:58ch;font-size:clamp(1.05rem,1.5vw,1.28rem);color:#475363}.overview-hero{min-height:80vh;display:grid;grid-template-columns:1.04fr .96fr}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,8rem) clamp(1.5rem,7vw,7.5rem)}.hero-copy h1,.page-hero h1{max-width:12ch;margin:.8rem 0 1.4rem;font-size:clamp(3.7rem,7vw,7rem);line-height:.9;color:var(--navy)}.meta-row{display:flex;gap:2.5rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.88rem}.meta-row span{max-width:22rem}.meta-row b{display:block;color:var(--blue);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.hero-image{position:relative;margin:0;background:var(--navy)}.hero-image img{height:100%;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(9,24,43,.68))}.hero-image figcaption{position:absolute;z-index:1;left:2rem;right:2rem;bottom:1.4rem;color:white;font-size:.84rem}
.question-block{max-width:78rem;margin:auto;padding:clamp(5rem,9vw,8rem) clamp(1.5rem,5vw,5rem);text-align:center}.question-block h2,.chapter-intro h2{max-width:21ch;margin:1rem auto 1.5rem;font-size:clamp(2.6rem,5vw,5rem);line-height:1;color:var(--navy)}.question-block>p:not(.section-label){max-width:63ch;margin:0 auto;color:var(--muted);font-size:1.08rem}.commentary{max-width:48rem;margin:2.5rem auto 0;padding:1.25rem 1.5rem;border-left:5px solid var(--gold);background:var(--cream);text-align:left}.commentary span{display:block;color:var(--red);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.commentary p{margin:.5rem 0 0;color:#475363}.commentary.dark{background:rgba(255,255,255,.07)}.commentary.dark span{color:var(--gold)}.commentary.dark p{color:#e0e9f3}
.overview-result{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);padding:clamp(5rem,8vw,8rem) clamp(1.5rem,7vw,7.5rem);background:var(--blue);color:white}.overview-result h2,.collab-band h2,.result-summary h2{margin:.8rem 0 1rem;font-size:clamp(2.8rem,5vw,5rem);line-height:.98}.overview-result>div>p:last-child{max-width:52ch;color:#d5e5f7}.result-list p{margin:0;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.22)}.result-list b,.result-list span{display:block}.result-list span{color:#d5e5f7;font-size:.9rem}
.chapter-nav,.pathways,.role-band{padding:clamp(5rem,8vw,8rem) clamp(1.5rem,7vw,7.5rem)}.chapter-intro{text-align:center}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3.5rem}.chapter-card{display:flex;flex-direction:column;min-height:22rem;padding:2rem;border:1px solid var(--line);background:white;text-decoration:none;transition:.2s ease}.chapter-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(20,40,68,.12)}.chapter-card>span{color:var(--red);font-weight:700}.chapter-card h3{margin:2rem 0 .8rem;font-size:2rem;line-height:1;color:var(--navy)}.chapter-card p{color:var(--muted)}.chapter-card b{margin-top:auto;color:var(--blue)}
.page-hero{padding:clamp(5rem,10vw,9rem) clamp(1.5rem,12vw,13rem);background:var(--cream)}.page-hero h1{max-width:15ch}.feature-split,.system-feature,.video-feature{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,7vw,7rem);align-items:center;padding:clamp(5rem,9vw,8rem) clamp(1.5rem,7vw,7.5rem)}.feature-copy h2{margin:.7rem 0 1.2rem;font-size:clamp(2.7rem,4.5vw,4.8rem);line-height:.98;color:var(--navy)}.feature-copy p{color:var(--muted)}.text-link{display:inline-block;margin-top:.75rem;color:var(--blue);font-weight:700;text-underline-offset:.2em}.proof{margin:0}.proof img{aspect-ratio:16/9;object-fit:cover;object-position:top;border:1px solid var(--line);box-shadow:0 20px 50px rgba(20,40,68,.12)}.proof figcaption{margin-top:.7rem;padding:1rem 1.15rem;border-left:5px solid var(--gold);background:var(--navy);color:#dce7f3;font-size:.88rem}.proof figcaption a{color:white;font-weight:700}.proof a{display:block}
.journey-section,.creative-map,.collab-band,.result-section{padding:clamp(5rem,9vw,8rem) clamp(1.5rem,7vw,7.5rem);background:var(--navy);color:white}.journey-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:end}.journey-head h2,.creative-map h2{margin:.7rem 0 0;font-size:clamp(2.8rem,5vw,5rem);line-height:.98}.journey-head .commentary{margin:0}.journey-explainer{max-width:66ch;margin:3rem 0 2rem;color:#c8d6e5}.journey-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}.journey-cards article{min-height:12rem;padding:1.4rem;background:#19304e}.journey-cards b,.journey-cards span{display:block}.journey-cards b{font-family:"Newsreader",serif;font-size:1.45rem}.journey-cards span{margin:.25rem 0 1.2rem;color:#90c2fa;font-size:.68rem;text-transform:uppercase;letter-spacing:.11em}.journey-cards p{color:#c8d6e5;font-size:.88rem}.care-note{margin:2.5rem 0 0 auto}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3.5rem}.proof-grid .proof img{aspect-ratio:16/10}.proof-grid .proof:nth-child(1) img{object-position:top}.proof-grid .proof:nth-child(3) img{object-position:top}
.video-feature{grid-template-columns:1.3fr .7fr}.video-feature .commentary{margin:0}.film-hero img{object-position:center}.film-hero figcaption strong{display:block;margin-bottom:.3rem;color:white;font-size:1rem}.storyboard-intro{max-width:54ch;margin:1rem auto 0;color:#c8d6e5}.storyboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3.5rem}.story-frame{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#19304e}.story-frame img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.story-frame figcaption{padding:1.5rem}.story-frame span{display:block;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.story-frame h3{margin:1rem 0 .6rem;font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.05}.story-frame p{margin:0;color:#c8d6e5}.role-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);align-items:start}.scope-heading h2{max-width:12ch;margin:.7rem 0 0;font-size:clamp(2.5rem,4vw,4.25rem);line-height:.98;color:var(--navy)}.credit-list{border-top:1px solid var(--line)}.credit-list p{display:grid;grid-template-columns:10rem 1fr;gap:1.25rem;margin:0;padding:1.2rem 0;border-bottom:1px solid var(--line)}.credit-list b{color:var(--blue)}.credit-list span{color:var(--muted)}.production-credit{grid-column:2;margin:0;color:var(--muted);font-size:.78rem}
.collab-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem)}.collab-band>div>p:last-child{color:#c8d6e5}.collab-band ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.2)}.collab-band li{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:1.05rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.collab-band li b{color:var(--gold)}.collab-band li span{color:#d5e1ee}.system-feature.reverse{grid-template-columns:1.25fr .75fr;background:var(--cream)}.system-feature.reverse .feature-copy{order:2}.system-feature.reverse .proof{order:1}.result-section{background:var(--blue)}.result-summary{max-width:60rem;margin-bottom:3.5rem}.result-summary p:last-child{max-width:58ch;color:#d5e5f7}.testimonial{display:grid;grid-template-columns:7rem 1fr;gap:2rem;align-items:center;margin:0;padding:clamp(2rem,4vw,3.5rem);background:white;color:var(--navy)}.testimonial img{width:7rem;height:7rem;border-radius:50%;object-fit:cover;object-position:50% 22%}.testimonial p{margin:0;font-family:"Newsreader",serif;font-size:clamp(1.45rem,2.6vw,2.5rem);line-height:1.12}.testimonial footer{margin-top:1rem;color:var(--muted)}
.video-trigger{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;text-decoration:none}.caption-link{color:white;font-weight:700;text-decoration:underline;text-underline-offset:.18em}
.evidence-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 3rem;background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.25)}.evidence-strip article{min-height:11rem;padding:1.5rem;background:#245da2}.evidence-strip strong,.evidence-strip span{display:block}.evidence-strip strong{font-family:"Newsreader",serif;font-size:2.1rem;color:white}.evidence-strip span{margin-top:.55rem;color:#dceafb;font-size:.88rem}.evidence-strip .evidence-source{display:flex;align-items:flex-end;background:#1f548f}.evidence-strip .evidence-source span{margin:0;color:#c8dbef;font-size:.78rem;line-height:1.5}
.next-page{display:flex;justify-content:space-between;gap:2rem;padding:2rem clamp(1.5rem,7vw,7.5rem);border-top:1px solid var(--line)}.next-page a{color:var(--blue);font-weight:700;text-decoration:none}.footer{display:flex;justify-content:space-between;align-items:end;padding:2.5rem clamp(1.5rem,7vw,7.5rem);background:#0c1727;color:#b7c3d2}.footer p{margin:0}.footer strong{color:white}.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:1000px){.site-header{align-items:flex-start}.site-header nav{overflow-x:auto;max-width:70vw;padding-bottom:.2rem}.overview-hero{grid-template-columns:1fr;min-height:0}.hero-image{min-height:58vw}.overview-result,.feature-split,.system-feature,.video-feature,.journey-head,.collab-band,.role-band{grid-template-columns:1fr}.system-feature.reverse .feature-copy,.system-feature.reverse .proof{order:initial}.chapter-grid{grid-template-columns:1fr}.chapter-card{min-height:0}.journey-cards{grid-template-columns:1fr 1fr}.role-grid,.evidence-strip{grid-template-columns:1fr 1fr}.storyboard-grid{grid-template-columns:1fr 1fr}.production-credit{grid-column:1}}
@media(max-width:650px){.site-header{display:block}.brand{margin-bottom:.7rem}.site-header nav{max-width:100%}.hero-copy h1,.page-hero h1{font-size:3.6rem}.meta-row{display:block}.meta-row span{display:block;margin-top:1rem}.proof-grid,.shot-grid,.journey-cards,.role-grid,.evidence-strip,.storyboard-grid{grid-template-columns:1fr}.credit-list p{grid-template-columns:1fr;gap:.35rem}.testimonial{grid-template-columns:1fr}.next-page{display:grid}.footer{display:block}.footer p+p{margin-top:1rem}}
.film-hero{max-width:56rem;justify-self:center}.film-hero img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
.video-feature{padding-bottom:clamp(2.5rem,4vw,4rem)}.creative-map{padding-top:clamp(3rem,5vw,4.5rem)}.creative-map .section-label{font-size:.9rem}.creative-map .chapter-intro h2{max-width:18ch;margin:.7rem auto 0;font-size:clamp(3.25rem,5.8vw,5.75rem);color:white}
.overview-hero{grid-template-columns:1.15fr .85fr;align-items:center}.overview-hero .hero-image{align-self:center;min-height:0;aspect-ratio:4/3;margin:clamp(2rem,4vw,4rem) clamp(1.5rem,5vw,5rem) clamp(2rem,4vw,4rem) 0;box-shadow:0 24px 60px rgba(20,40,68,.2)}
@media(max-width:1000px){.overview-hero .hero-image{width:min(82%,46rem);margin:0 auto clamp(3rem,7vw,5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}