:root {

  --c-teal:        #22838d;
  --c-coral:       #ec7765;
  --c-teal-muted:  #69a2a8;
  --c-teal-body:   #507e82;
  --c-teal-deep:   #3d6f74;
  --c-teal-soft:   #5e9fa6;
  --c-tag:         #838383;
  --c-card:        #d2eaed;
  --c-cream:       #fef5ef;
  --c-white:       #ffffff;
  --c-rule:        #606060;
  --c-grey:        #d9d9d9;

  --f-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --t-display:  51px; --lh-display:  69.67px;
  --t-h1:       33px; --lh-h1:       45.08px;
  --t-hub:      40px; --lh-hub:      54.64px;
  --t-h2:       26px; --lh-h2:       35.52px;
  --t-h3:       24px; --lh-h3:       32.78px;
  --t-h4:       22px; --lh-h4:       30.05px;
  --t-lead:     20px; --lh-lead:     27.32px;

  --t-body:     18px; --lh-body:     24.59px;
  --t-nav:      16px; --lh-nav:      21.86px;
  --t-small:    14px; --lh-small:    19.12px;

  --indent:     0.8em;
  --blank-line: 1.366em;

  --r:      9px;
  --r-sm:   5px;

  --page:         1138px;
  --card-w:       1140px;
  --card-top:      130px;
  --card-inner:    950px;
  --card-inset:     95px;
  --body-w:        900px;

  --card-header-w: 926px;

  --gutter:         23px;
  --stack-tight:    23px;
  --stack:          60px;
  --stack-loose:   120px;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--f-sans);
  font-size: var(--t-body);
  line-height: var(--lh-body);
  font-weight: 400;
  color: var(--c-teal-body);
  background: var(--c-white);
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }

:focus-visible { outline: 2px solid var(--c-coral); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.623714ac1d99.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/manrope-latin.101877a7a906.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}