/* Holding page only; replaced with the real site. */
*, *::before, *::after { box-sizing: border-box; }
html { color-scheme: dark; }
body {
  margin: 0; min-height: 100vh; min-height: 100dvh; display: grid; place-items: center;
  padding: max(1.5rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right))
           max(1.5rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));
  background: #0d0d0f; color: #f2efe8;
  font: 1.125rem/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 34rem; text-align: center; }
.kicker { margin: 0; text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.875rem; color: #b9b3a6; }
h1 { margin: 0.4rem 0 1rem; font-size: clamp(2.6rem, 11vw, 4.5rem); line-height: 1; letter-spacing: -0.02em; }
.lede { font-size: 1.375rem; margin: 0 0 0.5rem; }
p { margin: 0 0 1rem; }
.button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 1.4rem;
  margin-top: 0.5rem; border-radius: 999px; background: #f2efe8; color: #0d0d0f; font-weight: 700;
  text-decoration: none;
}
.button:hover { background: #fff; }
.button:focus-visible { outline: 3px solid #e8b931; outline-offset: 3px; }
