/* Candida page-specific overrides */

/* Reserve space by using intrinsic ratio on the image itself (does not alter layout) */
body.candida-page .visual img {
  aspect-ratio: 2 / 3; /* candida.png is 1024x1536 */
}

@media (max-width: 800px) {
  body.candida-page h1,
  body.candida-page .copy h1 {
    font-size: 1.4rem !important;
  }

  body.candida-page h2,
  body.candida-page .copy h2 {
    font-size: 1.2rem !important;
  }

  /* On mobile we hide .visual and show .mobile-img. Reserve space with aspect-ratio. */
  body.candida-page .mobile-img {
    width: min(70vw, 320px);
    height: auto;
    aspect-ratio: 2 / 3;
    display: block;
  }
}