* { box-sizing: border-box; }
html { background: #fff; color: #292929; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 48px 24px; font-family: Arial, Helvetica, sans-serif; }
main { width: 100%; max-width: 760px; text-align: center; }
.logo { display: block; width: min(72vw, 330px); max-width: 100%; height: auto; margin: 0 auto 32px; }
h1 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.65rem, 5vw, 2.7rem); font-weight: 400; line-height: 1.25; letter-spacing: .025em; text-wrap: balance; }
.rule { width: 56px; height: 1px; background: #b8b8b8; margin: 28px auto; }
.coming-soon { margin: 0; font-size: .875rem; letter-spacing: .28em; text-transform: uppercase; line-height: 1.6; }
.message { margin: 16px 0 0; color: #666; font-size: .9375rem; line-height: 1.7; }
@media (max-width: 400px) { body { padding: 32px 20px; } .logo { margin-bottom: 24px; } }