/* The density switch emulates actual missing data, not cosmetic variants. */
body[data-density="minimal"] .stream-row a:nth-child(n+2),
body[data-density="minimal"] .tracklist a:nth-child(n+2),
body[data-density="minimal"] .gatefold-listen a:nth-of-type(n+2),
body[data-density="minimal"] .release-footer a,
body[data-density="minimal"] .gatefold-back a {
  display: none !important;
}

body[data-density="minimal"] .signal-streams a:nth-of-type(n+2),
body[data-density="minimal"] .signal-footer a {
  display: none !important;
}

body[data-density="minimal"] .release-footer,
body[data-density="minimal"] .gatefold-back {
  grid-template-columns: 1fr auto;
}

body[data-density="minimal"] .gatefold-image img {
  object-position: center 24%;
}

.stress-copy {
  display: none;
}

body[data-density="stress"] .optional--standard,
body[data-density="stress"] .optional--full,
body[data-density="stress"] .stress-copy {
  display: grid;
}

@media (min-width: 761px) {
  .gatefold-open {
    height: min(810px, calc(100vh - 70px));
    min-height: 640px;
  }

  .gatefold-image,
  .gatefold-title {
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }
}

@media (max-width: 760px) {
  body[data-density="minimal"] .release-footer,
  body[data-density="minimal"] .gatefold-back {
    grid-template-columns: 1fr;
  }

  .gatefold-image img {
    object-position: center 24%;
  }
}