:root { --accent:#d9c38a; --rule:#3e4534; }
.radio-site { background:#030704; }
.radio-site .masthead { background:#040a08b0; }
.radio-hero { min-height:640px; height:78svh; }
.radio-hero::after { background:linear-gradient(90deg,#020603e8,#020603ad 45%,#02060333),linear-gradient(0deg,#030704,transparent 40%); }
.radio-hero .hero-content { padding-top:155px; max-width:1000px; }
.radio-hero h1 { font-size:clamp(110px,17vw,260px); font-weight:400; letter-spacing:.015em; color:#e2eedf; }
.station-name { font:12px/1.8 monospace; letter-spacing:.4em; text-transform:uppercase; color:#d9cda8; margin:0 0 26px; }
.radio-hero .lede { color:#b7c7b7; font-size:21px; }
.station-state { position:absolute; left:6%; bottom:30px; z-index:1; color:#b6c2aa; font:10px/1.8 monospace; letter-spacing:.08em; display:flex; align-items:center; gap:12px; }
.state-light { width:5px; height:5px; background:#aaa080; }
.station-state > span:not(.state-light) { color:#718376; }
.radio-site .research-note h2 { font-size:clamp(35px,4vw,60px); }
.radio-site .body-copy { color:#a9bcae; }
.station-dial { position:relative; margin:0 6% 70px; border-block:1px solid #3a4838; min-height:190px; overflow:hidden; }
.dial-lines { position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0 25px,#40644955 25px 26px); mask-image:linear-gradient(0deg,transparent,#000 48%,transparent); }
.dial-copy { position:relative; padding:35px 0; display:grid; grid-template-columns:1fr 1fr; column-gap:50px; align-items:center; background:linear-gradient(90deg,#030704,transparent); }
.dial-copy > span { color:#9dab89; font-size:56px; letter-spacing:.1em; grid-row:1/3; }
.dial-copy p { color:#d2dccb; font-size:20px; margin:0 0 15px; }
.dial-copy small { color:#95a38e; font-size:11px; }
@media(max-width:760px) { .radio-hero { height:660px; min-height:660px; } .radio-hero .hero-content { padding-top:150px; } .radio-hero h1 { font-size:clamp(95px,23vw,165px); } .station-name { font-size:10px; letter-spacing:.25em; } .radio-site .motion-control { bottom:70px; } .station-state { font-size:9px; gap:8px; } .dial-copy { grid-template-columns:1fr; gap:20px; } .dial-copy > span { grid-row:auto; } }