@font-face{
font-family:"Archivo";
font-style:normal;
font-weight:100 900;
font-stretch:62% 125%;
font-display:swap;
src:url(../fonts/archivo/archivo-latin.woff2) format("woff2");
}
@font-face{
font-family:"Hanken Grotesk";
font-style:normal;
font-weight:400 800;
font-display:swap;
src:url(../fonts/hanken/hanken-latin.woff2) format("woff2");
}
@font-face{
font-family:"IBM Plex Mono";
font-style:normal;
font-weight:400;
font-display:swap;
src:url(../fonts/plexmono/plexmono-400-latin.woff2) format("woff2");
}
@font-face{
font-family:"IBM Plex Mono";
font-style:normal;
font-weight:500;
font-display:swap;
src:url(../fonts/plexmono/plexmono-500-latin.woff2) format("woff2");
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
background:var(--bg);
color:var(--text);
font-family:var(--font-body);
font-size:var(--text-body);
line-height:1.55;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
h1,h2,h3{
font-family:var(--font-heading);
font-stretch:75%;
font-weight:800;
line-height:1.05;
letter-spacing:-0.015em;
margin:0;
text-wrap:balance;
}
h1{font-size:var(--text-h1)}
h2{font-size:var(--text-h2)}
h3{font-size:var(--text-h3)}
p{margin:0;max-width:65ch}
a{color:inherit;text-underline-offset:3px}
a:hover{color:var(--text)}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
::selection{background:var(--accent);color:var(--bg)}
.skip{position:absolute;left:var(--space-4);top:calc(var(--space-4) * -4);background:var(--surface);color:var(--text);padding:var(--space-3) var(--space-4);border:var(--line-w) solid var(--line);border-radius:var(--radius-control);z-index:50;text-decoration:none;min-height:44px;display:flex;align-items:center}
.skip:focus{top:var(--space-2)}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:0.01ms;animation-iteration-count:1;transition-duration:0.01ms}
}