/* Complete transparent artwork, centered at the original spindle.
   No circle mask, black matte, blend mode or second artificial spindle. */
.record-visual {
  width: min(520px, 100%, calc((100svh - var(--header) - 72px) / 1.055));
  justify-self: center;
}
.record-disc {
  transform-origin: 50% 50%;
  border-radius: 0;
  mix-blend-mode: normal;
}
@media(max-width:700px) {
  .record-visual { width: min(290px, 67vw, max(120px, calc((100svh - var(--header) - 350px) / 1.055))); }
}
@media(max-height:620px) and (min-width:701px) {
  .record-visual { width: min(360px, 100%, calc((100svh - var(--header) - 56px) / 1.055)); max-height: none; }
}
body.reduced-motion .record-visual, body:not(.js) .record-visual {
  width: min(520px, 100%);
}
@media(max-width:700px) {
  body.reduced-motion .record-visual, body:not(.js) .record-visual { width: min(290px, 67vw); }
}