@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/newsreader-italic-400.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;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/newsreader-normal-400.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;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/space-grotesk-normal-400.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;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/space-grotesk-normal-500.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;
}

  @font-face{font-family:'Newsreader Fallback';src:local('Georgia');size-adjust:98%;ascent-override:94%;descent-override:24%;line-gap-override:0%;}
  :root{
    --midnight:#0B1642; --depth:#070E2E; --porcelain:#F5F2EC; --bone:#E8E2D6;
    --klein:#2447E0; --klein-bright:#8CA3FF; --klein-deep:#1F3BB3;
    --mist:rgba(245,242,236,.68); --line:rgba(245,242,236,.16); --line-ink:rgba(23,25,27,.16);
    --ink:#17191B; --slate:#565B60;
    --serif:'Newsreader','Newsreader Fallback',Georgia,serif; --sans:'Space Grotesk',system-ui,sans-serif;
    --ease:cubic-bezier(.22,.61,.36,1);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:auto;}
  body{font-family:var(--sans);font-weight:300;color:var(--porcelain);background:var(--midnight);
    line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  ::selection{background:var(--klein);color:var(--porcelain);}
  img,video{max-width:100%;display:block;}
  h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.01em;text-wrap:balance;}
  h2,h3{color:var(--porcelain);}
  .it{font-style:italic;color:var(--klein-bright);display:inline-block;}
  .light .it{color:var(--klein-deep);}
  .eyebrow{font-weight:500;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--mist);}
  .light .eyebrow{color:var(--slate);}
  .wrap{width:min(1160px,92vw);margin-inline:auto;}
  .sec{padding:clamp(4.5rem,11vh,8rem) 0;}
  .rule{height:1px;background:var(--line);transform:scaleX(0);transform-origin:left;}
  .light .rule{background:var(--line-ink);}
  .rule--klein{background:var(--klein-bright);}
  .light .rule--klein{background:var(--klein-deep);}
  .no-js .rule{transform:scaleX(1);}


.skip-link{position:absolute;top:-8rem;left:1rem;z-index:1000;background:#F5F2EC;color:#0B1642!important;padding:1rem;text-decoration:underline}.skip-link:focus{top:1rem}
