:root{--ink:#101010;--paper:#f3f1ec;--lime:#2e94d6;--muted:#716f69;--line:rgba(16,16,16,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.mono{font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.pill{display:inline-flex;border:1px solid currentColor;border-radius:99px;padding:.72rem 1rem}.pill:hover{background:var(--ink);color:var(--lime)}
nav{position:fixed;z-index:5;top:0;left:0;right:0;background:rgba(243,241,236,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}nav .wrap{height:72px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700}.hero{padding:145px 0 90px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;align-items:end}.kicker{color:#1b6d9f;margin:0 0 1rem}.hero h1{font-size:clamp(3.5rem,8vw,8rem);line-height:.9;letter-spacing:-.07em;margin:0}.summary{font-size:1.2rem;margin:0}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem}.meta div{border-top:1px solid var(--ink);padding-top:.8rem}.meta strong{display:block;font-size:1.1rem}
.visual{height:42vw;max-height:620px;min-height:360px;background:var(--ink);color:var(--lime);display:grid;place-items:center;overflow:hidden}.visual-word{font-size:clamp(4rem,16vw,13rem);font-weight:700;letter-spacing:-.09em;transform:rotate(-5deg)}
section{padding:95px 0;border-bottom:1px solid var(--line)}.story{display:grid;grid-template-columns:.42fr 1fr;gap:9vw}.story h2{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.05em;margin:0}.story .lead{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.35;margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{border:1px solid var(--line);padding:1.6rem;min-height:230px}.card span{color:#1b6d9f}.card h3{font-size:1.35rem;margin:3rem 0 .7rem}.card p{color:var(--muted);margin:0}.dark{background:var(--ink);color:white}.dark .story p{color:#bbb}.list{margin:0;padding:0;list-style:none}.list li{font-size:clamp(1.2rem,2.5vw,2rem);padding:1rem 0;border-bottom:1px solid #3a3a3a}.outcome{background:var(--lime)}.outcome blockquote{font-size:clamp(2rem,5vw,4.8rem);line-height:1.08;letter-spacing:-.05em;margin:0;max-width:1000px}.next{display:flex;justify-content:space-between;align-items:center;padding:45px 0}.next strong{font-size:1.2rem}
.video-section{background:#dfe4e1}.video-intro{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.5rem}.video-intro h2{font-size:clamp(2.2rem,5vw,4.7rem);line-height:1;letter-spacing:-.055em;margin:0}.video-intro p{max-width:420px;margin:0;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.video-card{background:var(--ink);color:white;padding:1rem}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#050505}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-card p{margin:.85rem .2rem 0;color:#bbb}
footer{background:var(--ink);color:white;padding:55px 0}.footer-row{display:flex;justify-content:space-between;align-items:center}.footer-row a:hover{color:var(--lime)}
@media(max-width:760px){.hero-grid,.story,.video-grid{grid-template-columns:1fr}.hero-grid{gap:2rem}.meta,.cards{grid-template-columns:1fr}.visual{height:55vh}.video-intro{display:block}.video-intro p{margin-top:1rem}.next,.footer-row{display:block}.next a,.footer-row a{margin-top:1rem}.hero h1{font-size:17vw}}
