:root { --blue:#00a5fa; --ink:#050607; --paper:#f2f0ea; --muted:#9ba0a3; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:white; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-header { height:92px; position:absolute; z-index:20; top:0; left:0; right:0; padding:0 5vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ffffff1c; }
.brand { display:flex; align-items:flex-end; line-height:.75; font-weight:900; letter-spacing:-.08em; }
.brand-word { font-size:17px; letter-spacing:.16em; writing-mode:vertical-rl; transform:rotate(180deg); margin-right:6px; color:white; }
.brand-digits { font-size:56px; color:var(--blue); letter-spacing:-.13em; transform:scaleX(.88); transform-origin:left; }
.nav { display:flex; align-items:center; gap:40px; text-transform:uppercase; font-size:11px; font-weight:800; letter-spacing:.18em; }
.nav a { opacity:.74; transition:.2s; }.nav a:hover { opacity:1; color:var(--blue); }
.nav-live { padding:13px 17px; border:1px solid #ffffff48; }.nav-live span,.eyebrow span,.live-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--blue); margin-right:9px; box-shadow:0 0 12px var(--blue); }
.menu-button { display:none; background:none; border:0; padding:12px; }.menu-button span { width:24px; height:2px; display:block; background:#fff; margin:6px; }
.hero { min-height:760px; height:100vh; position:relative; display:flex; align-items:center; padding:130px 7vw 70px; overflow:hidden; background:radial-gradient(circle at 74% 51%,#004970 0,#001623 18%,#050607 50%); }
.frequency-grid { position:absolute; inset:0; opacity:.1; background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(to right,transparent 5%,black 60%,transparent 100%); transform:perspective(550px) rotateX(62deg) scale(1.5) translateY(21%); }
.hero-copy { position:relative; z-index:2; width:58%; }
.eyebrow { color:#c4c8ca; font-size:10px; font-weight:800; letter-spacing:.28em; margin:0 0 28px; }
.hero h1 { margin:0; font-size:clamp(66px,9.2vw,150px); letter-spacing:-.07em; line-height:.76; font-weight:950; transform:scaleX(.88); transform-origin:left; }
.hero h1 span { display:block; }.hero h1 span:last-child { -webkit-text-stroke:1px #fff; color:transparent; }
.hero-payoff { font-size:clamp(18px,2.5vw,38px); margin:28px 0 21px; letter-spacing:.03em; font-weight:900; }.hero-payoff em { color:var(--blue); font-style:normal; }
.hero-intro { color:#aeb3b5; max-width:500px; font-size:15px; line-height:1.8; }
.hero-button { display:inline-flex; align-items:center; gap:13px; background:var(--blue); color:#00101a; font-weight:900; letter-spacing:.12em; font-size:11px; padding:18px 23px; margin-top:18px; transition:.2s; }.hero-button:hover { background:#fff; transform:translateY(-2px); }
.mini-play,.play-icon { width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor; display:block; }
.hero-numbers { position:absolute; right:4vw; top:51%; transform:translateY(-45%); display:flex; align-items:center; font-weight:950; font-size:clamp(160px,27vw,430px); letter-spacing:-.2em; color:#ffffff0d; line-height:.8; font-style:italic; }
.hero-numbers span:nth-child(2) { color:#00a5fa20; transform:translateY(-3%); }.hero-numbers span:nth-child(3) { color:#ffffff09; }
.scroll-cue { position:absolute; bottom:35px; right:5vw; font-size:8px; letter-spacing:.25em; color:#80878b; transform:rotate(90deg); transform-origin:right; }.scroll-cue span { width:35px; height:1px; background:var(--blue); display:inline-block; vertical-align:middle; margin-right:10px; }
.decades { background:var(--paper); color:#090b0c; padding:100px 7vw 115px; }
.section-heading p,.listen-copy>p { font-size:9px; font-weight:900; letter-spacing:.3em; color:#62686a; }
.section-heading h2,.listen-copy h2 { font-size:clamp(48px,7vw,100px); line-height:.84; letter-spacing:-.06em; margin:21px 0 64px; font-weight:950; }.section-heading h2 span,.listen-copy h2 span { color:var(--blue); }
.decade-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#bbb; border:1px solid #bbb; }
.decade-grid article { background:var(--paper); padding:35px; min-height:240px; display:flex; align-items:flex-end; gap:25px; transition:.25s; }.decade-grid article:hover { background:#fff; transform:translateY(-7px); box-shadow:0 20px 40px #0002; }
.decade-number { font-size:150px; line-height:.7; letter-spacing:-.12em; font-weight:950; color:transparent; -webkit-text-stroke:2px #0b0d0e; font-style:italic; }
.decade-grid b { font-size:18px; letter-spacing:.03em; }.decade-grid p { color:#777; font-size:12px; line-height:1.5; }
.manifesto { min-height:580px; position:relative; padding:100px 10vw; display:grid; grid-template-columns:110px minmax(300px,650px) 1fr; gap:50px; align-items:center; overflow:hidden; background:linear-gradient(115deg,#050607 55%,#061a25); }
.side-label { transform:rotate(-90deg); font-size:8px; letter-spacing:.3em; color:#737a7e; white-space:nowrap; }
blockquote { margin:0; font-size:clamp(50px,7vw,95px); line-height:.87; letter-spacing:-.06em; font-weight:950; } blockquote span { color:var(--blue); }
.manifesto>div>p { color:#999fa2; max-width:550px; line-height:1.8; font-size:15px; }
.dial { position:absolute; right:-90px; width:430px; height:430px; border:1px solid #ffffff19; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#ffffff12; font-size:105px; font-weight:900; letter-spacing:-.15em; }.dial b { color:#00a5fa25; font-size:170px; }.dial i { position:absolute; width:50%; height:1px; background:var(--blue); right:50%; transform:rotate(32deg); transform-origin:right; box-shadow:0 0 16px var(--blue); }
.listen-section { background:var(--blue); color:#061019; padding:100px 7vw 115px; display:grid; grid-template-columns:1fr 1.1fr; gap:7vw; align-items:center; }
.listen-copy>p { color:#00476c; }.listen-copy h2 { margin-bottom:0; }.listen-copy h2 span { color:white; }
.live-card { background:#050708; color:white; box-shadow:0 35px 80px #00354f80; }
.live-row { border-bottom:1px solid #ffffff19; padding:18px 23px; font-size:9px; letter-spacing:.2em; font-weight:900; }.live-row i { float:right; font-style:normal; color:#747b7e; }
.live-card-main { min-height:250px; padding:34px; display:grid; grid-template-columns:1fr auto; align-items:end; gap:30px; background:radial-gradient(circle at 82% 40%,#00476e 0,#05131b 25%,#050708 58%); }
.live-show-copy small { color:var(--blue); font-size:8px; letter-spacing:.25em; font-weight:900; }
.live-show-copy strong { display:block; margin:10px 0 8px; font-size:clamp(38px,4.6vw,68px); line-height:.78; letter-spacing:-.06em; font-weight:950; }
.live-show-copy p { margin:0; color:#fff; text-transform:uppercase; font-size:13px; font-weight:900; letter-spacing:.12em; }
.mixcloud-button { min-width:185px; padding:18px; display:flex; align-items:center; gap:14px; background:var(--blue); color:#051018; transition:.2s; }
.mixcloud-button:hover { background:#fff; transform:translateY(-3px); }
.mixcloud-play { width:42px; height:42px; border-radius:50%; background:#061019; position:relative; flex:none; }
.mixcloud-play:after { content:""; position:absolute; left:17px; top:13px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:12px solid var(--blue); }
.mixcloud-button small { display:block; font-size:7px; letter-spacing:.16em; font-weight:900; opacity:.7; }
.mixcloud-button b { display:block; margin-top:5px; font-size:17px; letter-spacing:.04em; }
.live-card-bottom { border-top:1px solid #ffffff19; padding:17px 23px; display:flex; justify-content:space-between; gap:20px; color:#8a9296; font-size:8px; font-weight:900; letter-spacing:.15em; }
footer { min-height:170px; padding:45px 7vw; display:flex; align-items:center; gap:55px; border-top:1px solid #ffffff15; }.footer-brand { margin-right:auto; }.footer-brand .brand-digits { font-size:46px; }footer p { color:#666d70; font-size:8px; letter-spacing:.25em; }
@media(max-width:900px){.menu-button{display:block;z-index:2}.nav{display:none;position:absolute;top:0;right:0;padding:95px 30px 35px;background:#050607;flex-direction:column;align-items:flex-start;width:250px}.nav.open{display:flex}.hero-copy{width:90%}.hero-numbers{right:-16vw;opacity:.7}.decade-grid{grid-template-columns:1fr}.decade-grid article{min-height:180px}.manifesto{grid-template-columns:1fr;padding:90px 8vw}.side-label{display:none}.dial{opacity:.5}.listen-section{grid-template-columns:1fr}.listen-copy h2{margin-bottom:45px}}
@media(max-width:560px){.site-header{height:76px}.brand-digits{font-size:44px}.brand-word{font-size:13px}.hero{min-height:700px;padding:115px 7vw 55px}.hero h1{font-size:60px}.hero-intro{font-size:13px}.hero-numbers{font-size:190px;top:34%;right:-24vw}.decades{padding:75px 6vw}.decade-grid article{padding:25px}.decade-number{font-size:110px}.manifesto{padding:75px 7vw;min-height:500px}.dial{width:300px;height:300px;right:-170px}.listen-section{padding:75px 6vw}.live-row i{display:none}.live-card-main{grid-template-columns:1fr;padding:25px 20px}.live-show-copy strong{font-size:48px}.mixcloud-button{width:100%}.live-card-bottom{flex-direction:column;gap:8px}footer{gap:20px;flex-wrap:wrap}.footer-brand{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.content-shell{min-height:70vh;padding:150px 7vw 90px;max-width:1100px;margin:auto}.content-shell h1{font-size:clamp(42px,7vw,82px);letter-spacing:-.05em}.entry-content{color:#c5c8ca;line-height:1.8}.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}