:root{
--bg1:#fbfbf8;
--bg2:#f0f0ea;
--bg3:#e7e7df;
--bg4:#ffe58a;
--cl1:#c2410c;
--cl2:#141414;
--cl3:#3a3a3a;
--cl4:#237447;
--cl5:#b5363c;
--cl6:#d90000;
--cl7:#000000;
--cl8:#6001d2;
--cl9:#ffd23f;
--bg5:#dcdcd3;
--bg6:#d6d6d0;
--bg7:#b5363c;
--bg8:#9e2d33;
--tx3:#85857d;
--tx1:#141414;
--tx2:#62625c;
--tx4:#ffffff;
--tx5:#7a7a73;
--tx6:#10214a;
--tx7:#ffffff;
--hl1:#ffe58a;
--hl2:#141414;
--hl3:rgba(128,128,128,.12);
--hl4:rgba(194,65,12,.16);
--hl5:rgba(255,210,63,.55);
--hl6:rgba(255,200,0,.45);
--hl7:rgba(29,78,216,.12);
--hl8:#ffe58a;
--hl9:#ffb4b4;
--ov1:rgba(251,251,248,.94);
--ov2:rgba(194,65,12,.1);
--ln1:#d6d6ce;
--ar1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23141414' d='M2 5l6 6 6-6-1.5-1.5L8 8 3.5 3.5z'/%3E%3C/svg%3E");
--br1:0;
--br2:8px;
--br9:9999px;
--sh1:none;
--sh2:none;
--sh3:0 1px 3px rgba(0,0,0,.12);
--gp1:12px;
--gp2:24px;
--gp3:clamp(48px,7vh,72px);
--gp4:clamp(64px,10vh,112px);
--du1:250ms;
--du2:1s;
--fz1:66px;
--fz2:20px;
--fw2:500;
--fw1:700;
--ls1:-.025em;
--ta1:center;
--ff1:"Hanken Grotesk",system-ui,sans-serif;
--ff2:"Big Shoulders",system-ui,sans-serif;
--sk1:#c2410c;
--sk2:#1d4ed8;
--sk3:#237447;
--sk4:#6001d2;
--sk5:#b5363c;
--sk6:#0f766e;
--lg1:#123a8a;
}
@font-face{
font-family:"Big Shoulders";
font-style:normal;
font-weight:400 900;
font-display:swap;
src:url(fonts/big-shoulders.woff2) format("woff2");
}
@font-face{
font-family:"Hanken Grotesk";
font-style:normal;
font-weight:400 800;
font-display:swap;
src:url(fonts/hanken.woff2) format("woff2");
}
@media screen{
html.dark-mode{
--bg1:#123a8a;
--bg2:#0d2f73;
--bg3:var(--bg2);
--bg4:#1d4aa3;
--cl1:#ffd23f;
--cl2:#ffd23f;
--cl3:#ffffff;
--cl4:#8cdda8;
--cl5:#ffaaaa;
--cl6:#ff8c8c;
--cl7:#e6b82a;
--cl8:#ffffff;
--cl9:#ffd23f;
--bg5:#1a4596;
--bg6:#56607a;
--bg7:#b5363c;
--bg8:#9e2d33;
--tx3:#c3c9d6;
--tx1:#eef3ff;
--tx2:#abbfe7;
--tx4:#10214a;
--tx5:#859ed0;
--tx7:#ffffff;
--hl1:#ffd23f;
--hl2:#10214a;
--hl3:rgba(220,220,220,.12);
--hl4:rgba(255,170,170,.24);
--hl5:rgba(255,255,255,.24);
--hl7:rgba(255,210,63,.2);
--hl8:#ffd23f;
--hl9:#ff8f8f;
--ov1:rgba(18,58,138,.94);
--ov2:rgba(255,210,63,.1);
--ln1:#2f5bb0;
--ar1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23eef3ff' d='M2 5l6 6 6-6-1.5-1.5L8 8 3.5 3.5z'/%3E%3C/svg%3E");
--sh3:0 1px 3px rgba(0,0,0,.35);
--sk1:#ffd23f;
--sk2:#8cc8ff;
--sk3:#8cdda8;
--sk4:#d7b4ff;
--sk5:#ffaaaa;
--sk6:#7fe0d4;
--lg1:#ffd23f;
}
}
