*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#090908;color:#f7f2e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#d8b66a 0.45px,transparent .45px);background-size:7px 7px;z-index:-1}
a{text-decoration:none;color:inherit}
.site-header{height:76px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(216,182,106,.16);background:rgba(9,9,8,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}
.brand{font-weight:850;letter-spacing:-.5px;font-size:18px}.brand span span,footer span{color:#d8b66a}.brand-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d8b66a;box-shadow:0 0 14px #d8b66a;margin-right:9px}
nav{display:flex;gap:28px;align-items:center;color:#a9a397;font-size:13px;font-weight:650}nav a:hover{color:#fff}.nav-live{border:1px solid rgba(216,182,106,.38);padding:11px 17px;border-radius:999px;color:#f4eee1}
.hero{min-height:760px;position:relative;overflow:hidden;padding:105px 10% 90px;background:radial-gradient(circle at 75% 35%,rgba(216,182,106,.10),transparent 28%),radial-gradient(circle at 20% 80%,rgba(119,83,35,.12),transparent 32%)}
.hero-copy{max-width:720px;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:3px;color:#d8b66a;font-weight:800}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d8b66a;box-shadow:0 0 10px #d8b66a;margin-right:8px}
h1{font-size:clamp(58px,7.5vw,116px);line-height:.88;letter-spacing:-6px;margin:30px 0;color:#f8f4eb}h1 em{font-family:Georgia,serif;color:#d8b66a;font-weight:500;letter-spacing:-5px}
.intro{max-width:610px;color:#a9a397;font-size:16px;line-height:1.8}.actions{display:flex;gap:12px;margin-top:30px}.btn{padding:14px 21px;border-radius:10px;font-size:13px;font-weight:800}.primary{background:linear-gradient(135deg,#e5c875,#a97b2d);color:#16130c;box-shadow:0 10px 30px rgba(216,182,106,.18)}.secondary{border:1px solid rgba(216,182,106,.27);background:rgba(255,255,255,.03)}
.micro{display:flex;gap:20px;margin-top:25px;color:#6f6b63;font-size:10px;letter-spacing:1px}
.hero-art{position:absolute;right:10%;top:105px;width:500px;height:450px}.moon{position:absolute;right:100px;top:15px;width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,#fff2c8,#d8b66a);box-shadow:0 0 50px rgba(216,182,106,.25)}
.radio-card{position:absolute;right:90px;top:90px;width:290px;height:275px;border:1px solid rgba(216,182,106,.3);border-radius:22px;transform:rotate(-4deg);background:linear-gradient(145deg,rgba(48,44,35,.9),rgba(16,16,14,.88));padding:27px;box-shadow:0 30px 80px rgba(0,0,0,.45)}.tiny{font-size:9px;color:#8c877c;letter-spacing:2px}.tiny span{float:right}.freq{font-size:61px;font-weight:900;margin-top:40px}.freq span{color:#d8b66a}.station{font-size:10px;letter-spacing:5px;color:#d8b66a;margin-top:8px}.dial{height:2px;background:linear-gradient(90deg,#d8b66a,#fff0bd);margin-top:25px;position:relative}.dial i{position:absolute;right:31%;top:-5px;width:12px;height:12px;border:2px solid #d8b66a;border-radius:50%;background:#171510}
.vinyl{position:absolute;right:10px;bottom:35px;width:170px;height:170px;border-radius:50%;background:repeating-radial-gradient(circle,#050505 0 2px,#171717 3px 4px);box-shadow:0 20px 50px #000}.vinyl div{position:absolute;inset:52px;border-radius:50%;background:linear-gradient(135deg,#e5c875,#8f5f22);display:grid;place-items:center;font-size:11px;font-weight:900}
.now-bar{position:absolute;left:22%;right:22%;bottom:52px;min-height:76px;border:1px solid rgba(216,182,106,.3);border-radius:18px;background:rgba(15,14,12,.84);backdrop-filter:blur(15px);display:flex;align-items:center;gap:25px;padding:15px 22px}.np-label{display:flex;gap:10px;align-items:center;color:#d8b66a;font-size:9px;letter-spacing:2px}.track-info{flex:1}.track-info strong{display:block;font-size:14px}.track-info small{display:block;color:#777269;font-size:10px;margin-top:5px}.now-bar audio{width:290px;height:38px}
.music-section{padding:110px 10%;background:#0b0a08;border-top:1px solid rgba(216,182,106,.08)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2,.about h2{font-size:42px;letter-spacing:-2px;margin:12px 0}.section-heading p{color:#777269;font-size:13px}.track-grid{display:grid;gap:10px;max-width:1000px}.track-card{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025)}.track-card.active{border-color:rgba(216,182,106,.3)}.track-no{color:#d8b66a;font-size:11px;letter-spacing:2px}.track-card h3{margin:0;font-size:15px}.track-card p{margin:6px 0 0;color:#777269;font-size:11px}.track-card>div:nth-child(2){flex:1}.mini-play{border:1px solid rgba(216,182,106,.35);background:transparent;color:#d8b66a;border-radius:50%;width:38px;height:38px;cursor:pointer}.coming{font-size:9px;color:#777269;letter-spacing:2px}
.about{padding:100px 10%;background:radial-gradient(circle at 50% 0,rgba(216,182,106,.08),transparent 35%)}.about-card{max-width:800px}.about p{max-width:650px;color:#8f897f;line-height:1.8}
footer{border-top:1px solid rgba(216,182,106,.12);padding:35px 5.5%;display:flex;justify-content:space-between;color:#6f6a61;font-size:10px}footer strong{color:#eee;font-size:13px}footer a{color:#d8b66a}
@media(max-width:900px){nav a:not(.nav-live){display:none}.hero{padding:80px 7% 180px}.hero-art{opacity:.28;right:-120px}.now-bar{left:7%;right:7%;flex-wrap:wrap}.now-bar audio{width:100%}.music-section,.about{padding-left:7%;padding-right:7%}.section-heading{display:block}.section-heading p{margin-top:0}h1{letter-spacing:-4px}}
@media(max-width:600px){h1{font-size:58px}.micro{flex-direction:column;gap:8px}.hero{min-height:780px}.hero-art{display:none}.now-bar{bottom:35px}.now-bar audio{height:40px}footer{flex-direction:column;gap:14px}}