/* MRE layout polish V1 — tighter rhythm after display-type reduction. */
:root{
  --content:1180px;
  --wide:1420px;
  --section-y:clamp(54px,5.6vw,82px);
}

/* Hero: premium, cinematic, but no longer oversized. */
.hero-poster{
  min-height:clamp(560px,78svh,720px)!important;
  grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr)!important;
}
.hero-copy{
  padding-left:clamp(24px,4.4vw,60px)!important;
  padding-right:clamp(24px,4.4vw,60px)!important;
  padding-bottom:clamp(34px,4vw,54px)!important;
}
.hero-lead{max-width:34rem!important;margin-top:21px!important}
.hero-actions{margin-top:23px!important}
.hero-player{
  min-height:82px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}

/* Selected music: editorial rather than giant dashboard tiles. */
.catalog-head{margin-bottom:clamp(28px,3vw,42px)!important}
.track-grid{
  grid-auto-rows:minmax(176px,auto)!important;
  gap:11px!important;
}
.track-card{
  min-height:188px!important;
  padding:clamp(18px,2vw,24px)!important;
}
.track-card:nth-child(1){min-height:365px!important}

/* Seven-track catalog: explicit placement prevents new cards collapsing into 1/12 grid columns. */
.track-card:nth-child(6){
  grid-column:1/7;
  grid-row:4;
  min-height:252px!important;
  background:
    radial-gradient(circle at 100% 0%,var(--track-glow,rgba(130,166,255,.16)),transparent 42%),
    linear-gradient(150deg,#0d1321,#080a10);
}
.track-card:nth-child(7){
  grid-column:7/13;
  grid-row:4;
  min-height:252px!important;
  background:
    radial-gradient(circle at 100% 0%,var(--track-glow,rgba(157,140,255,.16)),transparent 42%),
    linear-gradient(150deg,#151027,#08090f);
}
.track-card:nth-child(6) h3,
.track-card:nth-child(7) h3{
  max-width:88%;
}
.track-card h3{margin:clamp(18px,2vw,26px) 0 8px!important}
.track-foot{margin-top:18px!important;padding-top:11px!important}
.track-card::before{font-size:clamp(54px,5vw,74px)!important;top:-14px!important}
.track-card:focus-visible{
  outline:none;
  border-color:rgba(192,192,192,.82)!important;
  box-shadow:0 0 0 2px rgba(255,104,26,.35),0 20px 52px rgba(0,0,0,.28)!important;
}

/* Brand bridge: strong visual beat, not a full-screen billboard. */
.brand-break{
  padding-top:clamp(50px,5vw,70px)!important;
  padding-bottom:clamp(50px,5vw,70px)!important;
  gap:clamp(34px,4.5vw,68px)!important;
}
.brand-break h2{margin:14px 0 16px!important}
.brand-break img{max-height:290px!important;width:min(100%,390px)!important}

/* Story and sync: reduce dead air while preserving readable copy. */
.story-grid{gap:clamp(30px,4.3vw,54px)!important}
.story-media{aspect-ratio:5/6!important;max-height:650px}
.story-copy h2{margin-bottom:20px!important}
.story-lead{margin-bottom:16px!important}
.story-signature{margin-top:26px!important;padding-top:11px!important}
.sync-title-row{margin-bottom:24px!important;gap:clamp(24px,3.6vw,44px)!important}
.sync-pills{margin-bottom:22px!important}
.sync-row{padding-top:13px!important;padding-bottom:13px!important}
.sync-row span{text-transform:none!important}
.sync-row button{min-height:38px}
.sync-cta{margin-top:22px!important}

/* Connect: compact closing section, clearer hierarchy. */
.connect-top{margin-bottom:34px!important;padding-bottom:20px!important}
.connect-grid{gap:clamp(30px,4vw,50px)!important}
.email-form{margin-top:21px!important}
.inquiry-form{margin-top:20px!important;gap:15px!important}
.form-row{gap:13px!important}
.footer{
  min-height:82px!important;
  padding-top:18px!important;
  padding-bottom:18px!important;
  text-transform:none!important;
}
.footer span:nth-child(2){text-transform:uppercase}

/* Consistent keyboard focus. */
.button:focus-visible,
.feature-play:focus-visible,
.sync-cta:focus-visible,
.sync-row button:focus-visible,
.email-form button:focus-visible,
.track-panel button:focus-visible,
.track-panel a:focus-visible{
  outline:2px solid rgba(192,192,192,.88);
  outline-offset:4px;
}

@media(max-width:1180px){
  .hero-poster{min-height:540px!important}
  .track-card:nth-child(1){min-height:340px!important}
}

@media(max-width:900px){
  :root{--section-y:60px}
  .site-nav{
    inset:var(--header) 0 auto!important;
    padding:10px 16px 18px!important;
    gap:0!important;
    background:rgba(3,5,10,.97)!important;
    border-bottom:1px solid rgba(215,220,230,.13)!important;
    box-shadow:0 22px 48px rgba(0,0,0,.34);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .site-nav a{
    min-height:46px;
    display:flex;
    align-items:center;
    border-top:1px solid rgba(215,220,230,.09);
    font-size:13px!important;
    letter-spacing:.04em!important;
  }
  .site-nav a:first-child{border-top:0}
  .site-nav a:after{bottom:5px!important}
  .menu-toggle{width:40px;height:40px}
  .hero-poster{min-height:0!important;grid-template-columns:1fr!important}
  .hero-copy{padding-bottom:36px!important}
  .hero-visual{aspect-ratio:16/9!important}
  .track-card,.track-card:nth-child(1){min-height:205px!important}
  .track-card:nth-child(6),
  .track-card:nth-child(7){
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:205px!important;
  }
  .track-card:nth-child(6) h3,
  .track-card:nth-child(7) h3{max-width:100%}
  .brand-break{gap:25px!important}
  .story-media{aspect-ratio:16/10!important;max-height:none}
  .sync-row button{min-height:42px}
}

@media(max-width:720px){
  :root{--section-y:52px}
  .hero-copy{padding-left:18px!important;padding-right:18px!important;padding-bottom:31px!important}
  .hero-lead{margin-top:18px!important}
  .hero-actions{margin-top:20px!important}
  .hero-visual{aspect-ratio:4/3!important}
  .hero-player{min-height:76px!important}
  .feature-play{width:46px!important;height:46px!important}
  .player-wave{height:20px!important}
  .catalog-head{margin-bottom:27px!important}
  .track-card,.track-card:nth-child(1){min-height:188px!important;padding:18px!important}
  .track-card:nth-child(6),
  .track-card:nth-child(7){
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:188px!important;
    padding:18px!important;
  }
  .brand-break{padding-top:46px!important;padding-bottom:46px!important}
  .brand-break img{max-height:220px!important;width:min(74vw,285px)!important}
  .connect-top{margin-bottom:30px!important}
  .sync-row{min-height:58px}
  .sync-row button{min-height:44px;padding-inline:6px!important}
  .email-form button{min-height:44px}
  .footer{gap:8px!important}
  .footer img{width:74px!important}
  .footer span:last-child{font-size:9px;line-height:1.55}
}


/* Current release: clear starting point without turning the catalog into a streaming-service clone. */
.current-release{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(215,220,230,.09);
  background:
    radial-gradient(circle at 14% 18%,rgba(255,104,26,.13),transparent 32%),
    linear-gradient(180deg,#06080d 0%,#040509 100%);
}
.current-release::before{
  content:"CURRENT RELEASE";
  position:absolute;
  right:-1.5vw;
  top:50%;
  transform:translateY(-50%);
  color:rgba(192,192,192,.035);
  font:800 clamp(72px,11vw,170px)/.85 Manrope,Inter,sans-serif;
  letter-spacing:-.07em;
  white-space:nowrap;
  pointer-events:none;
}
.current-release-shell{
  position:relative;
  z-index:1;
  width:min(100%,var(--content));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  gap:clamp(34px,5vw,78px);
  align-items:center;
}
.current-release-art{
  width:min(100%,430px);
  aspect-ratio:1;
  padding:1px;
  border:1px solid rgba(192,192,192,.25);
  background:linear-gradient(145deg,rgba(192,192,192,.42),rgba(255,255,255,.04) 35%,rgba(255,104,26,.32));
  box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 60px rgba(255,104,26,.08);
}
.current-release-art-inner{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:clamp(22px,3vw,36px);
  background:
    radial-gradient(circle at 65% 28%,rgba(255,104,26,.18),transparent 30%),
    linear-gradient(145deg,#0c1019,#05070b 70%);
}
.current-release-art-inner::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.025) 45% 46%,transparent 46% 100%);
  pointer-events:none;
}
.current-release-art-inner img{
  position:absolute;
  width:76%;
  right:-18%;
  top:-8%;
  opacity:.42;
  mix-blend-mode:screen;
  filter:saturate(.45) contrast(1.05);
}
.current-release-art-inner span,
.current-release-art-inner small,
.current-release-art-inner strong{position:relative;z-index:1}
.current-release-art-inner span{
  color:#e0c8b8;
  font:700 8px/1 Inter,sans-serif;
  letter-spacing:.18em;
}
.current-release-art-inner strong{
  margin:10px 0 7px;
  color:#fff;
  font:800 clamp(44px,5.4vw,76px)/.88 Manrope,Inter,sans-serif;
  letter-spacing:-.065em;
}
.current-release-art-inner small{
  color:#8791a3;
  font:700 9px/1 Inter,sans-serif;
  letter-spacing:.22em;
}
.current-release-copy .section-number{margin-bottom:16px!important}
.current-release-kicker{
  margin:0 0 10px;
  color:#e0c8b8;
  font:700 9px/1 Inter,sans-serif;
  letter-spacing:.16em;
}
.current-release-copy h2{
  margin:0;
  color:#fff;
  font:700 clamp(42px,5.2vw,74px)/.94 Manrope,Inter,sans-serif;
  letter-spacing:-.055em;
}
.current-release-lead{
  max-width:39rem;
  margin:18px 0 0;
  color:#b3bccb;
  font:400 clamp(16px,1.35vw,19px)/1.6 Inter,sans-serif;
}
.current-release-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:480px;
  gap:1px;
  margin:24px 0 0;
  border:1px solid rgba(215,220,230,.10);
  border-radius:12px;
  overflow:hidden;
  background:rgba(255,255,255,.05);
}
.current-release-meta span{
  min-height:68px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  padding:12px 14px;
  background:#080b12;
}
.current-release-meta small{
  color:#727d90;
  font:600 8px/1 Inter,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.current-release-meta strong{
  color:#eef2f8;
  font:600 12px/1.25 Inter,sans-serif;
}
.current-release-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.current-release-platform{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#f1f4f8;
  background:rgba(255,255,255,.035);
  font:600 9px/1 Inter,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.current-release-platform i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e0c8b8;
  box-shadow:0 0 14px rgba(192,192,192,.65);
}

@media(max-width:900px){
  .current-release-shell{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:30px}
  .current-release-art-inner strong{font-size:clamp(38px,7vw,60px)}
}
@media(max-width:720px){
  .current-release-shell{grid-template-columns:1fr;gap:26px}
  .current-release-art{width:min(100%,420px);margin-inline:auto}
  .current-release-copy{text-align:left}
  .current-release-meta{max-width:none}
  .current-release-actions{display:grid;grid-template-columns:1fr}
  .current-release-actions .button{width:100%}
  .current-release-platform{justify-content:center}
  .current-release::before{font-size:86px;top:72%}
}
@media(max-width:460px){
  .current-release-meta{grid-template-columns:1fr}
  .current-release-art-inner strong{font-size:48px}
}