:root{--bg:#111214;--bg2:#17181b;--line:#2a2b2f;--text:#ede7dd;--muted:#9a958c;--accent:#e3a33b;
--display:'Instrument Serif',Georgia,serif;--body:'General Sans',system-ui,sans-serif;--w:1200px;--pad:clamp(20px,5vw,64px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{background:var(--bg);color:var(--text);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--accent);color:#111;padding:8px 12px;z-index:9}
.nav{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px var(--pad);background:rgba(17,18,20,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:.02em}
.tally{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.nav nav{display:flex;gap:clamp(12px,2.2vw,28px);font-size:14px}
.nav nav a{text-decoration:none;color:var(--muted);transition:color .2s}.nav nav a:hover{color:var(--text)}
section{padding:clamp(64px,9vw,128px) var(--pad);max-width:calc(var(--w) + 2*var(--pad));margin:0 auto}
.hero{min-height:82vh;display:flex;flex-direction:column;justify-content:center}
.eyebrow,.label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:20px}
h1{font:400 clamp(44px,8.4vw,116px)/.98 var(--display);letter-spacing:-.01em;max-width:13ch}
h1 em{color:var(--muted)}
.hero-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:clamp(36px,6vw,72px);border-top:1px solid var(--line);padding-top:28px}
.lede{max-width:56ch;color:#cfc9bf}
.btn{display:inline-block;padding:12px 22px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;font-size:14px;font-weight:500;border-radius:2px;transition:background .2s,color .2s}
.btn:hover{background:var(--accent);color:#111}
h2{font:400 clamp(30px,3.6vw,46px)/1.08 var(--display)}
.studio{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:none}
.studio>*{max-width:var(--w);margin-left:auto;margin-right:auto}
.studio-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(28px,5vw,80px)}
.studio-copy p+p{margin-top:16px}.studio-copy{color:#cfc9bf}
.studio-copy a{color:var(--text);text-decoration-color:var(--accent);text-underline-offset:3px}
.pipeline{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin-top:clamp(40px,6vw,72px);border-top:1px solid var(--line)}
.pipeline li{padding:18px 16px 0 0;font-size:14px;font-weight:500}
.pipeline span{display:block;font:400 28px/1 var(--display);color:var(--accent);margin-bottom:8px}
.block-head{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:36px;max-width:68ch}
.sub{color:var(--muted);margin-top:8px}
.episodes{border-top:1px solid var(--line)}
.ep{display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .25s,background .25s}
.ep:hover{padding-left:12px;background:linear-gradient(90deg,rgba(227,163,59,.07),transparent 60%)}
.ep-n{font:400 26px/1 var(--display);color:var(--muted)}
.ep-body{display:flex;flex-direction:column;gap:4px}
.ep-t{font:400 clamp(20px,2.2vw,26px)/1.2 var(--display)}
.ep-m{font-size:13px;color:var(--muted)}
.ep-play{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent);transition:border-color .2s}
.ep:hover .ep-play{border-color:var(--accent)}
.more{display:inline-block;margin-top:24px;font-size:14px;color:var(--accent);text-decoration:none;font-weight:500}
.more:hover{text-decoration:underline;text-underline-offset:4px}
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px}
.frame{aspect-ratio:16/9;background:#000;border:1px solid var(--line)}
.frame iframe,.frame video{width:100%;height:100%;border:0;display:block}
.vid figcaption{display:flex;flex-direction:column;gap:3px;padding-top:12px}.vid-t{font:400 20px/1.2 var(--display)}.vid-m{font-size:13px;color:var(--muted)}.vid-m a{color:var(--accent);text-decoration:none}.vid-m a:hover{text-decoration:underline}
.frame video{object-fit:cover;background:#000}
.photos{columns:3 280px;column-gap:14px}
.ph{break-inside:avoid;margin:0 0 14px}.ph img{width:100%;height:auto;display:block;border:1px solid var(--line)}

.credits{list-style:none;border-top:1px solid var(--line)}
.credits li{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 110px;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.cr-t{font:400 24px/1.2 var(--display)}.cr-m,.cr-r{font-size:14px;color:var(--muted)}.cr-y{font-size:14px;text-align:right;font-variant-numeric:tabular-nums}
.articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.art{display:flex;flex-direction:column;gap:10px;padding:28px;border:1px solid var(--line);background:var(--bg2);text-decoration:none;transition:border-color .2s,transform .2s}
.art:hover{border-color:var(--accent);transform:translateY(-2px)}
.art-pub{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.art-t{font:400 28px/1.15 var(--display)}.art-m{font-size:13px;color:var(--muted)}.art-go{margin-top:auto;padding-top:12px;font-size:14px;color:var(--accent)}
.contact{text-align:left;border-top:1px solid var(--line)}
.email{display:inline-block;margin-top:24px;font:400 clamp(30px,5.4vw,72px)/1.05 var(--display);color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;word-break:break-word}
.email:hover{border-bottom-color:var(--accent)}
.links{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px;font-size:14px;color:var(--muted)}
.links a{color:var(--text)}
.foot{padding:28px var(--pad);border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media (max-width:860px){
  .studio-grid{grid-template-columns:1fr}
  .pipeline{grid-template-columns:1fr 1fr}
  .credits li{grid-template-columns:1fr auto;gap:2px 12px}
  .cr-m{grid-column:1}.cr-r{grid-column:1}.cr-y{grid-row:1;grid-column:2}
  .videos{grid-template-columns:1fr}
}
@media (max-width:640px){
  .nav nav{display:none}
  .ep{grid-template-columns:36px 1fr 38px;gap:12px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.slate{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;text-decoration:none;background:radial-gradient(120% 90% at 85% 10%,rgba(227,163,59,.16),transparent 55%),linear-gradient(160deg,#1c1d21,#0c0c0e);transition:border-color .2s}
.slate:hover{border-color:var(--accent)}
.slate-play{position:absolute;top:18px;left:18px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(237,231,221,.3);display:grid;place-items:center;color:var(--accent);transition:background .2s,color .2s}
.slate:hover .slate-play{background:var(--accent);color:#111}
.slate-t{font:400 clamp(19px,1.7vw,23px)/1.15 var(--display);max-width:22ch}
.slate-len{position:absolute;top:24px;right:18px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
@media (max-width:1000px){.videos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.videos{grid-template-columns:1fr}}