:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  color: #000;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
main {
  position: relative;
  flex: 1;
  min-height: calc(100svh - 100px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  overflow: hidden;
}
.intro { position: relative; z-index: 2; width: 100%; max-width: 440px; text-align: center; }
h1 { margin: 0 0 24px; font: inherit; }
p { margin: 0; text-wrap: pretty; }
a {
  display: inline-block;
  margin-top: 20px;
  padding: 4px 0;
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
a:focus-visible { outline: 1px solid #000; outline-offset: 6px; }
#orb { display: block; width: 64px; height: 64px; margin: 28px auto 0; }

.site-footer { flex: 0 0 auto; }
.footer-wordmark { position: relative; height: .67em; overflow: hidden; font-size: clamp(66px, 14.4vw, 240px); text-align: center; line-height: 1.12; user-select: none; background-image: radial-gradient(circle, #0000000b .65px, transparent .85px); background-size: 5px 5px; mask-image: linear-gradient(transparent, #000 36%); }
.footer-wordmark span { display: block; font-weight: 500; letter-spacing: -.07em; color: #ededed; }
.footer-wordmark canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.footer-wordmark[data-ready="true"] span { visibility: hidden; }
@media (max-width: 600px) {
  main { min-height: calc(100svh - 65px); padding: 35px 24px; }
  .footer-wordmark { font-size: 14.4vw; height: .8em; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}