@font-face{font-family:Space;src:url('fonts/SpaceGrotesk[wght].ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Michroma;src:url('fonts/Michroma-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Dela;src:url('fonts/DelaGothicOne-Latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Bodoni;src:url('fonts/BodoniModa[opsz,wght].ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
:root{--bg:#090b0b;--surface:#121515;--text:#f3f1e9;--muted:#b1b8b3;--acid:#ddec85;--line:#343c38;--gutter:4vw}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 Space,Arial,sans-serif;font-synthesis:none}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer;color:inherit}
button:disabled{cursor:default}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
button:hover,a:hover{color:var(--acid)}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h2{font-size:clamp(34px,4vw,60px);font-weight:500;line-height:1.1;letter-spacing:-.025em;text-wrap:balance}
h3{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.015em;text-wrap:balance}
button[hidden],a[hidden],[hidden]{display:none!important}
.skip{position:absolute;left:12px;top:-80px;z-index:10;background:var(--acid);color:#111;padding:12px}
.skip:focus{top:12px}
header{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px var(--gutter);background:linear-gradient(#080a0ac9,transparent)}
.brand{font-size:18px;font-weight:650;letter-spacing:-.035em;line-height:.95;display:block;width:max-content}
.brand span{display:block;font-size:12px;letter-spacing:.055em;margin-top:3px}
nav{display:flex;gap:28px;font-size:13px;align-items:center}
nav a{padding:12px 0}
.motion-toggle{border:1px solid #ffffff66;background:#10131388;font-size:12px;min-height:44px;padding:8px 13px}
.motion-toggle:disabled{color:var(--muted);border-color:var(--line)}
.hero{position:relative;height:82svh;min-height:660px;max-height:1040px;overflow:hidden}
.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#050707ae,transparent 75%),linear-gradient(0deg,#090b0b,transparent 55%)}
.hero-content{position:absolute;z-index:2;left:var(--gutter);bottom:22%;width:76%}
.zeolite-title{font-family:Michroma,Arial,sans-serif;font-weight:400}
.street-title{font-family:Dela,Arial,sans-serif;font-weight:400;line-height:1.02;letter-spacing:-.025em}
.blood-title{font-family:Bodoni,Georgia,serif;font-weight:400;letter-spacing:.025em;font-optical-sizing:auto}
.hero h1{font-size:clamp(44px,7.2vw,104px);line-height:1.18;letter-spacing:.045em;margin-bottom:20px;font-weight:400}
.hero h1.street-title{font-size:clamp(48px,6.7vw,96px);line-height:1.05;letter-spacing:-.025em;max-width:750px}
.hero h1.blood-title{font-size:clamp(60px,8vw,112px);letter-spacing:.015em}
.hero-content>p:not(.hero-meta){font-size:19px;line-height:1.5;max-width:540px;text-wrap:pretty}
.hero-meta{display:flex;gap:15px;margin-top:20px;color:#e1e5da;font-size:12px}
.hero-meta span+span{border-left:1px solid #a9b19e;padding-left:15px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 23px;border:1px solid #b5bdb3;background:transparent;font-size:14px;font-weight:500}
.button.light{background:var(--text);color:#101413;border-color:var(--text)}
.button.light:hover{background:var(--acid);border-color:var(--acid)}
.button.ghost{background:#10141366}
.preview-control{min-height:48px;border:0;border-bottom:1px solid #c4cbb7;background:none;margin-left:8px;padding:10px 0;font-size:13px}
.preview-control[aria-pressed=true]{color:var(--acid)}
.hero-bottom{position:absolute;z-index:2;left:var(--gutter);right:var(--gutter);bottom:36px;display:flex;justify-content:space-between;align-items:end;gap:30px;font-size:14px}
.hero-bottom p{font-weight:500}
.hero-bottom p span{display:block;font-weight:400;color:#c5cbc4;font-size:13px;margin-top:3px}
.hero-bottom>a{font-size:13px;min-height:44px;display:flex;align-items:center;gap:18px}
.preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s;pointer-events:none;z-index:0}
.previewing>.preview-video,.previewing>.film-art>.preview-video{opacity:1}
.preview-indicator{display:none;position:absolute;right:16px;top:16px;z-index:4;font-size:11px;background:#080b0bc9;padding:5px 9px;color:var(--text)}
.hero>.preview-indicator{top:auto;bottom:105px;right:var(--gutter)}
.previewing>.preview-indicator,.previewing>.film-art>.preview-indicator{display:block}
.motion-paused .preview-video{opacity:0!important}
.hero[data-featured=street]>img,.hero[data-featured=street]>.preview-video{object-position:70% center}
.bloodlines-hero{background:radial-gradient(ellipse at 70% 40%,#442327,var(--bg))}
.section{padding:80px var(--gutter)}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}
.section-top>p{font-size:15px;color:var(--muted);max-width:350px;text-align:right}
.films{padding-top:35px;padding-bottom:65px}
.films h2{font-size:32px}
.film-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.film{min-width:0}
.film-art{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:0;padding:0;background:#18201e;text-align:left;transition:transform .25s}
.film-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film-art:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(transparent 25%,#000b);pointer-events:none}

.film.selected .film-art{outline:1px solid var(--acid);outline-offset:-1px}
.film-art .preview-video{z-index:1}
.film-title{position:absolute;z-index:3;left:18px;bottom:22px;font-size:24px;color:var(--text);letter-spacing:.035em}
.film-title.street-title{font-size:30px;line-height:1.02;letter-spacing:-.025em;color:#fff2cf}
.film-title.blood-title{font-size:39px;letter-spacing:.02em}
.film[data-project=zeolite] .film-art>img{filter:contrast(1.08) saturate(.82);object-position:57% center}
.film[data-project=zeolite] .film-art:after{background:linear-gradient(0deg,#0c1212e6,transparent 68%)}
.film-title.zeolite-title{font-size:clamp(23px,2.25vw,34px);letter-spacing:.055em}
.bloodlines-art{width:100%;height:100%;background:radial-gradient(ellipse at 60% 45%,#372322,transparent 65%),linear-gradient(120deg,#0c1116,#241411)}
.bloodlines-art:after{content:'';position:absolute;top:10%;bottom:8%;left:64%;width:1px;background:#ce6c5e;transform:rotate(19deg)}
.film-caption{padding-top:18px}
.film-caption h3{font-size:15px;letter-spacing:0;margin-bottom:6px}
.film-caption p{font-size:13px;color:var(--muted)}
.film-caption .project-role{margin-top:4px;color:#d6dbd2;font-size:12px}
.card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 19px;margin-top:10px}
.card-actions button,.card-actions>a{background:none;border:0;font-size:13px;padding:10px 0;min-height:44px;text-align:left}
.card-actions [data-preview]{margin-left:auto;color:var(--muted)}
.card-actions [data-preview][aria-pressed=true]{color:var(--acid)}
.film-note{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}
.film-note p{max-width:70ch;font-size:15px;color:var(--muted)}
.text-button{display:inline-block;border:0;border-bottom:1px solid #808d80;background:none;font-size:14px;line-height:1.5;padding:8px 0;min-height:40px;text-align:left;width:max-content;max-width:100%}
.film-note .text-button{flex-shrink:0}
.process{background:var(--surface)}
.process-teaser{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:23px;margin-top:30px}
.process-teaser p{font-size:15px;color:var(--muted)}
.contact-proof{display:flex;gap:25px;margin-top:20px}
.kids-compact{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;padding:28px 0 0;margin-top:28px;border-top:1px solid var(--line)}
.kids-compact h3{font-size:22px}.kids-compact p{font-size:15px;color:var(--muted);margin-top:8px}.kids-compact span{font-size:13px}
#dialog-workflow{border-top:1px solid var(--line);margin-top:30px;padding-top:25px;margin-bottom:25px}
#dialog-workflow .source-note{font-size:13px;margin-top:25px}
.evidence-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.evidence{display:block;text-align:left;background:none;border:0;padding:0;min-width:0}
.evidence-image{display:block;position:relative;aspect-ratio:16/10;background:#202625;overflow:hidden}
.evidence-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.evidence-image.sheet img{object-fit:contain}
.evidence:hover img{transform:scale(1.025)}
.evidence-overlay{position:absolute;inset:0;display:flex;align-items:end;padding:18px;background:linear-gradient(transparent,#060b0cd9);font-size:26px;line-height:1.1;font-weight:500;color:var(--text);letter-spacing:-.02em}
.edit-overlay{font-size:23px}
.evidence-caption{display:flex;flex-direction:column;gap:4px;padding-top:16px}
.evidence-caption strong{font-size:16px;font-weight:500;line-height:1.3}
.evidence-caption>span{font-size:13px;color:var(--muted)}
.evidence-caption .evidence-kind{font-size:12px;color:var(--acid);margin-top:5px}
.process-stage{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;margin-top:65px;padding-top:45px;border-top:1px solid var(--line)}
.process-intro h3{font-size:34px;max-width:320px}
.process-intro p{font-size:16px;color:var(--muted);max-width:38ch;margin-top:20px}
.process-intro .text-button{margin-top:20px}
.node-map{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}
.node{background:none;border:1px solid transparent;padding:10px 13px;font-size:14px;min-height:44px}
.node.active{border-color:var(--acid);color:var(--acid)}
.node-detail{padding-top:27px}
.node-detail h3{font-size:29px;margin-bottom:20px}
.node-detail p{max-width:65ch;color:#cbd1c9;font-size:16px}
.node-detail .decision{margin-top:20px;color:var(--text)}
.node-detail>a{margin-top:20px}
.shot-brief{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;padding-top:40px;margin-top:45px;border-top:1px solid var(--line)}
.shot-brief h3{max-width:280px;font-size:28px}
.shot-brief ol{padding:0;margin:0;list-style:none}
.shot-brief li{display:grid;grid-template-columns:130px 1fr;gap:25px;border-bottom:1px solid var(--line);padding:12px 0;font-size:15px}
.shot-brief li:first-child{padding-top:0}
.shot-brief strong{font-weight:500;color:var(--text)}
.shot-brief span{color:var(--muted)}
.source-note{font-size:13px;color:var(--muted);max-width:85ch;margin-top:30px}
.source-note a{text-decoration:underline;text-underline-offset:4px}
.capabilities{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;padding-top:95px;padding-bottom:95px}
.capabilities-intro h2{max-width:350px}
.capabilities-intro>p{font-size:20px;line-height:1.45;max-width:29ch;margin-top:25px}
.capabilities-intro>a{margin-top:25px}
.capability-list article{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;padding:26px 0;border-top:1px solid var(--line)}
.capability-list article:first-child{padding-top:6px;border-top:0}
.capability-list h3{font-size:23px;max-width:250px}
.capability-list p{font-size:16px;color:var(--muted);max-width:40ch}
.capability-list .text-button{font-size:13px;margin-top:14px}
.kids{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;background:#15151f;color:#ede9fc;padding-top:55px;padding-bottom:55px}
.kids h2{font-size:38px}
.kids-intro>p{font-size:16px;color:#c3bdd8;margin-top:16px}
.kids-lineup article{display:flex;justify-content:space-between;gap:25px;padding:20px 0;border-bottom:1px solid #454251;align-items:center}
.kids-lineup article:first-child{padding-top:0}
.kids-lineup h3{font-size:22px}
.kids-lineup p{color:#c3bdd8;font-size:14px}
.collection-disclosure{margin-top:22px}
.lab .section-top{margin-bottom:35px}
.moltfilm{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}
.lab-title h3{font-size:clamp(40px,5vw,65px);letter-spacing:-.03em;line-height:1.1}
.project-status{display:block;font-size:13px;color:var(--acid);margin-top:12px}
.moltfilm>div>p{font-size:20px;max-width:43ch}
.moltfilm .text-button{margin-top:20px}
.planned{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:25px}
.planned h3{font-size:22px}
.planned p{font-size:14px;color:var(--muted)}
.credits{background:var(--surface)}
.about{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;padding:25px 0 45px}
.about-name{font-size:21px}
.about>div{max-width:65ch}
.about>div p{font-size:18px;color:#d0d5cd;line-height:1.65}
.about>div p+p{margin-top:18px}
.credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.credit-grid img{width:100%;height:auto;object-fit:contain}
.credit-grid h3{font-size:23px;margin-top:20px}
.credit-grid p{font-size:14px;color:var(--muted);margin-top:8px}
.credit-line{display:flex;gap:30px;align-items:baseline;padding-top:25px;margin-top:35px;border-top:1px solid var(--line)}
.credit-line h3{font-size:21px}
.credit-line p{font-size:14px;color:var(--muted)}
.contact{padding-top:100px;padding-bottom:110px}
.contact h2{font-size:clamp(40px,5.5vw,80px);max-width:900px}
.contact>p{font-size:19px;max-width:60ch;color:var(--muted);margin-top:25px}
.contact>a{display:inline-block;font-size:clamp(19px,2.2vw,32px);border-bottom:1px solid #81906c;margin-top:32px;padding:6px 0;overflow-wrap:anywhere}
footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px var(--gutter);border-top:1px solid var(--line)}
footer>p,footer>span{font-size:12px;color:var(--muted)}
dialog{background:#111615;color:var(--text);border:1px solid #536052;padding:0;width:min(1040px,94vw);max-height:92svh;overscroll-behavior:contain}
dialog::backdrop{background:#000d}
.dialog-close{position:sticky;top:0;float:right;z-index:4;background:var(--text);color:#101413;border:0;padding:12px 22px;min-height:48px}
.dialog-close:hover{background:var(--acid);color:#101413}
#dialog-media img,#dialog-media video{width:100%;max-height:60svh;object-fit:contain;display:block;background:#090b0b}
#dialog-media img{height:auto}
.dialog-copy{padding:32px 38px 40px;clear:both}
.dialog-copy h2{font-size:36px;margin-bottom:18px;font-weight:400}
.dialog-copy h2.zeolite-title{font-size:32px;letter-spacing:.035em}
.dialog-copy h2.street-title{font-size:39px;letter-spacing:-.025em}
.dialog-copy h2.blood-title{font-size:50px;letter-spacing:.02em}
.dialog-copy p{max-width:70ch;font-size:16px;color:#cbd1c9}
.dialog-category{color:var(--acid)!important;font-size:13px!important;margin-bottom:17px}
.dialog-copy dl{display:grid;grid-template-columns:110px 1fr;gap:12px 24px;font-size:15px;margin:28px 0}
.dialog-copy dt{font-weight:500}
.dialog-copy dd{margin:0;color:var(--muted);max-width:65ch}
.dialog-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.dialog-actions .text-button{font-size:14px}
.asset-pending{padding:60px 30px;text-align:center;font-size:60px;background:#211718}
.player-note{padding:16px 30px;background:#1b211c;font-size:14px;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){:root{--gutter:max(4vw,calc((100vw - 1560px)/2))}}
@media(max-width:1050px){nav{gap:18px}.film-title{font-size:19px}.film-title.street-title{font-size:25px}.film-title.blood-title{font-size:32px}.evidence-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.evidence-image{aspect-ratio:16/9}.capability-list article{grid-template-columns:1fr;gap:14px}.capability-list h3{max-width:none}.hero h1{font-size:7.5vw}.card-actions{gap:4px 15px}.card-actions button,.card-actions>a{font-size:12px}}
@media(max-width:700px){
  :root{--gutter:6vw}
  html{scroll-padding-top:20px}
  header{padding-top:22px;gap:20px;align-items:start;flex-wrap:wrap}
  .brand{font-size:17px}.brand span{font-size:11px}
  nav{order:3;width:100%;gap:20px;justify-content:space-between;font-size:12px}
  nav a{padding:8px 0;min-height:40px;display:flex;align-items:center}
  .motion-toggle{font-size:12px;min-height:40px;padding:7px 10px;margin-left:auto}
  .hero{height:84svh;min-height:670px;max-height:880px}
  .hero>img{object-position:58% center}
  .hero-shade{background:linear-gradient(0deg,#090b0b,transparent 78%),linear-gradient(90deg,#05070778,transparent)}
  .hero-content{bottom:24%;width:88%}
  .hero h1{font-size:8vw;letter-spacing:.025em;margin-bottom:20px}
  .hero h1.street-title{font-size:12vw;max-width:340px}
  .hero h1.blood-title{font-size:12.5vw}
  .hero-content>p:not(.hero-meta){font-size:17px;max-width:32ch}
  .hero-meta{font-size:12px;gap:12px;margin-top:18px}.hero-meta span+span{padding-left:12px}
  .hero-actions{gap:10px;margin-top:24px}.button{padding:12px 15px;font-size:13px}.preview-control{font-size:13px;margin-left:3px;min-height:48px}
  .hero-bottom{bottom:28px;gap:20px;align-items:start}.hero-bottom p{font-size:14px}.hero-bottom p span{font-size:12px;max-width:210px}.hero-bottom>a{font-size:12px;max-width:90px;line-height:1.4;gap:8px}
  .hero>.preview-indicator{bottom:115px;font-size:11px}
  .section{padding-top:55px;padding-bottom:55px}
  .process-teaser{align-items:start;flex-direction:column;gap:12px}.process-teaser p{font-size:15px}
  .kids-compact{grid-template-columns:1fr;gap:15px}.kids-compact p{font-size:15px}
  .section-top{align-items:start;flex-direction:column;gap:15px;margin-bottom:28px}.section-top>p{text-align:left;font-size:15px;max-width:40ch}
  h2{font-size:36px;letter-spacing:-.025em}
  .films{padding-top:30px}.films h2{font-size:30px}.films .section-top>p{display:none}
  .film-row,.evidence-row{display:flex;gap:18px;overflow-x:auto;padding:4px 4px 18px;margin:0 -4px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#7b8a69 #1a201b}
  .film-row>.film{flex:0 0 88%;scroll-snap-align:start}
  .film-title{font-size:23px}.film-title.street-title{font-size:29px}.film-title.blood-title{font-size:36px}
  .film-caption h3{font-size:15px}.film-caption p{font-size:13px}.film-caption .project-role{font-size:12px}
  .card-actions{gap:5px 20px;margin-top:8px}.card-actions button,.card-actions>a{font-size:13px;min-height:46px}
  .film-note{flex-direction:column;gap:12px;margin-top:15px}.film-note p{font-size:16px;max-width:40ch}
  .evidence-row>.evidence{flex:0 0 82%;scroll-snap-align:start}.evidence-image{aspect-ratio:16/10}
  .evidence-caption strong{font-size:18px}.evidence-caption>span{font-size:14px}.evidence-caption .evidence-kind{font-size:12px}
  .process-stage{grid-template-columns:1fr;gap:30px;margin-top:40px;padding-top:30px}.process-intro h3{font-size:29px;max-width:none}.process-intro p{max-width:65ch;margin-top:15px}.process-intro .text-button{margin-top:12px}
  .node-map{gap:5px;flex-wrap:nowrap;justify-content:space-between;padding-bottom:15px}.node{font-size:12px;padding:9px 7px;min-height:44px;flex:1}
  .node-detail{padding-top:24px}.node-detail h3{font-size:27px;margin-bottom:15px}.node-detail p{font-size:16px}
  .shot-brief{grid-template-columns:1fr;gap:24px;margin-top:35px;padding-top:30px}.shot-brief h3{max-width:none;font-size:26px}.shot-brief li{grid-template-columns:94px 1fr;gap:16px;font-size:15px}.source-note{font-size:13px;line-height:1.65}
  .capabilities{grid-template-columns:1fr;gap:35px}.capabilities-intro h2{max-width:none}.capabilities-intro>p{font-size:21px;max-width:30ch;margin-top:20px}.capabilities-intro>a{margin-top:18px}.capability-list article{grid-template-columns:1fr;gap:13px;padding:24px 0}.capability-list h3{font-size:25px}.capability-list p{max-width:65ch}.capability-list .text-button{font-size:14px;margin-top:10px}
  .kids{grid-template-columns:1fr;gap:30px}.kids h2{font-size:34px}.kids-lineup article{align-items:start;flex-direction:column;gap:9px}.kids-lineup p{font-size:14px}.kids-lineup h3{font-size:23px}
  .moltfilm{grid-template-columns:1fr;gap:25px;padding:30px 0}.lab-title h3{font-size:49px}.moltfilm>div>p{font-size:19px}.planned{align-items:start;flex-direction:column;gap:8px}.planned h3{font-size:23px}
  .about{grid-template-columns:1fr;gap:20px;padding-top:8px;padding-bottom:35px}.about>div p{font-size:17px}.about-name{font-size:19px}
  .credit-grid{grid-template-columns:1fr;gap:30px}.credit-grid img{height:auto}.credit-grid h3{font-size:23px}.credit-grid p{font-size:14px}.credit-line{flex-direction:column;gap:8px;margin-top:30px}
  .contact{padding-top:65px;padding-bottom:75px}.contact h2{font-size:42px}.contact>p{font-size:17px}.contact>a{font-size:20px;max-width:100%}
  footer{flex-wrap:wrap;padding-top:30px;padding-bottom:30px;gap:25px}footer>p{font-size:12px;max-width:170px}footer>span{width:100%;font-size:12px}
  dialog{width:94vw;max-height:94svh}.dialog-copy{padding:25px 22px 30px}.dialog-copy h2{font-size:29px}.dialog-copy h2.zeolite-title{font-size:clamp(21px,6vw,28px)}.dialog-copy h2.street-title{font-size:32px}.dialog-copy h2.blood-title{font-size:42px}.dialog-copy p{font-size:16px}.dialog-copy dl{grid-template-columns:1fr;gap:5px}.dialog-copy dd{margin-bottom:12px}.dialog-actions{gap:12px 20px}.asset-pending{font-size:42px;padding:55px 15px}.player-note{padding:15px 22px}
}
@media(max-width:370px){nav{gap:12px;font-size:11px}.hero-actions{gap:9px}.button{padding:12px 11px;font-size:12px}.preview-control{font-size:12px}.node{padding:9px 4px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview-video,.film-art,.evidence-image img{transition:none}.film-art:hover{transform:none}.evidence:hover img{transform:none}}

/* Project evidence stays inside the project dialog. */
#dialog-breakdown{border-top:1px solid var(--line);margin:30px 0;padding-top:28px}
#dialog-breakdown>h3{font-size:25px;margin-bottom:24px}
.breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px}
.breakdown-card{min-width:0}
.breakdown-card>a:first-child{display:block}
.breakdown-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#080a09;display:block;margin-bottom:17px}
.dialog-copy .breakdown-kind{color:var(--acid);font-size:12px;line-height:1.5;margin-bottom:9px}
.breakdown-card h4{font-size:21px;line-height:1.25;margin:0 0 12px;font-weight:500}
.breakdown-card p{font-size:16px;line-height:1.65}
.breakdown-card blockquote{margin:16px 0;padding-left:15px;border-left:2px solid var(--acid);color:#e0e5dc;font-size:16px}
.breakdown-card .text-button{font-size:14px;margin-top:17px;min-height:44px}
.credit-grid button{margin-top:22px;font-size:14px}
@media(max-width:650px){.breakdown-grid{grid-template-columns:1fr;gap:32px}}

.process .section-top h2{max-width:22ch}
.evidence-document{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px;color:var(--text);font-size:clamp(18px,1.7vw,25px);line-height:1.3}
.evidence-document-label{font-size:12px;color:var(--acid);line-height:1.4}
@media(min-width:1051px){.evidence-row[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-row[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Restrained feedback, with no pointer-move animation loop. */
.film-art>img{transition:transform .28s ease-out}
.film-art .preview-video{transition:opacity .35s,transform .28s ease-out}
.film-title{right:18px;transition:transform .24s ease-out,text-shadow .24s}
.film-art::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#f3f1e91c,transparent 70%);opacity:0;transition:opacity .24s}
.film:focus-within .film-art{box-shadow:0 0 0 1px #ddec8566,0 8px 25px #0008}
.film:focus-within .film-title{transform:translateY(-3px)}
.film .film-art:focus-visible{outline:2px solid var(--acid);outline-offset:4px}
.film.selected .film-title{text-shadow:0 2px 14px #000}
.film-art:active{transform:scale(.99)}
@media(hover:hover) and (pointer:fine){.film-art:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0009}.film-art:hover>img,.film-art:hover>.preview-video{transform:scale(1.025)}.film-art:hover .film-title{transform:translateY(-3px)}.film-art:hover::before{opacity:1}}
.motion-paused .explicit-preview.previewing>.preview-video,.motion-paused .explicit-preview.previewing>.film-art>.preview-video{opacity:1!important}
.kids-title{font-family:Dela,Arial,sans-serif;font-weight:400;line-height:1.08;letter-spacing:-.025em}
.film-title.kids-title{font-size:clamp(24px,2.2vw,32px)}
.exploration-title{font-family:Space,Arial,sans-serif;font-weight:500;letter-spacing:-.025em;line-height:1.08}
.film-title.exploration-title{font-size:clamp(23px,2.3vw,34px);max-width:85%}
.hero h1.kids-title,.hero h1.exploration-title{font-size:clamp(40px,6.5vw,94px);max-width:900px}
.about-section{border-top:1px solid var(--line)}
.about-copy{max-width:76ch;margin-left:auto}
.about-copy p{font-size:clamp(18px,1.7vw,23px);line-height:1.65;color:#d4d9d0}.about-copy p+p{margin-top:23px}.about-copy>a{margin-top:25px}
.breakdown-card .text-button+.text-button{display:block;margin-top:8px}
@media(prefers-reduced-motion:reduce){.film-art,.film-art>img,.film-art>.preview-video,.film-title,.film-art::before{transition:none!important;transform:none!important;animation:none!important}}
