:root{--ink:#06354b;--cream:#fff3d4;--gold:#ffce55}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}header{position:absolute;z-index:10;top:0;width:100%;padding:26px 4%;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.12em}.brand span{margin-left:20px;font-weight:400;opacity:.7}button{border:1px solid currentColor;background:transparent;color:inherit;padding:10px 15px;border-radius:24px;cursor:pointer;font:inherit;font-size:12px}.skip{position:fixed;top:-100px;z-index:30;background:white;color:#06354b;padding:15px}.skip:focus{top:0}#journey{position:relative}#stage{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--ink)}#film{position:relative;width:min(100vw,177.7778svh);aspect-ratio:16/9;flex-shrink:0}canvas,#poster{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}#poster{z-index:1}.copy{position:absolute;z-index:2;max-width:36%;opacity:0;pointer-events:none;text-shadow:0 1px 3px #06354b55}.copy h1,.copy h2{font-size:clamp(25px,3.5vw,60px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 17px;text-wrap:balance}.copy p{font-size:clamp(14px,1.2vw,20px);line-height:1.55;margin:0;max-width:40ch}.eyebrow{font-size:11px!important;font-weight:700;letter-spacing:.16em!important;text-transform:uppercase}.copy.right{left:59%;top:23%}.copy.crowd{left:5%;bottom:8%;max-width:35%;text-shadow:0 2px 7px #002335,0 0 18px #002335}.copy.table{left:33%;top:36%;max-width:36%;text-align:left;color:#06354b;text-shadow:none}.copy.table h2{font-size:clamp(23px,2.4vw,42px)}.copy.table p{font-size:clamp(13px,1.1vw,18px)}.copy.puzzle{left:35%;top:36%;max-width:30%;text-align:left}.copy.puzzle h2{font-size:clamp(24px,2.8vw,46px)}.copy.puzzle p{font-size:clamp(13px,1.05vw,18px)}.copy.upper{left:49%;top:13%;max-width:43%}.copy.landing{left:27%;top:14%;max-width:65%}.copy.landing h1{font-size:clamp(45px,6vw,108px);max-width:10ch}.copy.final{top:11%;left:29%;max-width:45%;text-align:left;color:#06354b;text-shadow:none}.stage-foot{position:absolute;bottom:24px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.13em;z-index:4}#progress{position:absolute;bottom:0;left:0;height:3px;background:var(--gold);width:0}#chapters{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:12;display:flex;flex-direction:column;gap:12px}#chapters a{width:7px;height:7px;border-radius:100%;background:#9caeae;border:1px solid #fff8}#chapters a.active{background:var(--gold);transform:scale(1.5)}#mobileCopy{display:none}.outro{background:#fff;color:#06354b;min-height:70svh;padding:110px max(7%,calc((100vw - 1150px)/2));}.outro h2{font-size:clamp(36px,5vw,72px);line-height:1.05;letter-spacing:-.045em}.outro p:not(.eyebrow){max-width:620px;line-height:1.7}.outro a{display:inline-block;margin:30px 28px 40px 0;text-underline-offset:6px}.outro small{display:block;opacity:.6}#reading{display:none}body.static #journey,body.static #chapters{display:none}body.static header{position:relative}body.static #reading{display:block}.read-card{padding:45px max(6%,calc((100vw - 1100px)/2));border-bottom:1px solid #ffffff22}.read-card img{width:100%;display:block;margin-bottom:30px}.read-card h2{font-size:clamp(28px,4vw,55px);letter-spacing:-.035em;margin:12px 0}.read-card p{max-width:650px;line-height:1.7}.read-card.light{background:#fff;color:#06354b}
@media(max-width:700px){header{padding:18px 5%}.brand span{display:none}#stage{flex-direction:column;justify-content:flex-start;padding-top:13svh}#film{width:100vw}.copy{display:none}#mobileCopy{display:block;padding:28px 7%;width:100%;z-index:3}#mobileCopy h1,#mobileCopy h2{font-size:34px;letter-spacing:-.04em;line-height:1.07;margin:12px 0}#mobileCopy p{font-size:15px;line-height:1.55;max-width:38ch}#chapters{right:7px}.stage-foot{bottom:18px}#hint{display:none}.outro{padding:70px 7%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.copy{width:100%}.copy.landing{left:30%;top:10%;max-width:65%}.copy.landing h1{max-width:14ch;font-size:clamp(45px,5.8vw,100px)}.copy.final{left:27.5%}.copy.resources{left:48%;top:4%;max-width:45%}.copy.resources h2{font-size:clamp(25px,2.6vw,40px);margin:9px 0}.copy.resources p:not(.eyebrow){font-size:clamp(13px,1.1vw,17px);max-width:55ch;line-height:1.45}

/* Preserve the existing illustration copy anchors while refining readability. */
.copy,.copy p,#mobileCopy,.read-card{text-align:left}
.copy h1,.copy h2{line-height:1.08;letter-spacing:-.035em;text-wrap:pretty}
.copy p:not(.eyebrow){line-height:1.65;text-wrap:pretty}
.case-study{background:#faf8f1;color:var(--ink);padding:100px max(7%,calc((100vw - 1150px)/2));text-align:left}
.case-intro{max-width:860px}.case-intro h2{font-size:clamp(38px,5vw,72px);line-height:1.06;letter-spacing:-.045em;margin:22px 0 30px}.case-study p{font-size:17px;line-height:1.75;max-width:70ch}.case-intro .case-lead{font-size:24px;line-height:1.4;font-weight:600}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:60px 0 10px;padding:30px 0;border-top:1px solid #06354b33}.project-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:14px}.project-facts dd{margin:0;font-size:14px;line-height:1.7}.case-section{display:grid;grid-template-columns:220px 1fr;gap:50px;padding:68px 0;border-top:1px solid #06354b33}.section-label{font-size:11px;letter-spacing:.12em;font-weight:700;line-height:1.7;padding-top:8px}.case-section h3{font-size:clamp(28px,3vw,42px);line-height:1.14;letter-spacing:-.03em;margin:0 0 25px}.case-section h4{font-size:20px;line-height:1.35;margin:0 0 12px}.case-study .source-note{font-size:12px;line-height:1.6;color:#526973;margin-top:26px}.research-question{border-left:3px solid #d8a52a;padding:12px 0 12px 25px;font-size:23px!important;line-height:1.5!important}.process-list{padding-left:24px}.process-list li{padding:8px 0 16px 12px}.process-list span{font-size:21px;font-weight:700}.process-list p{margin:10px 0 0}.insight-row{padding:25px 0;border-bottom:1px solid #06354b20}.insight-row p{margin:10px 0}.framework-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:35px}.framework-grid article{border-top:2px solid #06354b;padding-top:20px}.framework-grid b{color:#866415;font-size:14px;display:block;margin-bottom:18px}.framework-grid p,.service-grid p{font-size:15px}.cycle-note{padding:20px 0;border-bottom:1px solid #06354b33;font-weight:600}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.thesis-link{display:inline-block;margin:20px 0;text-underline-offset:6px;font-weight:700}
@media(max-width:900px){.project-facts{grid-template-columns:1fr 1fr}.case-section{grid-template-columns:1fr;gap:24px}.service-grid{grid-template-columns:1fr}.case-study{padding:70px 7%}}
@media(max-width:550px){.project-facts,.framework-grid{grid-template-columns:1fr}.case-study p{font-size:16px}.case-section{padding:45px 0}.case-intro .case-lead{font-size:21px}}

/* Full-viewport footage, with proportional centered cropping. */
#film{width:100%;height:100%;aspect-ratio:auto}
canvas,#poster{object-fit:cover;object-position:center}
@media(max-width:700px){
 #stage{padding-top:0;display:block}
 #film{position:absolute;inset:0;width:100%;height:100%}
 #mobileCopy{position:absolute;left:0;bottom:58px;padding:50px 7% 24px;background:linear-gradient(transparent,rgba(3,32,46,.86) 35%);color:var(--cream);text-shadow:0 1px 4px #002335}
 #mobileCopy h1,#mobileCopy h2{font-size:clamp(25px,6.5vw,34px)}
 #mobileCopy p{font-size:14px}
}

/* Always occupy the current browser viewport, including mobile browser resizing. */
#stage{height:100dvh;width:100%;padding:0}
#film{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto}
#screen,#poster{width:100%;height:100%;object-fit:cover;object-position:center}

/* Match the menu's background-reactive lettering over the film. */
#stage{isolation:isolate}
#copy.copy,#mobileCopy,.stage-foot{color:#fff;mix-blend-mode:difference;text-shadow:none}
#copy.copy h1,#copy.copy h2,#copy.copy p{color:inherit;text-shadow:none}
#mobileCopy{background:transparent}

/* Evidence-led framework comparison */
#culture-gap{scroll-margin-top:100px}.culture-comparison{display:grid;gap:0;margin:30px 0}.culture-comparison article{padding:24px 0;border-top:1px solid #06354b33}.culture-comparison p{margin-bottom:0}.culture-comparison a,.proof-chain a,#culture-gap a{text-decoration:underline;text-underline-offset:3px}.proof-heading{margin-top:35px!important}.proof-chain{padding-left:23px}.proof-chain li{padding:8px 0 8px 8px}.proof-chain p{margin:8px 0}.research-context{border-top:1px solid #06354b33;margin-top:25px;padding-top:20px}.research-context summary{cursor:pointer;font-weight:600;line-height:1.5;padding:10px 0}.research-context p{font-size:15px}