/* generated by scripts/build-tokens.py from brand/tokens.json, do not edit */
@font-face { font-family: "Barlow"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/Barlow-Regular.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/Barlow-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/BarlowCondensed-Bold.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 800; font-style: normal; font-display: swap; src: url("../fonts/BarlowCondensed-ExtraBold.woff2") format("woff2"); }

:root {
  --c-navy: #002941;
  --c-sky: #b6dfed;
  --c-coral: #fd6e6e;
  --c-sky-2: #a9d2e1;
  --c-sky-3: #9bc4d3;
  --c-navy-2: #123b52;
  --c-navy-3: #244d63;
  --f-display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --f-text: "Barlow", system-ui, sans-serif;
  --f-script: "Playfair Display", Georgia, serif;
  --fs-display: clamp(4.25rem, 20vw, 7.5rem);
  --fs-lead: clamp(1.25rem, 3.6vw, 1.5rem);
  --fs-h2: clamp(2.25rem, 7vw, 3.5rem);
  --fs-h3: 1.5rem;
  --fs-body: 1.125rem;
  --fs-small: 0.9375rem;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;
  --sp-8: 96px;
  --r-1: 8px;
  --r-2: 16px;
  --r-3: 24px;
  --r-full: 999px;
  --w-w: 2px;
  --l-max: 1120px;
  --l-gutter-m: 16px;
  --l-gutter-l: 24px;
  --t-fast: 120ms;
  --t-base: 200ms;
  --logo-slant: 0.3041;
  --logo-angle: 16.9deg;
  --logo-min-width: 72px;
  --logo-clear-space: 1 line thickness;
  --focus-ring-on-dark: 3px solid var(--c-coral);
  --focus-ring-on-light: 3px solid var(--c-navy);
  --focus-offset: 3px;
}

:focus-visible { outline: var(--focus-ring-on-light); outline-offset: var(--focus-offset); }
.on-dark :focus-visible { outline: var(--focus-ring-on-dark); }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }