:root{color-scheme:dark;--bg:#111013;--panel:#17161b;--text:#f6f3e9;--muted:#bfbac6;--line:#3f3b48;--lime:#e0ff26;--lilac:#bba4f3;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--lilac);outline-offset:4px}
.shell{width:min(100% - 48px,1120px);margin-inline:auto}
.top,.foot{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px}
.top nav{display:flex;gap:clamp(16px,4vw,42px);font-size:.92rem}
.top a:hover,.foot a:hover,.text-link:hover{color:var(--lime)}
.brand{font-size:1.75rem;font-weight:900;letter-spacing:-.11em;line-height:1}
.dot{color:var(--lime)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.arrow{display:inline-block;width:.56em;height:.56em;position:relative;vertical-align:.16em;border-top:1.5px solid;border-right:1.5px solid;margin-left:.25em}
.arrow::after{content:"";position:absolute;top:-1px;right:-1px;width:.73em;height:1.5px;background:currentColor;transform-origin:right;transform:rotate(-45deg)}
.hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);min-height:510px;display:flex;align-items:center}
.hero-inner{position:relative;padding:56px clamp(24px,7vw,82px) 75px;width:100%}
.artist{background:radial-gradient(ellipse at 80% 35%,#372050 0%,#1c1428 32%,#111013 74%)}
.orbit{position:absolute;width:min(55vw,600px);aspect-ratio:1;right:-6%;top:50%;translate:0 -50%;rotate:-24deg;border-radius:50%;opacity:.8;background:repeating-radial-gradient(ellipse at 48% 49%,transparent 0 8px,#b69af83a 9px 10px,transparent 11px 17px);mask-image:linear-gradient(130deg,transparent 8%,#000 51%,transparent 96%);z-index:-1}
.eyebrow,.hero-index,.foot{font-family:var(--mono);font-size:.76rem;letter-spacing:.09em}
.eyebrow{margin:0 0 20px;color:var(--lime);font-weight:650}
h1{font-size:clamp(3.5rem,12vw,8.6rem);line-height:.92;letter-spacing:-.09em;margin:0;font-weight:900}
.artist h1 span{color:var(--lilac)}
.intro{font-size:clamp(1.05rem,2.6vw,1.43rem);max-width:480px;line-height:1.42;margin:24px 0 28px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;min-height:49px;align-items:center;gap:15px;padding:11px 17px;font-size:.94rem;font-weight:750;border:1px solid transparent}
.primary{background:var(--lime);color:#121310}
.primary:hover{background:#f0ff93}
.secondary{border-color:#797187;background:#171420}
.secondary:hover{background:#292039}
.hero-index{position:absolute;bottom:20px;right:22px;color:#ddd7e4}
.radio{background:linear-gradient(90deg,#090a0ced 0%,#090a0cbb 45%,#090a0c35 100%),url(bridge.webp) center 48%/cover no-repeat}
.radio-logo{display:block;width:min(66vw,264px);height:auto;mix-blend-mode:screen}
.radio .intro{margin:9px 0 24px;font-weight:650}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-top:0;background:var(--panel)}
.feature{padding:28px clamp(24px,5vw,55px) 34px}
.feature+ .feature{border-left:1px solid var(--line)}
.feature .eyebrow{margin-bottom:12px}
h2{font-size:clamp(1.35rem,3vw,2.1rem);letter-spacing:-.04em;line-height:1.1;margin:0 0 10px}
.feature p:not(.eyebrow){color:var(--muted);margin:0 0 14px;line-height:1.55;max-width:39ch}
.text-link{font-size:.9rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.foot{font-size:.7rem;color:var(--muted)}
@media(max-width:620px){
  .shell{width:calc(100% - 28px)}
  .top{min-height:64px}
  .top nav{gap:14px;font-size:.82rem}
  .hero{min-height:415px}
  .hero-inner{padding:43px 20px 56px}
  h1{font-size:clamp(3.25rem,12.3vw,5rem)}
  .artist h1 span{display:block}
  .orbit{width:86vw;right:-32%}
  .radio{background-position:62% center}
  .grid{grid-template-columns:1fr}
  .feature+ .feature{border-left:0;border-top:1px solid var(--line)}
  .foot{font-size:.63rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
