@font-face {
  font-family: "Gilroy";
  src: url("../../fonts/Gilroy-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  ascent-override: 102%;
  descent-override: 21%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Gilroy Fallback";
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Arial");
  font-weight: 600;
  size-adjust: 94.63%;
  ascent-override: 107.79%;
  descent-override: 22.19%;
  line-gap-override: 0%;
}

:root {
  --c-teal: #1cb0b0;
  --c-teal-dark: #179595;
  --c-teal-soft: #e6f6f6;
  --c-blue: #2e80c1;
  --c-blue-dark: #276ca3;
  --c-green: #70ae45;
  --c-green-dark: #5d913a;

  --c-text: #253c45;
  --c-muted: #999999;
  --c-chevron: #d0d0d0;
  --c-border: #dde2e5;
  --c-banner-overlay: rgba(40, 94, 136, 0.56);
  --c-bg: #ffffff;
  --c-bg-soft: #f4f5f6;
  --c-white: #ffffff;

  --font: "Gilroy", "Gilroy Fallback", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;

  --fs-h1: clamp(30px, 3.07vw, 44.2px);
  --fs-h2: clamp(26px, 2.52vw, 36.3px);
  --fs-h3: clamp(20px, 2.08vw, 29.9px);
  --fs-small: 14px;
  --fs-xs: 12px;

  --section-y: clamp(48px, 6.67vw, 96px);

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  --u: min(1px, 100vw / 1440);
  --gutter: max(16px, calc(65 * var(--u)));
  --container: 1440px;
  --edge: max(0px, (100% - var(--container)) / 2);

  --radius-sm: 3px;
  --radius: 8px;
  --shadow-card: 0 6px 24px rgba(37, 60, 69, 0.07);
  --transition: 0.2s ease;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --nav-h: 142px;
}

@media (max-width: 1024px) {
  :root {
    --nav-h: 84px;
  }
}