:root{--bg:#0e0f11;--text:#ececec;--muted:#b7b9be;--line:#181a1f;--cyan:#00e5ff;--magenta:#ff00a0;--tvred:#e10600}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;line-height:1.65}
a{color:var(--cyan);text-decoration:none}a:hover{color:var(--magenta)}
.container{max-width:1160px;margin:0 auto;padding:clamp(20px,3.2vw,40px) clamp(16px,2.2vw,22px)}
h1{font-size:clamp(42px,6.0vw,72px);line-height:1.04;font-weight:900;margin:0 0 .35em}
h2{font-size:clamp(26px,3.2vw,34px);line-height:1.2;font-weight:800;margin:0 0 .5em;color:var(--cyan)}
h3{font-size:clamp(18px,2.2vw,22px);line-height:1.28;font-weight:750;margin:0 0 .5em;color:var(--magenta)}
p{margin:0 0 .9em;font-size:clamp(16px,1.6vw,18px)}.small{color:var(--muted)}
.header{position:sticky;top:0;background:rgba(14,15,17,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(6px);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 22px}
.brand{font-weight:950;letter-spacing:.8px;display:inline-flex;gap:.35ch;align-items:baseline}
.brand .stupid{color:var(--cyan)} .brand .smart{color:var(--magenta)} .brand .studio{color:#ececec}
nav a{margin-left:16px;color:var(--text);opacity:.9} nav a:hover{opacity:1;color:var(--cyan)}
.section{padding:clamp(32px,5vw,56px) 0;border-top:1px solid var(--line)}
.hr{height:1px;background:var(--line);margin:28px 0}
.btn{display:inline-block;background-color:var(--cyan);color:#000;border:none;padding:12px 18px;border-radius:12px;font-weight:850;cursor:pointer;transition:background .2s ease, color .2s ease, transform .05s ease-in-out}
.btn:hover{background-color:var(--magenta);color:#fff}
.btn:active{transform:translateY(1px)}
.headline{font-weight:900;text-align:center}
.headline .line1{color:var(--cyan)} .headline .line2{color:var(--magenta)}
.subhead{color:var(--muted);text-align:center;max-width:840px;margin:0 auto .7em}
.hero-cta{display:flex;gap:10px;justify-content:center;margin-bottom:1.2em}
.hero-figure{margin:6px 0 0}
.hero-img{display:block;margin:0 auto;width:min(48vw,740px);max-width:740px;height:auto;border-radius:14px;border:1px solid var(--line)}
@media (max-width:820px){.hero-img{width:min(92vw,560px)}}
.media{display:grid;grid-template-columns:1.2fr 0.8fr;gap:clamp(20px,3vw,40px);align-items:center}
.media .art img{width:min(360px,34vw);max-width:360px;height:auto;border-radius:14px;border:1px solid var(--line)}
@media (max-width:980px){.media{grid-template-columns:1fr}.media .art img{width:min(92vw,560px);margin:0 auto}}
.grid{display:grid;gap:20px}
@media (min-width:980px){.grid{grid-template-columns:1fr 1fr}}
.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0b0c0f}
.card-body{padding:14px}
.card h4{margin:.2em 0 .3em;font-weight:800;font-size:18px}
.aspect-916{position:relative;width:100%;aspect-ratio:9/16;background:#0D0E10}
.aspect-169{position:relative;width:100%;aspect-ratio:16/9;background:#0D0E10}
.aspect-embed iframe{position:absolute;inset:0;width:100%;height:100%}
ul{margin:.2em 0 .9em 1.2em} ul li{margin:.2em 0}
footer{border-top:1px solid var(--line)}
.footer-brand{display:inline-flex;gap:.35ch}
.footer-brand .stupid{color:var(--cyan)} .footer-brand .smart{color:var(--magenta)} .footer-brand .studio{color:#ececec}
.email{color:var(--magenta)} .email:hover{color:var(--magenta);text-decoration:underline}
.badge-tv{display:inline-flex;align-items:center;justify-content:center;background:var(--tvred);color:#fff;border-radius:12px;padding:.4em .8em;font-weight:900;letter-spacing:.04em}


/* v30: AI Work embeds fit on screen */
@media (min-width: 980px){
  .aspect-916{ aspect-ratio: 9/15; max-height: 85vh; }
  .aspect-169{ max-height: 85vh; }
  .aspect-embed{ max-width: 860px; margin: 0 auto; }
}

.smart{color:var(--magenta)} .stupid{color:var(--cyan)}
/* hero block centering */
.hero{text-align:center}

/* global color helpers for headlines */
.smart{color:var(--cyan)} .stupid{color:var(--magenta)}
/* hero block centering */
.hero{text-align:center}