*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--c-bg);color:var(--c-text);font:400 var(--fs-0)/1.65 var(--font-sans);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--c-link);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{line-height:1.15;margin:0 0 var(--sp-4);color:var(--c-ink);letter-spacing:-.01em}
h1,h2{font-family:var(--font-serif);font-weight:600}
h1{font-size:var(--fs-4)} h2{font-size:var(--fs-3)} h3{font-size:var(--fs-2);font-family:var(--font-sans);font-weight:700}
p{margin:0 0 var(--sp-4)}
.container{width:min(100% - 2*var(--gutter),var(--container));margin-inline:auto}
.section{padding-block:clamp(2.5rem,6vw,5rem)}
.section--alt{background:var(--c-panel)}
.eyebrow{font:700 .78rem/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--c-link);margin-bottom:var(--sp-3)}
.lede{font-size:var(--fs-1);color:var(--c-text-muted);max-width:60ch}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-999px;top:0;background:var(--c-navy);color:#fff;padding:.75rem 1rem;z-index:100}
.skip-link:focus{left:0}

/* Reveal animation: content is visible by default; JS opts in by adding .js to <html> */
.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js [data-reveal].is-in,.reveal-fallback [data-reveal]{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .js [data-reveal]{opacity:1;transform:none}
}