/* Voyager fonts: Chakra Petch (headings, labels) + IBM Plex Sans (text). Open Font Licence, self-hosted.
   Nasalization is used only in the logo image (its free licence does not allow web-font use). */
@font-face { font-family: "Chakra Petch"; src: url("../fonts/ChakraPetch-500.woff2") format("woff2"); font-weight: 400 500; font-display: swap; }
@font-face { font-family: "Chakra Petch"; src: url("../fonts/ChakraPetch-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Chakra Petch"; src: url("../fonts/ChakraPetch-700.woff2") format("woff2"); font-weight: 700 800; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("../fonts/IBMPlexSans-400.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
:root { --va-head: "Chakra Petch", "Segoe UI", sans-serif; --va-text: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; }
body, .body { font-family: var(--va-text); }
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .large-value, .big-button-heading,
.medium-uppercase-xs, .medium-uppercase-s, .medium-uppercase-m { font-family: var(--va-head); }

/* The paragraph beside each page headline was tiny: normal reading size and a little wider */
.hero-description .regular-s { font-size: 16px; line-height: 1.55; max-width: 360px; }
@media (max-width: 767px) { .hero-description .regular-s { font-size: 16px; max-width: none; } }