@font-face{
font-family:'Space Grotesk';
src:url(/assets/fonts/space-grotesk.woff2) format('woff2');
font-weight:300 700;
font-display:swap;
}
@font-face{
font-family:'DM Sans';
src:url(/assets/fonts/dm-sans.woff2) format('woff2');
font-weight:100 1000;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'DM Sans';
src:url(/assets/fonts/dm-sans-italic.woff2) format('woff2');
font-weight:100 1000;
font-style:italic;
font-display:swap;
}
@font-face{
font-family:'JetBrains Mono';
src:url(/assets/fonts/jetbrains-mono.woff2) format('woff2');
font-weight:100 800;
font-display:swap;
}
:root{
--bg0:#000;
--bg1:#111;
--bg2:#1c1c1c;
--bg3:#262626;
--tx1:#fff;
--tx2:#a8a8a8;
--tx3:#000;
--ac1:#ff5a1f;
--ok1:#2ee59d;
--wn1:#ffd23f;
--bd1:#ff3b5c;
--ff1:'DM Sans',sans-serif;
--ff2:'Space Grotesk',sans-serif;
--ff3:'JetBrains Mono',monospace;
--fz1:18px;
--fz2:16px;
--fz3:20px;
--fh1:clamp(52px,10vw,136px);
--fh2:clamp(40px,6vw,76px);
--fh3:clamp(28px,3.4vw,40px);
--fh4:24px;
--lh1:1.6;
--lh2:0.98;
--lh3:1.1;
--br0:0;
--br9:9999px;
--mw1:1200px;
--mw2:800px;
--gp1:24px;
--gp2:clamp(96px,14vw,176px);
--gp3:clamp(20px,4vw,40px);
--bh1:52px;
--fo1:3px solid var(--ac1);
--fo2:4px;
--sp1:8px;
--sp2:12px;
--sp3:16px;
--sp4:32px;
--sp5:48px;
--sp6:64px;
--ls1:-0.02em;
--ls2:-0.045em;
--ls3:0.06em;
--ul1:2px;
--ul2:0.2em;
--pg1:0.3em;
--bh2:60px;
--th1:44px;
--hk1:28px;
--hk2:36px;
--mw3:36em;
--bw1:360px;
--tg1:7em;
}