@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,600;1,500&display=swap');
:root{--black:#0d0c0b;--paper:#e8e0d2;--cream:#f5efe5;--red:#b03f2f;--violet:#332b55;--line:rgba(255,255,255,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:Manrope,Arial,sans-serif}
a{color:inherit}
.live-header{min-height:82px;padding:22px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}
.live-header a{text-decoration:none;border-bottom:1px solid transparent;padding-bottom:5px}
.live-header a:hover,.live-header a:focus-visible{border-color:currentColor}
.hero{min-height:78vh;padding:12vh 7vw 8vh;display:grid;grid-template-columns:1fr auto;gap:8vw;align-items:end;background:linear-gradient(90deg,rgba(13,12,11,.96),rgba(13,12,11,.34)),url('assets/home-studio-large.jpg') center/cover}
.hero-copy{max-width:1050px}
.eyebrow,.number{text-transform:uppercase;letter-spacing:.17em;font-size:.68rem;font-weight:600}
h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:.98}
h1{font-size:clamp(4rem,8vw,9rem);margin:.2em 0}
.hero-copy>p:last-child{max-width:680px;font-size:1.08rem;line-height:1.8}
.signal{min-width:210px;padding:22px;border:1px solid var(--line);background:rgba(13,12,11,.72);display:flex;gap:15px;align-items:center}
.signal-dot{width:12px;height:12px;border-radius:50%;background:#777;box-shadow:0 0 0 7px rgba(255,255,255,.06)}
.signal small,.signal strong{display:block}.signal small{text-transform:uppercase;letter-spacing:.14em;font-size:.58rem;opacity:.65}.signal strong{margin-top:6px;font-size:.9rem}
.broadcasts{padding:8vw 7vw;background:var(--paper);color:#171411}
.broadcasts article{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:center;padding:0 0 9vw}
.broadcasts article+article{padding:9vw 0 0;border-top:1px solid rgba(0,0,0,.2)}
.screen{position:relative;min-height:520px;background:#000;overflow:hidden}
.screen img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;filter:grayscale(1) brightness(.38)}
.screen-state{position:absolute;inset:0;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;text-align:center;padding:25px;color:#fff}
.screen-state span{width:13px;height:13px;border-radius:50%;background:#777}
.screen-state strong{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em}
.broadcast-copy h2,.programme h2,.after-live h2{font-size:clamp(2.7rem,5vw,5.8rem);margin:.25em 0}
.broadcast-copy>p:not(.number){line-height:1.8}
.number{color:var(--red)}
.radio-art{min-height:470px;padding:55px;background:var(--violet);display:flex;flex-direction:column;justify-content:center}
.radio-art>p{text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;margin-top:45px}
.radio-art>strong{font:500 clamp(2.4rem,5vw,5rem)/1 "Playfair Display",serif}
.wave{height:160px;display:flex;align-items:center;gap:13px}
.wave i{display:block;width:4px;background:#c7b7ff;height:18%}
.wave i:nth-child(2),.wave i:nth-child(8){height:40%}.wave i:nth-child(3),.wave i:nth-child(7){height:68%}.wave i:nth-child(4),.wave i:nth-child(6){height:92%}.wave i:nth-child(5){height:55%}
audio{width:100%;margin-top:30px}
.programme{padding:9vw 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#191715}
.programme-copy{align-self:end;line-height:1.8}.programme-copy a,.archive-link{display:inline-block;margin-top:25px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}
.after-live{padding:9vw 7vw;background:#b7ad9d;color:#171411}
.after-live h2{max-width:900px}
.after-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,.24);margin-top:55px}
.after-grid p{margin:0;padding:35px;background:#b7ad9d;line-height:1.7}
.after-grid span{display:block;color:var(--red);font-size:.68rem;margin-bottom:35px}
footer{padding:36px 7vw;display:flex;justify-content:space-between;color:#aaa39a;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:820px){.live-header strong{display:none}.hero{min-height:88vh;padding:14vh 6vw 8vh;grid-template-columns:1fr}.signal{width:100%}.broadcasts{padding:80px 6vw}.broadcasts article{grid-template-columns:1fr;padding-bottom:80px}.broadcasts article+article{padding-top:80px}.screen,.screen img{min-height:56vh}.radio-art{min-height:380px;padding:38px}.programme,.after-live{padding:80px 6vw}.programme{grid-template-columns:1fr}.after-grid{grid-template-columns:1fr}footer{gap:20px;flex-direction:column}}