:root {
  --cg-font-gotham: "Gotham", Arial, Helvetica, sans-serif;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Book.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-BookItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-MediumItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-BoldItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Black.otf") format("opentype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-BlackItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}

:root {
  --cg-red: #e53338;
  --cg-red-deep: #c72d32;
  --cg-teal: #12bfbf;
  --cg-teal-deep: #087878;
  --cg-black: #050607;
  --cg-ink: #171a1d;
  --cg-slate: #454b50;
  --cg-muted: #6f767c;
  --cg-paper: #f7f6f2;
  --cg-white: #fff;
  --cg-line: rgba(23, 26, 29, 0.14);
  --cg-shell: 1440px;
  --cg-gutter: clamp(1.25rem, 2.5vw, 2rem);
  --cg-serif: var(--cg-font-gotham);
  --cg-sans: var(--cg-font-gotham);
  --cg-radius: 0.5rem;
  --cg-shadow: 0 24px 80px rgba(5, 6, 7, 0.14);
  --cg-ease: cubic-bezier(0.2, 0.75, 0.2, 1);
  --cg-sticky-header-offset: 212px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}

