/* KERNX type unification: every page title uses the homepage hero typeface. */
h1,
.page-hero h1,
.hero h1,
main h1 {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.08 !important;
}
h1 em,
h1 span,
h1 b,
h1 strong {
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

/* A <picture> wrapper must not become a layout box of its own.
   display:contents keeps the <img> as the real flex/grid child, so percentage
   sizing still resolves against the original parent and wrapping an image for
   WebP never changes how it renders. More specific rules elsewhere
   (.kx-prov-photo picture, etc.) still win on specificity. */
picture { display: contents; }