/* Pinned behind the page so it never adds scroll; the rest of the page
   stays readable and clickable on top of it */
.pyonen {
  position: fixed;
  inset: 0;
  z-index: -1;
  /* Stays put between pages instead of fading with the content (see layout.css) */
  view-transition-name: pyonen;
}

/* The default preserveAspectRatio (meet) keeps the artwork whole: it fills
   the screen's width or height, whichever runs out first */
.pyonen__image {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--color-foreground);
}