@font-face {
  font-family: "Gillis Didone";
  src: url("/fonts/GillisDidone-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; min-height: 100%; background: #0a0a0a; }
body { color: #fffaf3; overflow: hidden; }
.background { position: fixed; inset: 0; background: radial-gradient(ellipse at center, #211038 0, #0a0a0a 58%); }
canvas { display: block; width: 100%; height: 100%; }
main { position: relative; display: grid; place-items: center; width: 100%; min-height: 100svh; padding: 24px; }
h1 { margin: 0; font-family: "Gillis Didone", Didot, serif; font-size: clamp(66px, 12.5vw, 192px); font-weight: 400; font-kerning: normal; line-height: 1; letter-spacing: -0.012em; text-align: center; text-shadow: 0 2px 34px #09050b80; }
::selection { background: #c7a1f3; color: #160b23; }
@media (max-width: 480px) { h1 { font-size: clamp(60px, 16vw, 86px); } }