*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#0a0c0f;color:#cbd3db;font-family:'JetBrains Mono',ui-monospace,monospace;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:#9a6bff}
::selection{background:#7c4dff;color:#0a0c0f}
img{display:block;max-width:100%}
.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}

@keyframes slowzoom{0%{transform:scale(1.06)}100%{transform:scale(1.16)}}
@keyframes cue{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:.9;transform:translateY(6px)}}

.grain{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.045;mix-blend-mode:screen;background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22160%22 height=%22160%22><filter id=%22n%22><feTurbulence type=%22fractalNoise%22 baseFrequency=%220.9%22 numOctaves=%222%22/></filter><rect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22/></svg>')}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:150;display:flex;align-items:center;justify-content:space-between;padding:18px 40px;transition:background .6s ease,backdrop-filter .6s ease,border-color .6s ease;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(8,10,13,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:rgba(203,211,219,.1)}
.nav-links{display:flex;align-items:center;gap:34px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8791a0}
.nav-cta{color:#cbd3db;border:1px solid rgba(203,211,219,.22);padding:8px 14px;border-radius:2px}

/* Hero */
.hero-kicker{font-size:13.2px;letter-spacing:.42em;text-transform:uppercase;color:#7f93b3;margin-bottom:34px}
.hero-tag{margin-top:40px;font-size:18px;line-height:1.9;letter-spacing:.02em;color:#9aa4b2;white-space:nowrap}

/* Sections */
.section{position:relative;padding-left:40px;padding-right:40px;overflow:hidden}
.eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#7f93b3;display:flex;align-items:center;gap:16px}
.rule{width:34px;height:1px;background:#7c4dff;display:inline-block}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:64px}
.section-title{font-size:clamp(30px,4.4vw,54px);font-weight:400;letter-spacing:-.02em;color:#eef1f4}
.body-copy{font-size:clamp(15px,1.5vw,19px);line-height:1.85;font-weight:300;color:#b7bfc8;letter-spacing:.01em;max-width:600px;text-wrap:pretty}
.signoff{font-family:'Raleway',sans-serif;font-size:clamp(22px,2.7vw,34px);line-height:1.2;font-weight:300;letter-spacing:.02em;color:#ff2e9a;margin-top:56px;white-space:nowrap}

/* Cards */
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.card{display:flex;flex-direction:column;gap:16px}
.frame{position:relative;border:1px solid rgba(203,211,219,.1);background:#12090f;overflow:hidden}
.frame img{width:100%;height:100%;object-fit:cover}
.card-row{display:flex;justify-content:space-between;align-items:baseline}
.card-name{font-size:16px;color:#e6eaef}
.card-cat{font-size:10px;letter-spacing:.2em;color:#6b7480}
.card-genre{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#7f93b3}
.release{transition:transform .5s ease}
.release:hover{transform:translateY(-6px)}
.release-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6b7480}
.cover-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.3em;color:rgba(124,77,255,.45);background:radial-gradient(70% 70% at 50% 50%,rgba(124,77,255,.08),transparent)}

/* Footer */
.signup{display:flex;margin-top:34px;max-width:340px;border:1px solid rgba(203,211,219,.18)}
.signup input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#cbd3db;font-family:inherit;font-size:12px;letter-spacing:.05em;padding:13px 15px}
.signup input:focus-visible{outline:1px solid #7c4dff;outline-offset:-1px}
.signup button{background:#7c4dff;color:#fff;border:none;font-family:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:0 18px;cursor:pointer}
.foot-col{display:flex;flex-direction:column;gap:15px}
.foot-col a{font-size:13px;color:#a3adba}
.foot-head{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#5c6673;margin-bottom:6px}

/* Scroll reveal (only when JS is running) */
.js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity 1.1s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.22,.61,.36,1)}
.js [data-reveal].in{opacity:1;transform:none}
.js .release.in:hover{transform:translateY(-6px)}

/* Responsive */
@media (max-width:960px){
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-links{gap:22px}
}
@media (max-width:640px){
  .nav{padding:16px 16px}
  .nav-links a:not(.nav-cta){display:none}
  .section{padding-left:16px;padding-right:16px}
  #manifesto{padding-top:120px!important;padding-bottom:120px!important}
  #roster,#transmissions{padding-top:100px!important;padding-bottom:110px!important}
  .hero-kicker{font-size:10.5px;letter-spacing:.28em}
  .hero-tag{white-space:normal;font-size:15px}
  .signoff{white-space:normal}
  .grid-4{gap:16px}
  .foot-col{gap:12px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important}
  .js [data-reveal]{opacity:1;transform:none;transition:none}
}