:root{--base-100: #faf9f7;--base-200: #e8e6e3;--base-300: #d4d1cc;--base-400: #2c2824;--base-500: #1a1613;--accent-light: #6b7280;--accent-dark: #374151}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--base-100);color:var(--base-400);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo{font-family:PP Pangram Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.03em;padding:12px 20px;border-radius:8px;background-color:var(--base-100);color:var(--base-400);box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;text-transform:lowercase}.logo.logo-inverted{background-color:var(--base-500);color:var(--base-100);box-shadow:0 2px 12px #0003}p{font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--base-400);-webkit-font-smoothing:antialiased}nav,footer{position:fixed;width:100vw;padding:2em;display:flex;justify-content:space-between;align-items:center;z-index:2}nav{top:0}footer{bottom:0}#canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}@media (max-width: 768px){.logo{font-size:18px;padding:10px 16px}nav,footer{padding:1.5em}p{font-size:11px}}