/* Coming Soon is globally styled so persistent soft navigation can never render
   its markup without the positioning rules that contain the duration pill.
   Desktop mirrors Current Release's grid geometry so the Coming Soon artwork
   begins on the same vertical column line as the Current Release copy above. */
.upcoming-release-section{
  display:grid;
  grid-template-columns:minmax(18rem,.86fr) minmax(0,1.14fr);
  gap:clamp(3rem,8vw,8rem);
  align-items:start;
  padding:clamp(4.75rem,8vw,7rem) clamp(1.25rem,5vw,5rem);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 82% 50%,rgba(217,165,71,.08),transparent 32%),
    linear-gradient(135deg,#11130f 0%,#171710 58%,#1d140e 100%);
}

.upcoming-release-copy{
  align-self:start;
  max-width:52rem;
}

.upcoming-release-meta-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.75rem 1.15rem;
  min-height:2.4rem;
}

.upcoming-release-meta-line .release-status{
  margin:0;
}

.upcoming-release-date-stamp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:2.15rem;
  padding:.6rem .94rem .56rem;
  border:1px solid rgba(217,165,71,.52);
  background:rgba(8,10,9,.12);
  box-shadow:inset 0 0 0 1px rgba(247,244,233,.035);
  color:rgba(247,244,233,.88);
  font-size:clamp(.82rem,1vw,.94rem);
  font-weight:800;
  line-height:1;
  letter-spacing:.11em;
  white-space:nowrap;
  transform:rotate(-10deg);
}

.upcoming-release-copy h2{
  margin:.7rem 0 1rem;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(2.75rem,5vw,5.4rem);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.055em;
}

.upcoming-release-summary{
  max-width:44rem;
  margin:0;
  color:rgba(247,244,233,.76);
  font-size:clamp(1.05rem,1.45vw,1.22rem);
  line-height:1.8;
}

.upcoming-presave-link{
  width:max-content;
  margin:1.25rem 0 0;
}

.upcoming-release-visual{
  position:relative;
  justify-self:start;
  align-self:start;
  width:min(100%,25rem);
}

.upcoming-release-art{
  position:relative;
  align-self:start;
  width:100%;
  aspect-ratio:1;
  container-type:inline-size;
  overflow:hidden;
  border:1px solid rgba(247,244,233,.14);
  border-radius:1rem;
  background:#090b0a;
  box-shadow:0 1.8rem 4.5rem rgba(0,0,0,.42);
}

.upcoming-release-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

@media (max-width:820px){
  .upcoming-release-section{
    grid-template-columns:1fr;
    gap:2rem;
  }

  .upcoming-release-visual{
    justify-self:center;
    width:min(100%,28rem);
  }

  .upcoming-release-meta-line{
    align-items:flex-start;
  }

  .upcoming-release-date-stamp{
    min-height:2.35rem;
    padding:.66rem 1rem .62rem;
    font-size:.86rem;
    letter-spacing:.105em;
  }
}

@media (prefers-reduced-motion:reduce){
  .upcoming-release-date-stamp{
    transform:rotate(-10deg);
  }
}

/* Persistent-player shell invariant.
   The tray's visible depth is derived from the same player-height token used by
   the Spotify frame, so changing the player height also changes the background.
   Compact layouts intentionally retain extra dark surface beneath the player. */
:root{
  --ow-player-tray-top-inset:.45rem;
  --ow-player-tray-lower-extension:.7rem;
}
.header-player-tray{
  min-height:calc(var(--ow-player-height,152px) + var(--ow-player-tray-top-inset) + var(--ow-player-tray-lower-extension));
}
@media (max-width:1080px){
  :root{--ow-player-tray-lower-extension:3rem}
}