*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h-mobile) + 16px);}
@media (min-width:768px){html{scroll-padding-top:calc(var(--header-h) + 20px);}}
body{
  margin:0;
  font-family:var(--ff-body);
  color:var(--text);
  background:var(--bg);
  background-image:radial-gradient(color-mix(in srgb,var(--text) 9%,transparent) 1px,transparent 1px);
  background-size:22px 22px;
  line-height:1.6;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:clip;
  min-height:100dvh;
}
img,svg,picture,video{display:block;max-width:100%;}
figure{margin:0;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;}
input,textarea,select{font:inherit;color:inherit;}
h1,h2,h3,h4{margin:0;font-family:var(--ff-display);font-weight:600;line-height:1.15;letter-spacing:-0.005em;color:var(--text);}
p{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
[hidden]{display:none !important;}
::selection{background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--text);}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px;}
@media (min-width:768px){.container{padding:0 32px;}}
.eyebrow{font-family:var(--ff-body);font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:500;display:inline-block;}
.section{padding:64px 0;}
@media (min-width:768px){.section{padding:96px 0;}}
.section-title{font-family:var(--ff-display);font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.08;color:var(--text);margin:0 0 14px;}
.section-title em{font-style:italic;color:var(--accent);}
.section-lede{font-size:1.02rem;color:var(--text-2);max-width:62ch;margin:0 0 36px;line-height:1.6;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
