/* Website-only additions to the mockup's CSS (orthodontiq-about plugin).

   Fonts, self-hosted (no third-party requests): the mockup's stacks name
   "Inter" for text and an Avant Garde type for display, but rely on what each
   visitor has installed. These faces make every visitor see the design.
   - Inter (variable 100-900, Latin), SIL Open Font License 1.1
   - TeX Gyre Adventor (an ITC Avant Garde Gothic clone, Latin subset),
     GUST Font License. Visitors who own ITC Avant Garde still get it: the
     stack lists it first. */
@font-face {
  font-family: "Inter";
  src: url("fonts/inter-latin-wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "TeX Gyre Adventor";
  src: url("fonts/tex-gyre-adventor-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TeX Gyre Adventor";
  src: url("fonts/tex-gyre-adventor-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Responsive images are wrapped in <picture>; let the <img> keep behaving as
   the direct child the mockup's CSS (".stage img", ".type__img img") expects. */
picture { display: contents; }