:root { --night: #0b1020; --deep: #141a33; --mist: #c9cfe6; --glow: #e8d9b5; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: radial-gradient(ellipse at 50% 35%, var(--deep) 0%, var(--night) 70%);
  color: var(--mist);
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  display: flex; align-items: center; justify-content: center;
  padding: 24px 16px;
}
main { text-align: center; max-width: 560px; width: 100%; }
.art { width: min(78vw, 360px); height: auto; display: block; margin: 0 auto 28px; }
h1 { font-weight: 400; font-size: clamp(2.2rem, 7vw, 3.4rem); letter-spacing: 0.08em; color: #f2efe6; }
.tagline { margin-top: 10px; font-style: italic; font-size: clamp(1.05rem, 3.4vw, 1.3rem); color: var(--glow); letter-spacing: 0.04em; }
.soon { margin-top: 36px; font-family: -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 0.8rem; letter-spacing: 0.32em; text-transform: uppercase; color: #8a93b8; }