/* Tokens and fonts load through links in partials/head.html so stylesheet requests
   can begin together without an additional CSS request chain. */

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif;
  font-size:17.5px;line-height:1.65;color:var(--ink);background:var(--paper);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
h1,h2,h3{font-family:Poppins,"Source Sans 3",sans-serif;line-height:1.15;letter-spacing:-.015em}
h1{font-size:clamp(2.05rem,4.6vw,3.2rem);text-wrap:balance}
h2{font-size:clamp(1.85rem,3.6vw,2.7rem)}
h3{font-size:1.18rem}
img{max-width:100%;display:block}
a{color:var(--blue)}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
section{padding:92px 0}
p{max-width:78ch}
p+p{margin-top:1em}
input,select,textarea,button{font:inherit;max-width:100%}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(max-width:430px){
  body{font-size:16.5px}
  .wrap{padding:0 18px}
  section{padding:64px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}