:root {
  --pad: clamp(20px, 8.6vw, 160px);
  --bg: #050608;
  --text: #f4f4f1;
  --line: rgba(255, 255, 255, .16);
  --gold: #f2d98a;
  --green: #2fe05a;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-wipe: cubic-bezier(.77, 0, .18, 1);
  --display: "Unbounded", "Arial Black", system-ui, sans-serif;
  --body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html:not(.js) { scroll-behavior: smooth; }

html.js:not(.loaded) { overflow: hidden; }
       /* no scrolling while the intro plays */
body { background: var(--bg); color: var(--text); font-family: var(--body); -webkit-font-smoothing: antialiased; }

a { color: inherit; text-decoration: none; }