@font-face{font-family:Barlow;src:url('assets/barlow-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-light.ttf') format('truetype');font-weight:300;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:'JetBrains Mono';src:url('assets/jetbrains-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--navy:#101828;--panel:#1c2a40;--action:#2850cc;--violet:#d95dfe;--craft:#7a9e9b;--ink:#f5f0ea;--muted:#8a9ab0;--line:#4a5568;--display:Barlow,Arial,sans-serif;--body:Inter,Arial,sans-serif;--mono:'JetBrains Mono',monospace;--space:clamp(24px,5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--navy);color:var(--ink);font-family:var(--body);font-weight:300;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;text-wrap:balance;line-height:1.05}p{line-height:1.65;text-wrap:pretty}h2{font-size:clamp(40px,5vw,64px);letter-spacing:-.02em}h3{font-size:32px;letter-spacing:-.015em}.shell{width:min(100%,1600px);margin-inline:auto;padding-inline:var(--space)}.site-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.025em;line-height:1}.wordmark span{display:block;font-family:var(--body);font-size:13px;font-weight:300;letter-spacing:0;margin-top:8px}.site-header nav{display:flex;gap:40px;font-size:13px;font-weight:700;align-items:center}.site-header nav a{padding-block:12px}.site-header nav a span{margin-left:16px}.nav-cta{border-bottom:1px solid var(--action)}.hero-film{height:clamp(240px,43vw,510px);position:relative;overflow:hidden;background:var(--panel)}.hero-film video{width:100%;height:100%;object-fit:cover;display:block;object-position:50% 48%}.pause-button{position:absolute;bottom:16px;right:var(--space);border:1px solid var(--ink);border-radius:4px;background:var(--navy);color:var(--ink);height:40px;width:40px}.hero-copy{display:flex;justify-content:space-between;gap:40px;padding-top:40px;padding-bottom:56px;align-items:flex-end}.hero h1{font-size:clamp(48px,6.2vw,88px);letter-spacing:-.025em;max-width:900px}.hero-actions{display:flex;flex-direction:column;gap:12px;min-width:256px;max-width:330px}.button{background:var(--action);border:1px solid var(--action);color:var(--ink);border-radius:4px;padding:17px 24px;min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-weight:700;font-size:13px;line-height:1.5;transition:background .3s ease-out,border-color .3s ease-out}.button:hover{background:var(--panel);border-color:var(--ink)}.button-outline{background:transparent;border-color:var(--line)}.hero-caption{font-size:13px;margin-top:4px;line-height:1.5}.proof{display:grid;grid-template-columns:repeat(3,1fr);padding-top:32px;padding-bottom:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:32px}.proof>div{display:flex;gap:24px;align-items:center}.proof strong{font-family:var(--display);font-size:clamp(48px,5.4vw,72px);line-height:1;letter-spacing:-.025em}.proof p{font-size:13px;line-height:1.5;max-width:200px}.work{padding-top:112px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;gap:32px}.small-note{font-size:15px;line-height:1.6}.project{margin-bottom:88px}.project-topline{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center;gap:16px}.ai-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--violet)}.ai-label i{display:inline-block;width:6px;height:6px;background:var(--violet);margin-right:8px}.metadata{font:12px var(--mono)}.film-player{position:relative;background:var(--panel)}.film-player video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.film-play{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:16px;background:var(--navy);border:1px solid var(--ink);color:var(--ink);font-weight:700;font-size:13px;padding:16px 24px;border-radius:4px}.film-play:hover{background:var(--action)}.film-play[hidden]{display:none}.project-copy{border-top:1px solid var(--line);display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,8vw,128px);padding-top:32px}.project-copy h3{font-size:clamp(32px,4vw,48px);margin-bottom:16px}.project-deck{font-size:18px;max-width:560px}.method-line{font-size:15px;max-width:510px;padding-top:8px}.award{display:grid;grid-template-columns:96px 1fr;gap:32px;border-block:1px solid var(--line);padding-block:40px;margin-bottom:32px}.award-mark{font-size:88px;line-height:1;color:var(--violet)}.award h3{margin-bottom:16px}.award p{max-width:730px;font-size:17px}.pending{font-size:13px!important;color:var(--muted);margin-top:16px}.text-link{font-size:13px;font-weight:700;display:inline-flex;gap:48px;padding-block:8px;border-bottom:1px solid var(--action)}.manifesto{padding-block:144px}.manifesto p{font:700 clamp(32px,4.7vw,64px)/1.12 var(--display);letter-spacing:-.02em;max-width:1200px;text-wrap:balance}.manifesto span{color:var(--muted)}.method{padding-top:56px;padding-bottom:104px;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.step-number{font:13px var(--mono);color:var(--craft);display:block;margin-bottom:32px}.step h3{font-size:32px;margin-bottom:24px}.step p{font-size:15px;max-width:370px}.process-images{display:grid;grid-template-columns:1fr 1.65fr;gap:32px;margin-top:64px;align-items:end}.process-images figure:first-child{max-width:360px}.process-images img{width:100%;display:block;height:auto}.process-images figcaption{padding-top:16px;font-size:13px}.process-note{margin-top:24px;font-size:13px;color:var(--muted)}.bio{border-top:1px solid var(--line);padding-block:96px;display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(48px,8vw,128px);align-items:center}.portrait-pending{aspect-ratio:4/5;background:var(--panel);display:flex;flex-direction:column;justify-content:space-between;padding:40px;max-width:520px}.portrait-monogram{font-size:96px;color:var(--muted)}.portrait-pending p{font-size:14px}.portrait-pending p span{color:var(--muted)}.bio-copy h2{margin-bottom:32px}.bio-copy p{max-width:610px;margin-bottom:24px;font-size:17px}.bio-copy .bio-lead{font-size:20px}.process-label{font-size:11px;font-weight:700;color:var(--craft);letter-spacing:.08em;display:block;margin-bottom:24px}.footer{padding-top:64px;padding-bottom:32px}.footer-invite{font-size:20px}.footer-links{display:flex;gap:40px;flex-wrap:wrap;margin-block:32px 64px;font-size:14px}.footer-links small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.footer-links a{padding-block:8px;border-bottom:1px solid var(--action)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:32px;font-size:13px}.skip{position:fixed;top:8px;left:8px;background:var(--action);padding:16px;z-index:10;transform:translateY(-150%)}.skip:focus{transform:none}dialog{background:var(--panel);color:var(--ink);padding:48px;border:1px solid var(--line);border-radius:0;max-width:600px;width:calc(100% - 48px)}dialog::backdrop{background:var(--navy)}dialog h2{font-size:40px;margin:32px 0 24px}dialog p{margin-bottom:24px}dialog .button{margin-top:16px}.dialog-close{background:transparent;border:0;color:var(--ink);font-weight:700;padding:8px;display:block;margin-left:auto}.is-seen{animation:ink-in .3s ease-out}@keyframes ink-in{from{opacity:.65}to{opacity:1}}
@media(min-width:1600px){.hero-film{max-height:560px;height:43vw}}@media(max-width:1100px){.hero-copy{align-items:center}.hero h1{font-size:clamp(48px,6.7vw,72px)}.proof>div{display:block}.proof p{margin-top:16px}.footer-bottom{flex-wrap:wrap}}@media(max-width:640px){.site-header{min-height:88px}.wordmark{font-size:22px}.wordmark span{font-size:12px}.site-header nav>a:first-child{display:none}.site-header nav{gap:0}.site-header .nav-cta{font-size:11px;max-width:115px;line-height:1.5}.site-header nav a span{margin-left:4px}.hero-film{height:30svh;min-height:200px;max-height:320px}.hero-copy{display:block;padding-top:32px;padding-bottom:40px}.hero h1{font-size:48px;line-height:1.03}.hero-actions{max-width:none;min-width:0;margin-top:32px;display:grid;grid-template-columns:1fr;gap:8px}.button{padding:16px 20px;min-height:56px}.hero-caption{margin-top:8px}.proof{grid-template-columns:1fr;gap:0;padding-block:8px}.proof>div{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:24px;padding-block:24px}.proof>div+div{border-top:1px solid var(--line)}.proof strong{font-size:64px}.proof p{margin:0;font-size:14px}.work{padding-top:64px}.section-heading{margin-bottom:32px;align-items:start}.section-heading h2{font-size:40px}.small-note{font-size:13px;max-width:130px}.project{margin-bottom:64px}.project-topline .metadata{font-size:11px}.ai-label{font-size:11px}.film-play{bottom:12px;left:12px;padding:12px 16px}.project-copy{grid-template-columns:1fr;gap:24px;padding-top:24px}.project-copy h3{font-size:40px}.project-deck{font-size:18px}.method-line{font-size:15px;padding:0}.award{grid-template-columns:1fr;gap:16px;padding-block:32px}.award-mark{font-size:48px}.award h3{font-size:32px}.award p{font-size:15px}.manifesto{padding-block:88px}.manifesto p{font-size:40px}.method{padding-top:40px;padding-bottom:64px}.steps{grid-template-columns:1fr;gap:32px}.step{display:grid;grid-template-columns:40px 1fr;column-gap:16px;border-bottom:1px solid var(--line);padding-bottom:32px}.step-number{margin:8px 0 0}.step h3{font-size:32px;margin-bottom:16px}.step p{grid-column:2;max-width:none}.process-images{gap:24px;grid-template-columns:1fr;margin-top:40px}.process-images figure:first-child{width:72%;max-width:none}.bio{grid-template-columns:1fr;padding-block:64px;gap:32px}.portrait-pending{aspect-ratio:4/3;padding:24px;width:100%}.portrait-monogram{font-size:64px}.bio-copy h2{font-size:40px}.footer{padding-top:48px}.footer-links{gap:24px}.footer-bottom{display:grid;grid-template-columns:1fr auto}.footer-bottom .wordmark{grid-column:1/-1;margin-bottom:8px}.footer-bottom>span:nth-child(2){font-size:12px}dialog{padding:24px}.process-images img{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* v2.1: controls and editorial text occupy separate zones from the films. */
.hero-controls{display:flex;justify-content:flex-end;padding-top:8px;padding-bottom:8px;border-top:1px solid var(--line)}
.pause-button{position:static;height:32px;width:40px}
.pause-button[hidden]{display:none}
.film-play{position:static;margin:0;padding:16px 24px;width:100%;border:0;border-top:1px solid var(--line);border-radius:0;justify-content:flex-start;min-height:56px}
.award .ai-label{display:block;margin-bottom:16px}

/* Approved interaction pass. All film frames retain their complete proportions. */
.hero-film{height:auto;max-height:none!important}
.hero-film video{height:auto;aspect-ratio:16/9;object-fit:contain;max-height:none}
.nav-index{font:12px var(--mono);margin:0 8px 0 0!important}
.site-header nav{gap:24px}.site-header nav a[aria-current="location"]{text-decoration:underline;text-decoration-color:var(--action);text-underline-offset:8px}
.menu-toggle{display:none}
.manifesto .word{color:var(--muted);transition:color .3s ease-out}
.manifesto .word.is-highlighted{color:var(--ink)}
.scroll-sequence{height:150vh;margin-top:64px;position:relative}
.sequence-stage{position:sticky;top:24px;margin:0 auto;max-width:960px}
.sequence-images{background:var(--navy)}
.sequence-images img{display:block;width:100%;height:min(50vh,540px);object-fit:contain}
.sequence-images img[hidden]{display:none}
.sequence-stage figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:16px;font-size:13px}
@media(max-width:800px){.site-header{flex-wrap:wrap;padding-block:24px}.menu-toggle{display:block;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:12px;font-size:13px;font-weight:700}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:8px}.site-header.is-open nav{display:flex}.site-header nav>a:first-child{display:block}.site-header .nav-cta{max-width:none;font-size:13px}.scroll-sequence{height:120vh;margin-top:40px}.sequence-stage{top:16px}.sequence-images img{height:35vh}.site-header nav a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.manifesto .word{color:var(--ink)}.scroll-sequence{height:auto}.sequence-stage{position:static}.sequence-images{display:grid;gap:24px}.sequence-images img,.sequence-images img[hidden]{display:block;height:auto}.sequence-stage #frame-count{display:none}}
