:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: #f4efe6; color: #171612; font-family: Georgia, "Times New Roman", serif; }
canvas { position: fixed; inset: 0; width: 100%; height: 100%; }
main { position: relative; z-index: 1; display: grid; width: 100%; height: 100%; place-items: center; pointer-events: none; }
h1 { margin: 0; padding: 0.25em; font-size: clamp(3rem, 11vw, 9rem); font-weight: 400; letter-spacing: -0.055em; line-height: 0.85; text-align: center; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255,255,255,.55); }
@media (prefers-reduced-motion: reduce) { canvas { opacity: .7; } }