/* NOCTURNE VI — balanced editorial grids / authentic Spotify icon */
/* Group both sides of STILL YOU around a shared midpoint, rather than stretching
   the columns across the entire wide viewport. */
@media (min-width: 1001px) {
  .next-era {
    grid-template-columns: minmax(0, 520px) minmax(0, 520px);
    justify-content: center;
    column-gap: clamp(42px, 5.5vw, 100px);
  }
  .next-art { width: 100%; max-width: 520px; justify-self: end; }
  .next-info { width: 100%; max-width: 520px; justify-self: start; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .next-era { grid-template-columns: minmax(0,1fr) minmax(0,1fr); justify-content: center; }
  .next-art, .next-info { min-width: 0; }
}
/* A centered, equal-width photographic pair and a cohesive text column. */
.world-intro { max-width: 1160px; margin-left: auto; margin-right: auto; }
.world-photographs {
  width: 100%; max-width: 1160px;
  margin-inline: auto;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: clamp(14px, 1.6vw, 24px);
  justify-content: center;
}
.world-photo, .world-photo-secondary { aspect-ratio: 1.38; }
.world-photo img { object-position: 50% 50%; }
.world-outro { max-width: 1100px; margin-left: auto; margin-right: auto; }
/* Actual logo artwork, identical on the landing page and on release pages. */
.platform-link img.spotify-logo { display:block; height:24px; width:24px; flex:none; }
@media (max-width:760px) {
  .next-art { width:100%; max-width:520px; justify-self:center; }
  .next-info { width:100%; max-width:520px; justify-self:center; }
  .world-photographs { grid-template-columns:minmax(0,1fr); gap:14px; }
  .world-photo, .world-photo-secondary { aspect-ratio:1.45; }
  .platform-link img.spotify-logo { width:27px; height:27px; }
}
@media (max-width:360px){
  .world-photo, .world-photo-secondary { aspect-ratio:1.27; }
}