html, body {
  margin: 0;
  width: 100%;
  min-height: 100%;
  background: #000;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
}

.page {
  width: 100vw;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
}

.artwork-wrap {
  position: relative;
  width: min(100vw, calc(100dvh * 16 / 9));
  aspect-ratio: 16 / 9;
}

.bandcamp-link,
.artwork {
  display: block;
  width: 100%;
  height: 100%;
}

.artwork {
  object-fit: contain;
}

.contact-link {
  position: absolute;
  z-index: 2;
  left: 82.5%;
  top: 60%;
  width: 16%;
  height: 28%;
  border-radius: 50%;
  cursor: pointer;
}

.contact-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* Schermata dello ZIP allegato, mostrata per 1 secondo prima di Bandcamp. */
.flash-page {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  background: #000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.flash-page.visible {
  opacity: 1;
  visibility: visible;
}

.flash-page img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100vh;
  max-height: 100dvh;
  object-fit: contain;
}