/* Plakativ poster fonts. The caption alternates between Anton and Bangers
   on each page (the toggle is handled in bg-audio.js).
   @import must stay at the top of the file. */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Bangers&display=swap');

body {
  font-family: 'Anton', Impact, 'Arial Black', sans-serif; /* default / no-JS fallback */
  font-size: clamp(1.3rem, 4.5vw, 2.2rem);
  letter-spacing: 0.03em;
  line-height: 1.15;
  text-transform: uppercase;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.12);
}

body.font-anton   { font-family: 'Anton', Impact, 'Arial Black', sans-serif; }
body.font-bangers { font-family: 'Bangers', Impact, 'Comic Sans MS', cursive; letter-spacing: 0.06em; }

/* On phones the gifs render at their small native size, so blow the
   clickable image up to ~80% of the screen width (keeping aspect ratio).
   Desktop is left untouched. */
@media (max-width: 768px) {
  img {
    width: 80vw;
    height: auto;
  }
}