:root{--bg:#090907;--bg2:#11110e;--ink:#f5f3ed;--muted:#aaa89f;--gold:#c79a45;--line:rgba(199,154,69,.30);--panel:rgba(255,255,255,.035);--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.shell{width:min(calc(100% - 48px),var(--max));margin:auto}.topbar{position:absolute;z-index:20;left:0;right:0;top:0;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(#080808c7,transparent)}.topbar .inner{height:88px;display:flex;align-items:center;justify-content:space-between}.brand img{width:154px;height:56px;object-fit:contain;object-position:left center}.nav{display:flex;gap:32px;align-items:center;color:#d8d5cc;font-size:.82rem;letter-spacing:.15em;text-transform:uppercase}.nav a:hover{color:var(--gold)}.hero{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060606 0%,#070707df 30%,transparent 62%),linear-gradient(0deg,#090907 0%,transparent 34%)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.93}.hero-content{position:relative;z-index:3;padding-top:80px;width:min(620px,55%)}.eyebrow{color:var(--gold);font-weight:700;letter-spacing:.24em;text-transform:uppercase;font-size:.72rem}.hero h1{font-size:clamp(4rem,7vw,7rem);line-height:.88;margin:14px 0 18px;letter-spacing:-.055em}.genre{font-size:clamp(1.05rem,1.7vw,1.5rem);letter-spacing:.42em;color:var(--gold);text-transform:uppercase;margin:0 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--gold);border-radius:3px;font-size:.78rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;transition:.2s}.btn.primary{background:var(--gold);color:#111}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}section{padding:84px 0}.release{position:relative;overflow:hidden;background:#0e0e0b;border-bottom:1px solid var(--line)}.release-bg{position:absolute;inset:-25%;background:center/cover no-repeat;filter:blur(36px) brightness(.27) saturate(.8);opacity:.65;transform:scale(1.1)}.release::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080907 0%,rgba(8,9,7,.86) 56%,rgba(8,9,7,.45))}.release-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:72px;align-items:center}.cover{aspect-ratio:1;border-radius:4px;box-shadow:0 30px 80px #0009;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.release h2{font-size:clamp(2.6rem,5vw,5.2rem);line-height:.95;margin:12px 0 10px;letter-spacing:-.045em}.date{color:#ddd9cc;font-size:1.08rem;margin:0 0 30px}.platforms{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.platform-link{display:flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.15);background:#090909a6;padding:11px 14px;border-radius:4px;font-size:.78rem}.platform-link img{width:23px;height:23px}.platform-link:hover{border-color:var(--gold)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}.section-head h2{font-size:clamp(2rem,3.2vw,3.4rem);margin:0;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted)}.discography{background:linear-gradient(#090907,#0d0d0a)}.album-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.album-card{min-width:0}.album-art{aspect-ratio:1;overflow:hidden;border-radius:4px;background:#151510;position:relative}.album-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.album-card:hover .album-art img{transform:scale(1.025)}.album-meta{padding:15px 2px 0}.album-meta h3{font-size:1rem;line-height:1.25;margin:0 0 4px}.album-meta .year{color:var(--muted);font-size:.86rem}.mini-platforms{display:flex;gap:10px;margin-top:12px}.mini-platforms a{width:29px;height:29px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;background:#111}.mini-platforms a:hover{border-color:var(--gold)}.mini-platforms img{width:17px;height:17px}.more-link{display:inline-block;color:var(--gold);font-size:.78rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin-top:38px}.footer{border-top:1px solid rgba(255,255,255,.08);padding:36px 0;background:#070705}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8f8d85;font-size:.8rem}.socials{display:flex;gap:18px}.socials a:hover{color:var(--gold)}
/* album page */.album-page .topbar{position:relative;background:#080806}.album-hero{position:relative;overflow:hidden;padding:68px 0 78px;border-bottom:1px solid var(--line)}.album-hero-bg{position:absolute;inset:-25%;filter:blur(44px) brightness(.25);background:center/cover no-repeat;opacity:.72}.album-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080806e8,#080806aa)}.album-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:360px 1fr;gap:64px;align-items:center}.album-hero h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.92;letter-spacing:-.05em;margin:11px 0}.album-hero .available{font-size:1.1rem;color:#ddd9cf;margin:0 0 26px}.follow{margin-top:25px}.follow-label{font-size:.72rem;letter-spacing:.18em;color:var(--gold);font-weight:800;margin-bottom:12px}.featured{padding:70px 0;background:#10100d;border-bottom:1px solid rgba(255,255,255,.08)}.featured-grid{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:58px}.featured h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin:8px 0 12px}.featured p{color:var(--muted);margin:0}.player-card{background:#0a0a08;border:1px solid rgba(255,255,255,.12);padding:24px;border-radius:6px}.audio-ui{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center}.play{width:48px;height:48px;border-radius:50%;border:1px solid var(--gold);background:transparent;color:var(--ink);cursor:pointer;font-size:1rem}.play:hover{background:var(--gold);color:#111}.timeline{height:4px;background:#30302c;position:relative;cursor:pointer}.progress{position:absolute;inset:0 auto 0 0;width:0;background:var(--gold)}.time{font-variant-numeric:tabular-nums;font-size:.75rem;color:#aaa}.tracklist{padding:80px 0 96px}.tracklist h2{font-size:clamp(2rem,3vw,3.2rem);margin:0 0 8px}.tracklist .intro{color:var(--muted);margin:0 0 34px}.track{display:grid;grid-template-columns:46px minmax(160px,1.2fr) minmax(260px,1.7fr) 44px;align-items:center;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.09)}.track:last-child{border-bottom:1px solid rgba(255,255,255,.09)}.track-num{color:var(--gold);font-size:.78rem}.track-name{font-weight:650}.track-duration{text-align:right;color:#8e8b83;font-size:.8rem}.track .audio-ui{grid-template-columns:38px 1fr auto;gap:11px}.track .play{width:38px;height:38px}.track .time{font-size:.7rem}.back-link{display:inline-block;margin-bottom:22px;color:var(--gold);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1050px){.album-grid{grid-template-columns:repeat(2,1fr);gap:36px}.hero-content{width:60%}.release-inner{gap:44px}.album-hero-inner{grid-template-columns:300px 1fr}.featured-grid{grid-template-columns:1fr}.track{grid-template-columns:38px 1fr 1.3fr 40px}}
@media(max-width:720px){.shell{width:min(calc(100% - 32px),var(--max))}.topbar .inner{height:70px}.brand img{width:115px;height:42px}.nav{gap:15px;font-size:.68rem}.nav a:nth-child(2){display:none}.hero{min-height:700px;align-items:end}.hero-bg{object-position:61% center}.hero::before{background:linear-gradient(0deg,#080806 0%,#080806e8 34%,#0808063d 70%,#0808062b),linear-gradient(90deg,#080806aa,transparent)}.hero-content{width:100%;padding:0 0 70px}.hero h1{font-size:4rem}.genre{font-size:.95rem;letter-spacing:.26em}.actions .btn{flex:1;padding:0 12px}section{padding:62px 0}.release-inner{grid-template-columns:1fr;gap:30px}.release .cover{max-width:440px;margin:auto}.release h2{font-size:3rem}.platforms{gap:9px}.platform-link{padding:9px 10px}.album-grid{grid-template-columns:1fr;gap:42px}.album-art{width:100%}.album-meta h3{font-size:1.15rem}.footer-inner{align-items:flex-start;flex-direction:column}.album-hero{padding:42px 0 58px}.album-hero-inner{grid-template-columns:1fr;gap:32px}.album-hero .cover{max-width:430px;margin:auto}.album-hero h1{font-size:3.4rem}.featured{padding:56px 0}.tracklist{padding:60px 0}.track{grid-template-columns:34px 1fr 40px;gap:12px}.track .audio-ui{grid-column:2/4;width:100%;margin-top:2px}.track-duration{grid-column:3;grid-row:1}.track-num{grid-row:1}.track-name{grid-row:1}.section-head{align-items:start;flex-direction:column;margin-bottom:28px}}

/* v2 responsive corrections */
.album-card{display:flex;flex-direction:column;min-width:0}
.album-art{display:block;width:100%;flex:0 0 auto}
.album-meta{display:block;position:relative;z-index:2;flex:0 0 auto;background:transparent}
.upcoming-label{color:var(--gold)!important;font-weight:750;text-transform:uppercase;letter-spacing:.06em}

/* Keep every album's metadata and platform links attached to its cover */
@media(max-width:1050px){
  .album-card{break-inside:avoid;margin:0}
  .album-meta{padding-top:14px;padding-bottom:2px}
  .mini-platforms{display:flex!important;visibility:visible!important;opacity:1!important;margin-top:12px;min-height:36px;align-items:center}
  .mini-platforms a{width:36px;height:36px;flex:0 0 36px}
  .mini-platforms img{width:19px;height:19px}
}

/* Desktop hero: preserve the lower-left member instead of cropping from the bottom */
@media(min-width:1051px){
  .hero-bg{object-position:center bottom}
}

/* Tablet hero: keep the useful framing, shrink controls so they don't cover faces */
@media(min-width:721px) and (max-width:1050px){
  .hero{min-height:660px}
  .hero-bg{object-position:center bottom}
  .hero-content{width:52%;padding-top:64px;transform:translateY(-18px)}
  .hero h1{font-size:clamp(3.2rem,6vw,4.7rem)}
  .genre{font-size:.98rem;margin-bottom:24px}
  .hero .btn{min-height:42px;padding:0 15px;font-size:.68rem}
  .hero .actions{gap:9px}
}

/* Phone hero: show the complete group photo instead of forcing a landscape photo to fill portrait space. */
@media(max-width:720px){
  .hero{min-height:0;display:block;padding-top:70px;background:#080806}
  .hero-bg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;opacity:1}
  .hero::before{background:linear-gradient(0deg,#080806 0%,transparent 42%);z-index:1;top:70px;height:auto;aspect-ratio:16/9}
  .hero .shell{position:relative;z-index:3}
  .hero-content{width:100%;padding:24px 0 42px;transform:none}
  .hero h1{font-size:clamp(2.7rem,13vw,3.65rem);margin:0 0 12px;line-height:.92}
  .genre{font-size:.82rem;letter-spacing:.23em;margin:0 0 22px}
  .hero .actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .hero .actions .btn{flex:none;width:100%;min-height:44px;padding:0 14px;font-size:.71rem}
  .album-grid{gap:54px}
  .album-card{display:flex;flex-direction:column;width:100%;overflow:visible}
  .album-art{display:block;width:100%;aspect-ratio:1}
  .album-meta{display:block;width:100%;padding:14px 2px 0;min-height:auto}
  .album-meta h3{margin-bottom:5px}
  .album-meta .year{display:block;margin-bottom:0}
  .mini-platforms{display:flex!important;visibility:visible!important;opacity:1!important;margin:13px 0 0;min-height:38px}
  .mini-platforms a{width:38px;height:38px;flex:0 0 38px}
  .mini-platforms img{width:20px;height:20px}
}

/* v3 corrections: desktop hero preserves full group photo without breaking approved tablet/mobile */
@media(min-width:1051px){
  .hero{min-height:720px;background:#050505}
  .hero-bg{object-fit:contain;object-position:center center;background:#050505}
}