/* Self-hosted web fonts + metric-matched Arial fallbacks (reduces CLS on swap) */

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/outfit-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/outfit-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/outfit-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/space-grotesk-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/space-grotesk-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/space-grotesk-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Outfit Fallback';
  font-style: normal;
  font-weight: 400;
  src: local('Arial');
  size-adjust: 96.89%;
  ascent-override: 103.21%;
  descent-override: 26.84%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Outfit Fallback';
  font-style: normal;
  font-weight: 600;
  src: local('Arial');
  size-adjust: 98.14%;
  ascent-override: 101.89%;
  descent-override: 26.49%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Outfit Fallback';
  font-style: normal;
  font-weight: 700;
  src: local('Arial');
  size-adjust: 98.56%;
  ascent-override: 101.46%;
  descent-override: 26.38%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'SpaceGrotesk Fallback';
  font-style: normal;
  font-weight: 400;
  src: local('Arial');
  size-adjust: 97.72%;
  ascent-override: 100.69%;
  descent-override: 29.88%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'SpaceGrotesk Fallback';
  font-style: normal;
  font-weight: 600;
  src: local('Arial');
  size-adjust: 97.72%;
  ascent-override: 100.69%;
  descent-override: 29.88%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'SpaceGrotesk Fallback';
  font-style: normal;
  font-weight: 700;
  src: local('Arial');
  size-adjust: 97.72%;
  ascent-override: 100.69%;
  descent-override: 29.88%;
  line-gap-override: 0%;
}