@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap');

:root{--ink:#090909;--paper:#f4f3ef;--acid:#e7ff2f;--blue:#3155ff;--muted:#aaa9a5;--line:rgba(244,243,239,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;background:#171717}
button,a,audio{outline-offset:4px}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1.2rem,4vw,4.5rem);background:rgba(9,9,9,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.wordmark{font:700 1.55rem/1 "Oswald",sans-serif;letter-spacing:-.03em}.wordmark span{color:var(--acid)}
nav{display:flex;align-items:center;gap:1.9rem;font-size:.92rem;font-weight:600}nav a:hover{color:var(--acid)}
.nav-listen{padding:.66rem 1rem;background:var(--paper);color:var(--ink)!important}
.menu-toggle{display:none;background:none;color:var(--paper);border:1px solid var(--line);padding:.5rem .7rem;font:600 .9rem inherit}
main{overflow:hidden}.hero{min-height:calc(100vh - 73px);display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);position:relative}
.hero-copy{padding:clamp(5rem,10vw,9rem) clamp(1.2rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 10% 95%,rgba(49,85,255,.45),transparent 42%)}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:700;color:var(--acid);margin:0 0 1.1rem}
h1,h2,.display-quote{font-family:"Oswald",Impact,sans-serif;text-transform:uppercase;line-height:.91;letter-spacing:-.045em;margin:0}
h1{font-size:clamp(4.2rem,9vw,9.7rem);max-width:8ch}.hero-lede{font-size:clamp(1.05rem,1.7vw,1.35rem);max-width:34rem;margin:2rem 0 2.4rem;color:#d1d0cd}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.button{padding:.9rem 1.25rem;font-weight:700;border:1px solid var(--paper)}.button-primary{background:var(--acid);color:var(--ink);border-color:var(--acid)}.button-primary:hover{background:var(--paper);border-color:var(--paper)}.button-quiet:hover{color:var(--ink);background:var(--paper)}
.hero-portrait{margin:0;position:relative;min-height:620px;overflow:hidden;background:var(--blue)}.hero-portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.08);mix-blend-mode:luminosity}.hero-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(9,9,9,.78));pointer-events:none}.hero-portrait figcaption{position:absolute;z-index:2;bottom:3.8rem;left:2rem;font:600 clamp(2.1rem,4vw,4.7rem)/.95 "Oswald",sans-serif;text-transform:uppercase}.hero-portrait figcaption span{display:block;font:700 .74rem/1.5 "DM Sans",sans-serif;letter-spacing:.18em;color:var(--acid);margin-bottom:.45rem}
.hero-marquee{position:absolute;bottom:0;left:0;right:0;background:var(--acid);color:var(--ink);overflow:hidden;white-space:nowrap;font:600 1.1rem/1 "Oswald",sans-serif;letter-spacing:.11em;padding:.75rem 0}.hero-marquee span{display:block;width:max-content;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
section{padding:clamp(5rem,10vw,9rem) clamp(1.2rem,5vw,6rem)}.section-heading h2,.story h2,.connect h2{font-size:clamp(4rem,9vw,9rem)}
.featured{background:var(--paper);color:var(--ink)}.featured .eyebrow{color:var(--blue)}.featured-grid{display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;gap:clamp(2rem,7vw,8rem);align-items:center;margin-top:3rem}.featured-cover{width:100%;box-shadow:22px 22px 0 var(--blue)}.display-quote{font-size:clamp(2.8rem,5.4vw,6rem)}.featured-copy>p:not(.display-quote){font-size:1.08rem;max-width:34rem;margin:2rem 0;color:#373737}.audio-preview{border-top:1px solid #bdbcb8;border-bottom:1px solid #bdbcb8;padding:1rem 0;margin:2rem 0;display:flex;align-items:center;gap:1rem;font-weight:700}.audio-preview audio{width:min(100%,340px);height:40px}.text-link{display:inline-block;font-weight:700;border-bottom:2px solid currentColor;padding-bottom:.18rem}.text-link:hover{color:var(--blue)}
.music{background:var(--ink)}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem}.release-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,2rem);margin-top:3.5rem}.release-card h3{font-size:1rem;margin:1rem 0 .1rem}.release-card p{font-size:.84rem;color:var(--muted);margin:0}.cover-wrap{position:relative;overflow:hidden}.cover-wrap img{aspect-ratio:1;object-fit:cover;transition:transform .45s ease,filter .45s ease}.play-mark{position:absolute;right:.75rem;bottom:.75rem;background:var(--acid);color:var(--ink);border-radius:50%;width:3.4rem;height:3.4rem;display:grid;place-items:center;font-size:.78rem;font-weight:700;transform:translateY(5rem);transition:transform .3s ease}.release-card a:hover img{transform:scale(1.035);filter:saturate(1.15)}.release-card a:hover .play-mark,.release-card a:focus-visible .play-mark{transform:none}
.story{background:var(--blue);color:white}.story .eyebrow{color:var(--acid)}.story-grid{display:grid;grid-template-columns:1fr .75fr;gap:clamp(3rem,9vw,10rem);align-items:end}.story-copy{font-size:clamp(1.1rem,2vw,1.45rem);max-width:37rem}.story-copy p:first-child{font-weight:700}.story-copy p:last-child{color:#d9dfff}
.connect{background:var(--acid);color:var(--ink)}.connect .eyebrow{color:var(--blue)}.connect-links{display:flex;flex-wrap:wrap;border-top:2px solid var(--ink);margin-top:2.8rem}.connect-links a{display:flex;justify-content:space-between;align-items:center;width:50%;padding:1.3rem 1rem 1.3rem 0;border-bottom:2px solid var(--ink);font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700}.connect-links a:nth-child(odd){padding-right:2rem}.connect-links a:hover{background:var(--ink);color:var(--acid);padding-left:1rem}
footer{display:flex;align-items:center;justify-content:space-between;padding:2rem clamp(1.2rem,5vw,6rem);font-size:.83rem;color:var(--muted)}.footer-meta{display:flex;align-items:center;gap:1.5rem}.footer-meta p{margin:0}.umbrella-link{color:var(--paper);font-weight:600}.umbrella-link:hover{color:var(--acid)}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-copy{min-height:70vh}.hero-portrait{min-height:auto;aspect-ratio:1/1.06}.featured-grid,.story-grid{grid-template-columns:1fr}.release-grid{grid-template-columns:repeat(2,1fr)}.connect-links a{width:100%}}
@media(max-width:620px){.site-header{padding:.95rem 1.1rem}.menu-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);padding:1.2rem;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.nav-listen{text-align:center}.hero{min-height:auto}.hero-copy{min-height:590px;padding-top:4.5rem;padding-bottom:6rem}.hero-portrait figcaption{bottom:3.5rem}.featured-cover{box-shadow:12px 12px 0 var(--blue)}.split-heading{align-items:start;flex-direction:column}.release-grid{grid-template-columns:1fr 1fr;gap:1.6rem .85rem}.release-card h3{font-size:.88rem}.play-mark{display:none}.audio-preview{align-items:flex-start;flex-direction:column}.audio-preview audio{width:100%}.connect-links a{width:100%}footer{align-items:flex-start;gap:1rem;flex-direction:column}.footer-meta{align-items:flex-start;flex-direction:column;gap:.45rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-marquee span{animation:none}.cover-wrap img,.play-mark{transition:none}}