/* MRE PRESENTATION V4
   Re-centers the site on the original BETWEEN WORLDS art direction.
   Loaded last so the presentation wins over legacy utility/card styling. */

:root{
  --mre-bg:#030407;
  --mre-panel:#080a10;
  --mre-ink:#f5f7fb;
  --mre-muted:#9aa4b5;
  --mre-line:rgba(225,230,240,.14);
  --mre-silver:#d7dde8;
  --mre-cobalt:#ff681a;
  --mre-cobalt-soft:#ffb184;
  --mre-display:Manrope,Inter,sans-serif;
  --mre-body:Inter,Arial,sans-serif;
}

html{background:var(--mre-bg)}
body{
  background:var(--mre-bg)!important;
  color:var(--mre-ink)!important;
  font-family:var(--mre-body);
  font-size:16px;
}

/* ---------- Global presentation ---------- */
.section{
  padding-top:clamp(88px,9vw,150px)!important;
  padding-bottom:clamp(88px,9vw,150px)!important;
}
.section-number,
.eyebrow{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.22em!important;
  font-weight:700!important;
}
.button{
  min-height:52px!important;
  padding-inline:22px!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
}
.button-light{
  background:#f4f6fa!important;
  color:#050609!important;
  border-color:#f4f6fa!important;
}
.button-light:hover{
  background:var(--mre-cobalt-soft)!important;
  border-color:var(--mre-cobalt-soft)!important;
}

/* ---------- Header ---------- */
.site-header{
  height:66px!important;
  padding-inline:clamp(22px,4vw,62px)!important;
  background:linear-gradient(180deg,rgba(3,4,7,.86),rgba(3,4,7,.2))!important;
}
.site-header.scrolled{
  background:rgba(3,4,7,.86)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.wordmark{width:112px!important;height:40px!important}
.site-nav{
  font-size:10px!important;
  letter-spacing:.12em!important;
  color:#dfe4ee!important;
}
.site-nav a{opacity:.82}
.site-nav a:hover{opacity:1}

/* ---------- Hero: full-screen editorial opening ---------- */
.hero{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  background:#020306!important;
}
.hero-poster{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-height:calc(100svh - 86px)!important;
  display:block!important;
  overflow:hidden!important;
}
.hero-visual{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  min-height:0!important;
  background:#04050a!important;
  overflow:hidden!important;
}
.hero-photo-frame{
  position:absolute!important;
  inset:0!important;
  background:#04050a!important;
}
.hero-photo-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 36%!important;
  filter:saturate(.58) contrast(1.2) brightness(.52)!important;
  transform:scale(1.035);
}
.hero-photo-wash{
  background:
    linear-gradient(90deg,rgba(2,3,6,.96) 0%,rgba(2,3,6,.78) 38%,rgba(2,3,6,.28) 68%,rgba(2,3,6,.34) 100%),
    linear-gradient(180deg,rgba(2,3,6,.12),rgba(2,3,6,.38) 64%,rgba(2,3,6,.82))!important;
}
.hero-visual::after{
  content:"MRE";
  position:absolute;
  right:-.03em;
  bottom:-.18em;
  z-index:2;
  color:rgba(255,255,255,.035);
  font:800 clamp(180px,27vw,520px)/.72 var(--mre-display);
  letter-spacing:-.09em;
  pointer-events:none;
}
.hero-eclipse{
  width:min(42vw,610px)!important;
  right:-8vw!important;
  bottom:-10vw!important;
  opacity:.34!important;
  filter:saturate(.75) contrast(1.1);
}
.hero-copy{
  position:relative!important;
  z-index:4!important;
  width:min(100%,1180px)!important;
  min-height:calc(100svh - 86px)!important;
  margin:0 auto!important;
  padding:
    calc(var(--header) + clamp(66px,8vh,118px))
    clamp(24px,6vw,84px)
    clamp(70px,9vh,120px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.hero .eyebrow{
  margin:0 0 26px!important;
  color:var(--mre-cobalt-soft)!important;
}
.hero h1{
  width:min(100%,1080px)!important;
  max-width:none!important;
  margin:0!important;
  color:#f7f8fb!important;
  font:800 clamp(56px,7.75vw,136px)/.88 var(--mre-display)!important;
  letter-spacing:-.046em!important;
  word-spacing:.09em!important;
  text-transform:uppercase!important;
  overflow-wrap:normal!important;
}
.display-lines{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:.075em!important;
}
.display-lines>span{
  display:block!important;
  width:max-content;
  max-width:100%;
  word-spacing:.11em;
}
.display-lines-hero>span{
  white-space:nowrap;
}
.hero h1 span:nth-child(2){
  color:var(--mre-silver)!important;
}
.hero h1 span:nth-child(3){
  color:var(--mre-cobalt-soft)!important;
}
.hero-lead{
  max-width:36rem!important;
  margin:32px 0 0!important;
  color:#d0d6e0!important;
  font-size:clamp(18px,1.7vw,25px)!important;
  line-height:1.5!important;
  letter-spacing:-.018em;
}
.hero-actions{
  margin-top:32px!important;
  gap:11px!important;
}
.hero-industry-note{
  margin-top:18px!important;
  color:#8993a4!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
}
.hero-vertical{
  right:16px!important;
  top:50%!important;
  z-index:5!important;
  color:rgba(232,236,244,.55)!important;
  font-size:8px!important;
  letter-spacing:.25em!important;
}
.photo-index{
  left:auto!important;
  right:24px!important;
  bottom:24px!important;
  z-index:4!important;
  color:#c7ced9!important;
}
.hero-player{
  min-height:86px!important;
  position:relative;
  z-index:6;
  border-top:1px solid rgba(225,230,240,.12)!important;
  border-bottom:1px solid rgba(225,230,240,.08);
  background:rgba(5,7,12,.96)!important;
  padding-inline:clamp(22px,6vw,86px)!important;
}
.hero-player-label span{
  font-size:9px!important;
  letter-spacing:.18em!important;
  color:var(--mre-cobalt-soft)!important;
}
.hero-player-label strong{
  margin-top:4px;
  font-size:18px!important;
  color:#f5f7fb!important;
}
.feature-player-top{font-size:9px!important}

/* ---------- Current release: designed like a record campaign ---------- */
.current-release{
  min-height:82svh;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 16% 22%,rgba(255,104,26,.15),transparent 28%),
    linear-gradient(160deg,#070a12,#020305 72%)!important;
}
.current-release-shell{
  width:min(100%,1320px)!important;
  grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr)!important;
  gap:clamp(52px,7vw,110px)!important;
}
.current-release-art{
  width:min(100%,500px)!important;
  border-color:rgba(192,192,192,.34)!important;
  transform:rotate(-2deg);
  box-shadow:
    0 42px 110px rgba(0,0,0,.55),
    0 0 90px rgba(255,104,26,.12)!important;
}
.current-release-art-inner{
  padding:clamp(26px,3.5vw,48px)!important;
  background:
    radial-gradient(circle at 74% 22%,rgba(255,104,26,.26),transparent 25%),
    linear-gradient(145deg,#111727,#05070b 70%)!important;
}
.current-release-art-inner img{
  width:95%!important;
  right:-28%!important;
  top:-16%!important;
  opacity:.58!important;
}
.current-release-art-inner span{
  font-size:10px!important;
  letter-spacing:.2em!important;
}
.current-release-art-inner strong{
  margin:16px 0 10px!important;
  font-size:clamp(64px,8vw,118px)!important;
  line-height:.78!important;
  letter-spacing:-.078em!important;
}
.current-release-art-inner small{font-size:10px!important}
.current-release-copy .section-number{
  color:var(--mre-cobalt-soft)!important;
  margin-bottom:24px!important;
}
.current-release-kicker{
  margin-bottom:10px!important;
  font-size:10px!important;
  letter-spacing:.19em!important;
}
.current-release-copy h2{
  font-size:clamp(72px,9vw,144px)!important;
  line-height:.8!important;
  letter-spacing:-.075em!important;
  text-transform:uppercase;
}
.current-release-lead{
  max-width:34rem!important;
  margin-top:26px!important;
  color:#d2d8e2!important;
  font-size:clamp(20px,2vw,28px)!important;
  line-height:1.4!important;
  letter-spacing:-.025em;
}
.current-release-meta{
  margin-top:30px!important;
  max-width:540px!important;
}
.current-release-meta span{min-height:78px!important}
.current-release-meta small{font-size:9px!important}
.current-release-meta strong{font-size:14px!important}
.current-release-platform{
  min-height:52px!important;
  font-size:10px!important;
}

/* ---------- Selected music: editorial song chapters ---------- */
.catalog{
  background:#030407!important;
}
.catalog-head{
  width:min(100%,1320px)!important;
  margin-bottom:52px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr)!important;
  gap:44px!important;
  align-items:end!important;
}
.catalog-head .section-number{
  color:var(--mre-cobalt-soft)!important;
  margin-bottom:20px!important;
}
.catalog-head h2{
  margin:0!important;
  max-width:8ch;
  font:800 clamp(68px,8.4vw,136px)/.89 var(--mre-display)!important;
  letter-spacing:-.045em!important;
  word-spacing:.10em!important;
  text-transform:uppercase;
}
.catalog-head>p{
  max-width:20rem!important;
  margin:0 0 10px auto!important;
  color:#aeb7c5!important;
  font-size:clamp(17px,1.4vw,21px)!important;
  line-height:1.5!important;
}
.industry-fast-read{
  width:min(100%,1320px)!important;
  margin:0 auto 34px!important;
}
.track-grid{
  width:min(100%,1320px)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-rows:auto!important;
  gap:0!important;
  border-top:1px solid var(--mre-line);
}
.track-card,
.track-card:nth-child(n){
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:250px!important;
  padding:32px 26px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:clamp(34px,5vw,84px)!important;
  align-items:center!important;
  background:transparent!important;
  color:#f5f7fb!important;
  border:0!important;
  border-bottom:1px solid var(--mre-line)!important;
  border-radius:0!important;
  overflow:hidden!important;
}
.track-card::before{
  content:attr(data-track-index)!important;
  right:18px!important;
  top:-24px!important;
  color:rgba(255,255,255,.025)!important;
  font-size:140px!important;
  line-height:1!important;
}
.track-card:hover{
  transform:none!important;
  background:
    linear-gradient(90deg,rgba(255,104,26,.07),transparent 38%)!important;
  border-bottom-color:rgba(192,192,192,.35)!important;
  box-shadow:none!important;
}
.track-card>div:first-child{
  position:relative;
  z-index:2;
}
.track-number{
  color:var(--track-soft,var(--mre-cobalt-soft))!important;
  font-size:10px!important;
  letter-spacing:.18em!important;
}
.track-card h3,
.track-card:nth-child(1) h3{
  max-width:10ch!important;
  margin:18px 0 12px!important;
  color:#f7f8fb!important;
  font:750 clamp(42px,5.3vw,82px)/.86 var(--mre-display)!important;
  letter-spacing:-.065em!important;
  overflow-wrap:normal!important;
}
.track-theme{
  max-width:34rem!important;
  color:#9fa9b8!important;
  font-size:11px!important;
  line-height:1.45!important;
  letter-spacing:.1em!important;
}
.track-pro{
  align-self:center;
  margin:0!important;
  padding:0!important;
  border-top:0!important;
}
.track-pro-label{
  margin-bottom:15px!important;
  color:var(--track-soft,var(--mre-cobalt-soft))!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
}
.track-pro-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  border:1px solid rgba(225,230,240,.1);
  background:rgba(255,255,255,.05);
}
.track-pro-grid span{
  min-height:82px;
  justify-content:center;
  padding:14px 16px;
  background:#070a10;
}
.track-pro-grid small{
  margin-bottom:7px;
  font-size:9px!important;
  letter-spacing:.12em!important;
}
.track-pro-grid strong{
  color:#e8ecf3!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.track-foot{
  grid-column:1/-1;
  margin-top:24px!important;
  padding-top:14px!important;
  font-size:9px!important;
  border-top-color:rgba(225,230,240,.08)!important;
}
.catalog.supervisor-mode .track-card,
.catalog.supervisor-mode .track-card:nth-child(n){
  padding:26px 28px!important;
}

/* ---------- BETWEEN WORLDS threshold ---------- */
.brand-break{
  min-height:78svh!important;
  padding:clamp(90px,10vw,160px) clamp(24px,7vw,110px)!important;
  background:
    linear-gradient(120deg,#170f0b 0%,#2d170e 50%,#0b0807 100%)!important;
  color:#04050a!important;
}
.brand-break-inner{
  width:min(100%,1320px)!important;
}
.brand-break-inner>span{
  font-size:10px!important;
  letter-spacing:.22em!important;
}
.brand-break h2{
  max-width:10.5ch!important;
  margin:24px 0 28px!important;
  color:#05060a!important;
  font:800 clamp(62px,8.4vw,138px)/.9 var(--mre-display)!important;
  letter-spacing:-.046em!important;
  word-spacing:.10em!important;
  text-transform:uppercase!important;
}
.brand-break p{
  max-width:36rem!important;
  color:rgba(4,5,10,.72)!important;
  font-size:clamp(18px,1.5vw,23px)!important;
  line-height:1.45!important;
}
.brand-break>img{
  width:min(52vw,650px)!important;
  max-height:none!important;
  right:-8vw!important;
  opacity:.28!important;
  filter:contrast(1.2);
}

/* ---------- Story ---------- */
.story{
  padding-left:0!important;
  padding-right:0!important;
  background:#05070c!important;
}
.story-grid{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:0!important;
  align-items:stretch!important;
}
.story-media{
  min-height:82svh;
  max-height:none!important;
  aspect-ratio:auto!important;
}
.story-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.52) contrast(1.16) brightness(.7);
}
.story-label{
  left:28px!important;
  right:auto!important;
  bottom:26px!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
}
.story-copy{
  min-height:82svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(60px,7vw,110px)!important;
  background:
    radial-gradient(circle at 75% 20%,rgba(255,104,26,.11),transparent 26%),
    #05070c;
}
.story-copy .section-number{
  margin-bottom:28px!important;
  color:var(--mre-cobalt-soft)!important;
}
.story-copy h2{
  max-width:8.5ch;
  margin:0 0 34px!important;
  color:#f5f7fb!important;
  font:800 clamp(56px,6.7vw,110px)/.9 var(--mre-display)!important;
  letter-spacing:-.044em!important;
  word-spacing:.10em!important;
  text-transform:uppercase;
}
.story-copy p{
  max-width:38rem;
  color:#aeb7c5!important;
  font-size:17px!important;
  line-height:1.65!important;
}
.story-copy .story-lead{
  margin-bottom:18px!important;
  color:#f0f2f6!important;
  font-size:clamp(21px,1.9vw,28px)!important;
  line-height:1.4!important;
  letter-spacing:-.02em;
}
.story-signature{
  margin-top:38px!important;
  padding-top:18px!important;
}
.story-signature span{font-size:24px!important}
.story-signature small{font-size:9px!important;letter-spacing:.18em!important}

/* ---------- Sync ---------- */
.sync{
  background:#020305!important;
}
.sync-header,
.sync-pills,
.sync-table,
.sync-cta{
  width:min(100%,1320px)!important;
}
.sync-header .section-number{
  color:var(--mre-cobalt-soft)!important;
}
.sync-title-row{
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;
  gap:58px!important;
  align-items:end!important;
}
.sync-title-row h2{
  max-width:9ch;
  margin:0!important;
  color:#f5f7fb!important;
  font:800 clamp(60px,7.5vw,122px)/.9 var(--mre-display)!important;
  letter-spacing:-.045em!important;
  word-spacing:.10em!important;
  text-transform:uppercase;
}
.sync-title-row p{
  max-width:27rem!important;
  margin-bottom:8px!important;
  color:#aeb7c5!important;
  font-size:clamp(17px,1.4vw,21px)!important;
  line-height:1.5!important;
}
.sync-pills{
  margin-top:40px!important;
  gap:8px!important;
}
.sync-pills span{
  min-height:42px;
  padding:10px 14px!important;
  font-size:9px!important;
  letter-spacing:.1em!important;
}
.sync-row{
  min-height:72px;
  padding:18px 0!important;
}
.sync-row strong{font-size:18px!important}
.sync-row span{font-size:11px!important}
.sync-row button{
  min-height:42px!important;
  font-size:9px!important;
}
.sync-cta{
  margin-top:34px!important;
  font-size:12px!important;
}

/* ---------- Connect ---------- */
.connect{
  background:
    radial-gradient(circle at 78% 20%,rgba(255,104,26,.12),transparent 28%),
    #06080d!important;
}
.connect-top{
  width:min(100%,1320px)!important;
  margin-bottom:58px!important;
}
.connect-top h2{
  max-width:9ch;
  margin:0!important;
  color:#f5f7fb!important;
  font:800 clamp(60px,7.5vw,122px)/.9 var(--mre-display)!important;
  letter-spacing:-.045em!important;
  word-spacing:.10em!important;
  text-transform:uppercase;
}
.connect-top img{
  width:190px!important;
  opacity:.5;
}
.connect-grid{
  width:min(100%,1320px)!important;
  gap:clamp(50px,7vw,100px)!important;
}
.mailing h3,
.professional-heading h3{
  font-size:clamp(27px,2.4vw,40px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}
.professional-heading p,
.mailing p{
  font-size:15px!important;
}

/* ---------- Professional gateway: obvious but not dominant ---------- */
.industry-fast-read{
  padding:24px 26px!important;
  border-radius:0!important;
  border-left:3px solid var(--mre-cobalt-soft)!important;
  border-top:1px solid rgba(192,192,192,.22)!important;
  background:linear-gradient(90deg,rgba(255,104,26,.09),rgba(255,255,255,.015))!important;
  box-shadow:none!important;
}
.industry-fast-read::before{display:none!important}
.industry-fast-copy>span{font-size:9px!important}
.industry-fast-copy>strong{
  font-size:clamp(21px,2vw,30px)!important;
}
.industry-fast-read p{font-size:14px!important}

/* ---------- Responsive ---------- */

@media (min-width:901px) and (max-width:1450px){
  .hero h1{
    font-size:clamp(54px,6.85vw,98px)!important;
    line-height:.9!important;
    letter-spacing:-.042em!important;
    word-spacing:.10em!important;
  }
  .display-lines{gap:.09em!important}
}
@media(max-width:1100px){
  .hero h1{font-size:clamp(64px,10.4vw,118px)!important}
  .current-release-shell{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)!important}
  .track-card,.track-card:nth-child(n){grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr)!important}
  .story-copy{padding:60px!important}
}
@media(max-width:900px){
  .site-header{height:58px!important}
  .hero{min-height:auto}
  .hero-poster{min-height:800px!important}
  .hero-copy{
    min-height:800px!important;
    padding:120px 28px 80px!important;
  }
  .hero h1{
    font-size:clamp(58px,12vw,94px)!important;
  }
  .display-lines-hero>span{white-space:normal!important}
  .hero-photo-wash{
    background:
      linear-gradient(180deg,rgba(2,3,6,.42),rgba(2,3,6,.72) 48%,rgba(2,3,6,.94)),
      linear-gradient(90deg,rgba(2,3,6,.76),rgba(2,3,6,.25))!important;
  }
  .current-release{min-height:0}
  .current-release-shell{
    grid-template-columns:1fr!important;
    gap:42px!important;
  }
  .current-release-art{
    width:min(78vw,500px)!important;
    margin-inline:0!important;
  }
  .catalog-head{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .catalog-head>p{margin:0!important}
  .track-card,.track-card:nth-child(n){
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:32px 10px!important;
  }
  .track-card h3,.track-card:nth-child(1) h3{
    max-width:12ch!important;
    font-size:clamp(44px,8.5vw,68px)!important;
  }
  .track-pro{margin-top:26px!important}
  .story-grid{grid-template-columns:1fr!important}
  .story-media{min-height:62svh}
  .story-copy{min-height:auto;padding:72px 28px!important}
  .sync-title-row{grid-template-columns:1fr!important;gap:22px!important}
}
@media(max-width:720px){
  .section{
    padding-top:72px!important;
    padding-bottom:72px!important;
  }
  .hero-poster{min-height:720px!important}
  .hero-copy{
    min-height:720px!important;
    padding:105px 18px 60px!important;
  }
  .hero h1{
    font-size:clamp(52px,15.2vw,76px)!important;
    line-height:.82!important;
  }
  .hero-lead{
    margin-top:24px!important;
    font-size:18px!important;
  }
  .hero-actions{
    display:flex!important;
    flex-direction:column;
    width:100%;
  }
  .hero-actions .button{width:100%!important}
  .hero-vertical{display:none!important}
  .hero-player{padding-inline:16px!important}
  .current-release-art{width:100%!important}
  .current-release-copy h2{
    font-size:clamp(70px,20vw,104px)!important;
  }
  .current-release-lead{
    font-size:20px!important;
  }
  .catalog-head h2{
    font-size:clamp(64px,18vw,92px)!important;
  }
  .track-card,.track-card:nth-child(n){padding:28px 0!important}
  .track-pro-grid{grid-template-columns:1fr!important}
  .track-pro-grid span{min-height:66px}
  .brand-break{
    min-height:66svh!important;
    padding-inline:18px!important;
  }
  .brand-break h2{
    font-size:clamp(52px,14.5vw,80px)!important;
  }
  .brand-break>img{
    width:86vw!important;
    right:-36vw!important;
  }
  .story-copy h2{
    font-size:clamp(50px,14vw,76px)!important;
  }
  .sync-title-row h2,
  .connect-top h2{
    font-size:clamp(54px,15vw,82px)!important;
  }
  .sync-pills{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .connect-grid{gap:52px!important}
}
@media(max-width:420px){
  .hero h1{font-size:49px!important}
  .current-release-art-inner strong{font-size:56px!important}
  .track-card h3,.track-card:nth-child(1) h3{font-size:42px!important}
  .catalog-head h2,.brand-break h2,.story-copy h2,.sync-title-row h2,.connect-top h2{font-size:50px!important}
}


/* ---------- Separation of artist presentation and professional tooling ---------- */
.track-pro{display:none!important}
.industry-fast-read{display:none!important}
.catalog.supervisor-mode .industry-fast-read{display:grid!important}
.sync-pills,
.sync-table{display:none!important}
body.mre-supervisor-mode .sync-pills{display:flex!important}
body.mre-supervisor-mode .sync-table{display:block!important}

/* ---------- Current release: full-bleed campaign frame ---------- */
.current-release{
  position:relative!important;
  min-height:88svh!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#030407!important;
}
.current-release::before{display:none!important}
.current-release-media{
  position:absolute;
  inset:0;
  z-index:0;
}
.current-release-media>img:first-child{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 43%;
  filter:saturate(.52) contrast(1.2) brightness(.58);
  transform:scale(1.03);
}
.current-release-wash{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,3,6,.95) 0%,rgba(2,3,6,.72) 40%,rgba(2,3,6,.28) 70%,rgba(2,3,6,.42) 100%),
    linear-gradient(180deg,rgba(2,3,6,.12),rgba(2,3,6,.55) 68%,rgba(2,3,6,.92));
}
.current-release-eclipse{
  position:absolute;
  right:-11vw;
  bottom:-15vw;
  width:min(58vw,760px);
  opacity:.32;
  mix-blend-mode:screen;
}
.current-release-content{
  position:relative;
  z-index:2;
  width:min(100%,1320px);
  min-height:88svh;
  margin-inline:auto;
  padding:clamp(94px,10vw,150px) clamp(24px,6vw,84px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.current-release-content .section-number{
  margin:0 0 24px!important;
  color:var(--mre-cobalt-soft)!important;
}
.current-release-kicker{
  margin:0 0 12px!important;
  color:#d8deea!important;
  font-size:10px!important;
  letter-spacing:.22em!important;
}
.current-release-content h2{
  max-width:7ch;
  margin:0!important;
  color:#f7f8fb!important;
  font:800 clamp(88px,14vw,220px)/.82 var(--mre-display)!important;
  letter-spacing:-.055em!important;
  word-spacing:.08em!important;
  text-transform:uppercase!important;
  text-shadow:0 18px 70px rgba(0,0,0,.34);
}
.current-release-lead{
  max-width:34rem!important;
  margin:32px 0 0!important;
  color:#eef1f6!important;
  font-size:clamp(22px,2.2vw,32px)!important;
  line-height:1.34!important;
  letter-spacing:-.03em!important;
}
.current-release-actions{
  margin-top:34px!important;
  display:flex!important;
  flex-wrap:wrap;
  gap:12px!important;
}
.current-release-platform{
  min-height:52px!important;
  padding:0 18px!important;
  border:1px solid rgba(235,239,247,.28)!important;
  background:rgba(4,6,10,.34)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#f4f6fa!important;
}
.current-release-stamp{
  position:absolute;
  left:clamp(24px,6vw,84px);
  bottom:28px;
  color:rgba(223,228,237,.55);
  font:600 8px/1.2 var(--mre-body);
  letter-spacing:.19em;
}

/* ---------- Normal catalog: music first ---------- */
.track-card,
.track-card:nth-child(n){
  grid-template-columns:minmax(260px,.92fr) auto!important;
  min-height:220px!important;
  column-gap:40px!important;
}
.track-card h3,
.track-card:nth-child(1) h3{
  font-size:clamp(48px,6vw,92px)!important;
}
.track-theme{
  font-size:12px!important;
  max-width:38rem!important;
}
.track-foot{
  grid-column:auto!important;
  align-self:center!important;
  justify-self:end!important;
  width:auto!important;
  min-width:155px;
  margin:0!important;
  padding:0!important;
  border-top:0!important;
  text-align:right;
  font-size:10px!important;
  opacity:.9!important;
}
.track-foot strong{
  display:block;
  margin-top:8px;
  color:#f4f6fb;
  font-size:11px!important;
}
.catalog.supervisor-mode .track-foot{display:none!important}
.catalog.supervisor-mode .track-card,
.catalog.supervisor-mode .track-card:nth-child(n){
  grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr)!important;
}

/* Normal sync section is a graphic invitation, not a database. */
.sync{
  min-height:72svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sync-title-row{
  margin-bottom:0!important;
}
.sync-cta{
  display:inline-flex!important;
  align-items:center;
  width:auto!important;
  margin:38px 0 0!important;
  padding-bottom:7px;
  border-bottom:1px solid rgba(192,192,192,.55);
  color:#f5f7fb!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
}

/* Professional Review reintroduces the dense data only after intent. */
body.mre-supervisor-mode .sync{
  min-height:0;
  display:block;
}
body.mre-supervisor-mode .sync-title-row{margin-bottom:24px!important}
body.mre-supervisor-mode .sync-pills{margin-top:34px!important}
body.mre-supervisor-mode .industry-fast-read{margin-bottom:28px!important}

/* Do not let dormant professional chrome read as content. */
body:not(.mre-supervisor-mode) .supervisor-shortlist{
  display:none!important;
}
body:not(.mre-supervisor-mode) .review-set-backdrop,
body:not(.mre-supervisor-mode) .review-set-panel{
  display:none!important;
}

@media(max-width:900px){
  .current-release-content{
    min-height:82svh;
    padding:100px 28px 72px;
  }
  .current-release-content h2{
    font-size:clamp(88px,19vw,160px)!important;
  }
  .current-release-wash{
    background:
      linear-gradient(180deg,rgba(2,3,6,.4),rgba(2,3,6,.72) 46%,rgba(2,3,6,.96)),
      linear-gradient(90deg,rgba(2,3,6,.7),rgba(2,3,6,.2))!important;
  }
  .track-card,
  .track-card:nth-child(n){
    grid-template-columns:1fr auto!important;
  }
}
@media(max-width:720px){
  .current-release{min-height:78svh!important}
  .current-release-content{
    min-height:78svh;
    padding:88px 18px 68px;
  }
  .current-release-content h2{
    font-size:clamp(78px,24vw,120px)!important;
  }
  .current-release-lead{
    font-size:21px!important;
    max-width:18rem!important;
  }
  .current-release-stamp{
    left:18px;
    bottom:18px;
  }
  .track-card,
  .track-card:nth-child(n){
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .track-foot{
    justify-self:start!important;
    text-align:left!important;
  }
}


/* ---------- Listening Room ---------- */
.listening-room{
  position:relative;
  overflow:hidden;
  min-height:88svh;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 78% 22%,rgba(255,104,26,.14),transparent 30%),
    linear-gradient(150deg,#080b12,#020305 72%)!important;
}
.listening-room::after{
  content:"LISTEN";
  position:absolute;
  right:-.02em;
  bottom:-.18em;
  color:rgba(255,255,255,.025);
  font:800 clamp(170px,25vw,430px)/.72 var(--mre-display);
  letter-spacing:-.09em;
  pointer-events:none;
}
.listening-room-inner{
  position:relative;
  z-index:2;
  width:min(100%,1320px);
  margin-inline:auto;
}
.listening-room .section-number{
  color:var(--mre-cobalt-soft)!important;
  margin-bottom:26px!important;
}
.room-kicker{
  margin:0 0 14px;
  color:#7e899b;
  font:700 9px/1 var(--mre-body);
  letter-spacing:.19em;
}
.listening-room h2{
  max-width:9ch;
  margin:0;
  color:#f5f7fb;
  font:800 clamp(66px,9.2vw,154px)/.88 var(--mre-display);
  letter-spacing:-.048em;
  word-spacing:.10em;
  text-transform:uppercase;
}
.room-theme{
  margin:24px 0 0;
  color:#9da7b8;
  font:600 11px/1.45 var(--mre-body);
  letter-spacing:.14em;
}
.room-play{
  width:104px;
  height:104px;
  margin-top:36px;
  border:1px solid rgba(192,192,192,.46);
  border-radius:50%;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:rgba(255,104,26,.07);
  color:#f6f8fb;
  cursor:pointer;
  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;
}
.room-play:hover,
.room-play.is-playing{
  transform:scale(1.04);
  border-color:#e0c8b8;
  background:rgba(255,104,26,.16);
  box-shadow:0 0 50px rgba(255,104,26,.15);
}
.room-play-icon{
  font-size:22px;
  line-height:1;
}
.room-play span:last-child{
  font:700 8px/1 var(--mre-body);
  letter-spacing:.16em;
}
.room-wave{
  width:min(100%,620px);
  height:42px;
  margin-top:34px;
  display:flex;
  align-items:center;
  gap:7px;
}
.room-wave i{
  flex:1;
  min-width:2px;
  height:22%;
  background:linear-gradient(180deg,#d9deea,#ff681a);
  opacity:.64;
  transform-origin:center;
  animation:mre-room-wave 1.55s ease-in-out infinite alternate;
}
.room-wave i:nth-child(2n){animation-duration:1.15s;height:62%}
.room-wave i:nth-child(3n){animation-duration:1.9s;height:88%}
.room-wave i:nth-child(4n){animation-duration:1.35s;height:42%}
.room-wave i:nth-child(5n){height:74%}
@keyframes mre-room-wave{
  from{transform:scaleY(.55);opacity:.35}
  to{transform:scaleY(1);opacity:.9}
}
.room-foot{
  width:min(100%,620px);
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(225,230,240,.1);
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:#6f798b;
  font:600 8px/1 var(--mre-body);
  letter-spacing:.15em;
}

/* ---------- Visual World ---------- */
.visual-world{
  background:#05070b!important;
}
.visual-world-head{
  width:min(100%,1320px);
  margin:0 auto 48px;
}
.visual-world-head .section-number{
  margin-bottom:22px!important;
  color:var(--mre-cobalt-soft)!important;
}
.visual-world-head h2{
  max-width:10ch;
  margin:0;
  color:#f5f7fb;
  font:800 clamp(62px,8.1vw,134px)/.9 var(--mre-display);
  letter-spacing:-.045em;
  word-spacing:.10em;
  text-transform:uppercase;
}
.visual-world-grid{
  width:min(100%,1320px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:1.35fr .55fr .8fr;
  grid-template-rows:minmax(260px,34vw);
  gap:12px;
}
.visual-world-grid figure,
.visual-world-type{
  margin:0;
  position:relative;
  overflow:hidden;
  min-height:0;
}
.visual-world-grid figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.58) contrast(1.16) brightness(.7);
  transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s ease;
}
.visual-world-grid figure:hover img{
  transform:scale(1.025);
  filter:saturate(.72) contrast(1.15) brightness(.78);
}
.visual-world-wide img{object-position:center 46%}
.visual-world-tall img{object-position:center 38%}
.visual-world-grid figcaption{
  position:absolute;
  left:16px;
  bottom:15px;
  z-index:2;
  color:#eef1f6;
  font:700 8px/1 var(--mre-body);
  letter-spacing:.17em;
}
.visual-world-type{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:18px;
  border:1px solid rgba(192,192,192,.18);
  background:
    radial-gradient(circle at 80% 16%,rgba(255,104,26,.18),transparent 28%),
    #0a0d15;
}
.visual-world-type span{
  color:#778296;
  font:700 9px/1 var(--mre-body);
  letter-spacing:.2em;
}
.visual-world-type strong{
  color:#dce1ec;
  font:800 clamp(30px,3.3vw,56px)/.86 var(--mre-display);
  letter-spacing:-.055em;
}

/* ---------- Hide dormant drawer chrome from normal reading order ---------- */
.track-panel[aria-hidden="true"],
.panel-backdrop[aria-hidden="true"]{
  visibility:hidden!important;
}
.supervisor-shortlist:not(.is-visible){
  visibility:hidden!important;
}
.review-set-panel[aria-hidden="true"],
.review-set-backdrop[aria-hidden="true"]{
  visibility:hidden!important;
}

@media(max-width:900px){
  .listening-room{min-height:76svh}
  .visual-world-grid{
    grid-template-columns:1.2fr .8fr;
    grid-template-rows:minmax(330px,48vw) minmax(260px,42vw);
  }
  .visual-world-wide{grid-column:1/-1}
}
@media(max-width:720px){
  .listening-room{
    min-height:72svh;
  }
  .listening-room h2{
    font-size:clamp(54px,15vw,82px);
  }
  .room-play{
    width:88px;
    height:88px;
  }
  .visual-world-head h2{
    font-size:clamp(52px,14.5vw,78px);
  }
  .visual-world-grid{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .visual-world-wide,
  .visual-world-tall{
    min-height:360px!important;
  }
  .visual-world-type{
    min-height:240px;
  }
}

/* Shared display headline component: authored line breaks with preserved word boundaries. */
.display-lines>span{
  display:block;
}
.display-lines>span:not(:last-child)::after{
  content:"";
}

@media(max-width:720px){
  .display-lines{gap:.10em!important}
  .display-lines>span{word-spacing:.10em!important}
  .hero h1{
    line-height:.91!important;
    letter-spacing:-.038em!important;
    word-spacing:.10em!important;
  }
}