@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;600;700&family=Playfair+Display:ital,wght@1,800&display=swap');:root{--ink:#10100f;--paper:#f1eee5;--lime:#c8ff31;--orange:#ff5b35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc9bf}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font:14px 'Archivo Black'}.brand i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-style:normal;transform:rotate(-7deg);font-size:12px}.brand b,.eyebrow{color:var(--orange)}nav{display:flex;gap:35px}nav a,.textbtn{text-decoration:none;color:inherit;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em}.textbtn{border:0;background:none}.hero{min-height:680px;padding:85px 7vw;display:grid;grid-template-columns:1.15fr .7fr;gap:8vw;align-items:center;background:var(--ink);color:#fff}.live{display:inline-flex;align-items:center;gap:8px;border:1px solid #444;border-radius:30px;padding:8px 12px;font-size:9px;letter-spacing:.13em;font-weight:800}.live i,.onair i{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:pulse 1.3s infinite}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:900;margin:25px 0 16px}.hero h1,.shows h2,.played h2,.request h2,.host h2,.modal h2{font:clamp(52px,7vw,105px)/.85 'Archivo Black';letter-spacing:-.07em;margin:0}.hero h1 em,.shows h2 em,.played h2 em,.request h2 em,.host h2 em,.modal h2 em{font-family:'Playfair Display';color:var(--lime)}.intro{color:#aaa;max-width:500px;line-height:1.6;margin:30px 0}.actions{display:flex;align-items:center;gap:24px}.primary{border:0;background:var(--lime);padding:18px 23px;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:7px 7px 0 var(--orange)}.actions span{font-size:10px;color:#aaa}.player{background:#1b1b19;border:1px solid #393935;padding:24px;box-shadow:16px 16px 0 #080808}.onair{display:flex;justify-content:space-between;color:var(--orange);font-size:9px;font-weight:900}.disc{height:230px;display:flex;align-items:center;justify-content:center;position:relative}.disc>span{position:absolute;right:5px;bottom:20px;font-size:9px;color:#777}.disc>span b{color:var(--lime);font-size:18px}.vinyl{width:185px;height:185px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-radial-gradient(circle,#171717 0 4px,#292927 5px 7px);animation:spin 8s linear infinite;animation-play-state:paused}.playing .vinyl{animation-play-state:running}.vinyl b{width:68px;height:68px;border-radius:50%;background:var(--orange);color:#111;display:grid;place-items:center;font:20px 'Archivo Black'}.vinyl small{margin-top:-18px;color:#111}.player>small{color:var(--orange);font-weight:900;font-size:8px}.player h2{font-size:22px;margin:7px 0 2px}.player p{color:#888;font-size:12px;margin:0}.wave{height:48px;display:flex;align-items:center;gap:3px;border-bottom:1px solid #333;margin:12px 0}.wave i{width:3px;background:var(--lime);transform:scaleY(.3)}.playing .wave i{animation:wave .75s infinite alternate}.controls{display:flex;align-items:center;gap:15px}.controls button{border:0;background:none;color:#fff;font-size:9px}.controls button:first-child{border-radius:50%;background:var(--lime);color:#111;width:38px;height:38px}.controls input{flex:1;accent-color:var(--lime)}.ticker{height:46px;background:var(--lime);display:flex;align-items:center;justify-content:space-around;white-space:nowrap;overflow:hidden;font-size:9px;font-weight:900;letter-spacing:.13em}.ticker b{color:var(--orange)}.shows,.played,.request{padding:105px 7vw}.heading{display:grid;grid-template-columns:1fr 320px;align-items:end;gap:60px;margin-bottom:60px}.shows h2,.played h2,.request h2{font-size:clamp(45px,5.6vw,78px)}.shows h2 em,.played h2 em{color:var(--orange)}.heading>p{color:#716f68;line-height:1.6}.schedule{border-top:1px solid #bbb8ae}.schedule article{display:grid;grid-template-columns:100px 1fr auto;align-items:center;padding:26px 20px;border-bottom:1px solid #c5c2b8}.schedule article:hover,.schedule .active{background:var(--ink);color:#fff;padding-left:30px}.schedule h3{margin:0}.schedule p{margin:5px 0 0;color:#888;font-size:11px}.schedule span{background:var(--orange);padding:7px 9px;font-size:8px;font-weight:900}.played{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;background:#d9d4c8}.played blockquote{display:flex;align-items:center;gap:14px;margin:50px 0 0}.played blockquote i{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lime);font:12px 'Archivo Black'}.played blockquote p{font-size:11px}.tracklist{border-top:1px solid #aaa69c}.tracklist article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:20px 5px;border-bottom:1px solid #aaa69c}.tracklist h3{margin:0;font-size:16px}.tracklist p,.tracklist small,.tracklist time{font-size:10px;color:#716f68}.tracklist p{margin:4px 0 0}.request{background:var(--orange);display:grid;grid-template-columns:1fr 1fr;gap:7vw}.request .eyebrow{color:var(--ink)}.request h2 em{color:var(--paper)}.request form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.request label{font-size:9px;text-transform:uppercase;font-weight:900}.request input,.request textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #111;padding:13px 0;outline:0}.request textarea{height:75px;resize:none}.wide{grid-column:1/-1}.request form button{border:0;background:var(--ink);color:#fff;padding:17px;font-size:10px;font-weight:900}.host{padding:70px 7vw;background:var(--lime);display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:35px}.host>i{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--orange);font-size:35px}.host h2{font-size:clamp(38px,4vw,58px)}.host h2 em{color:var(--orange)}.host button{border:0;background:var(--ink);color:#fff;padding:19px 24px;font-size:9px;font-weight:900}footer{padding:35px 7vw;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between}footer p,footer small{color:#777;font-size:10px}.backdrop{position:fixed;inset:0;background:#000c;z-index:2000;display:grid;place-items:center;padding:20px}.backdrop[hidden]{display:none}.modal{width:min(680px,100%);background:var(--paper);padding:50px;position:relative;box-shadow:12px 12px 0 var(--lime)}.modal .live{color:var(--orange)}.modal h2{font-size:56px;margin:22px 0}.modal h2 em{color:var(--orange)}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:30px}.studioGrid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #bbb;margin-top:28px}.studioGrid div{padding:17px;border-right:1px solid #bbb}.studioGrid div:last-child{border:0}.studioGrid small{display:block;color:#888;font-size:8px;margin-bottom:7px}.studioGrid b{font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{transform:scaleY(1)}}@keyframes pulse{50%{opacity:.3}}@media(max-width:850px){nav{display:none}.hero,.heading,.played,.request{grid-template-columns:1fr}.hero{padding-top:60px}.heading{gap:20px}.played,.request{gap:60px}.host{grid-template-columns:65px 1fr}.host button{grid-column:1/-1}}@media(max-width:560px){header{height:70px}.textbtn{font-size:0}.textbtn::after{content:'↗';font-size:18px}.hero,.shows,.played,.request{padding:65px 20px}.hero h1{font-size:52px}.actions{align-items:flex-start;flex-direction:column}.player{padding:18px}.schedule article{grid-template-columns:70px 1fr}.request form{grid-template-columns:1fr}.request label{grid-column:1}.host{padding:50px 20px;grid-template-columns:55px 1fr;gap:18px}.host>i{width:55px;height:55px}.host h2{font-size:38px}footer{align-items:flex-start;flex-direction:column;gap:20px}.modal{padding:40px 22px}.modal h2{font-size:42px}.studioGrid{grid-template-columns:1fr}.studioGrid div{border-right:0;border-bottom:1px solid #bbb}}