@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@300;400&display=swap";
:root{--black:#0a0a09;--near-black:#111110;--dark-surface:#1a1a18;--mid:#3a3a36;--muted:#c1bab3;--light:#a8a89e;--off-white:#fff;--cream:#fff;--red:#c0392b;--red-dim:#7a2520;--font-display:"Bebas Neue", "Impact", sans-serif;--font-serif:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Helvetica Neue", Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--black);color:var(--off-white);font-family:var(--font-mono);letter-spacing:.01em;-webkit-font-smoothing:antialiased;cursor:crosshair;font-weight:100}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}body:before{content:"";z-index:1000;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s forwards fadeUp}.fade-up-delay-1{opacity:0;animation-delay:80ms;animation-fill-mode:both}.fade-up-delay-2{opacity:0;animation-delay:.18s;animation-fill-mode:both}.fade-up-delay-3{opacity:0;animation-delay:.3s;animation-fill-mode:both}.fade-up-delay-4{opacity:0;animation-delay:.45s;animation-fill-mode:both}