/* Self-hosted fonts — no request hits fonts.googleapis.com or use.typekit.net
   at runtime. Adobe Typekit fonts are replaced with license-free look-alikes,
   declared UNDER THE ORIGINAL FAMILY NAMES so the site CSS needs no changes:
     futura-pt        -> Jost           (open geometric sans, Futura alternative)
     freight-*        -> Source Serif 4 (Adobe's own open-source serif)
     Poppins          -> Poppins        (open source — exact match)
     Montserrat/Oswald-> self-hosted (already open source). */

/* --- Montserrat --- */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/montserrat-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/montserrat-italic-latin.woff2') format('woff2');
}

/* --- Oswald --- */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url('/fonts/oswald-latin.woff2') format('woff2');
}

/* --- futura-pt -> Jost (self-hosted Futura alternative) --- */
@font-face {
  font-family: 'futura-pt';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/jost-latin.woff2') format('woff2');
}

/* --- freight-* (Adobe serifs) -> Source Serif 4 (static 400 + 700 only, the
       weights actually used — far smaller than the variable font) --- */
@font-face { font-family: 'freight-display-pro'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/sourceserif-400.woff2') format('woff2'); }
@font-face { font-family: 'freight-display-pro'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/sourceserif-700.woff2') format('woff2'); }
@font-face { font-family: 'freightbigcmp-pro'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/sourceserif-400.woff2') format('woff2'); }
@font-face { font-family: 'freightbigcmp-pro'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/sourceserif-700.woff2') format('woff2'); }
@font-face { font-family: 'freightdispcmp-pro'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/sourceserif-400.woff2') format('woff2'); }
@font-face { font-family: 'freightdispcmp-pro'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/sourceserif-700.woff2') format('woff2'); }

/* --- Poppins (open source — exact) --- */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/poppins-300-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/poppins-400-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/poppins-500-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/poppins-600-latin.woff2') format('woff2');
}

/* Every <img> now has width+height attrs (for CLS). Keep them from being
   stretched by flex containers — preserve the intrinsic aspect ratio. */
img{height:auto}

/* About hero heading: the self-hosted Futura substitute (Jost) renders ~6%
   wider than the original Futura PT, so the fixed 60px heading tripped a 5px
   horizontal overflow at 320px (the live site fits it because its font is
   narrower). Scale the heading down ONLY on the narrowest phones — min() keeps
   it identical at 60px for viewports >=353px (matching live everywhere it fits)
   and only shrinks below that so the words stay whole and the section fits. */
@media (max-width: 479px) {
  .abt-content-wrap h2 { font-size: min(60px, 17vw) !important; }
}