/* sprint 25 — five taps on Amanda's portrait and the whole staff turns cartoon and the site changes
   its handwriting. Five more and it goes back. Nothing is remembered, so a reload always returns the
   site to normal and nobody can leave it switched on by accident.

   About the typeface: the lettering used by the programme is Akbar, a fan-made font nobody sells a
   licence for, so it is named first here and will simply be used if it is ever installed. What
   actually runs is the comic face the visitor already has — Comic Sans on Windows and most Macs,
   Chalkboard on the rest. It is not the real thing and does not pretend to be, but it costs nothing
   to ship, needs no licence on a clinic's website, and gets the laugh. */
html.obc-simpsons,
html.obc-simpsons body,
html.obc-simpsons *:not(svg):not(svg *) {
  /* !important, and the universal selector, because nearly every colour and type choice on the
     redesign pages is made per block in the WordPress editor and arrives as an inline style. A
     stylesheet cannot outrank that politely. */
  font-family: Akbar, "Comic Sans MS", "Chalkboard SE", "Comic Neue", "Marker Felt", cursive !important;
}

/* the display type is set in tight, wide-tracked capitals that were measured for Figtree. Comic
   letterforms are rounder and wider, so the same tracking pushes headings into their own margins. */
html.obc-simpsons .mv-lede,
html.obc-simpsons .mv-hero-title,
html.obc-simpsons .btn-heading,
html.obc-simpsons h1,
html.obc-simpsons h2 {
  letter-spacing: -0.01em !important;
  line-height: 1.16 !important;
}

html.obc-simpsons .mv-kicker,
html.obc-simpsons .btn-name,
html.obc-simpsons .mv-lc-creds,
html.obc-simpsons .mv-lc-link .wp-block-button__link {
  letter-spacing: 0.06em !important;
}

@media (prefers-reduced-motion: no-preference) {
  html.obc-simpsons img,
  html.obc-simpsons-leaving img {
    transition: opacity 0.45s ease;
  }
}

/* the portrait that holds the secret takes the taps, and says so under a finger or a cursor */
img[src*="amanda-antal"] {
  cursor: pointer;
}