:root { color-scheme: light; }
* { box-sizing: border-box; }
html { min-height: 100%; background: #f9f6ee; }
body { margin: 0; min-height: 100vh; min-height: 100svh; color: #10183a; background: #f9f6ee; }
.landing { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: clamp(24px, 5vw, 70px); }
.logo { display: block; width: min(100%, 900px); height: auto; margin: 0 auto 0; }
h1 { margin: -1.5% 0 22px; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: clamp(31px, 5vw, 64px); line-height: 1.12; letter-spacing: -.025em; text-wrap: balance; }
.coming-soon { margin: 0; font-family: Arial, Helvetica, sans-serif; letter-spacing: .29em; font-size: 12px; font-weight: 600; }
@media (max-width: 600px) { .landing { padding: 22px; } .logo { width: min(112%, 520px); max-width: none; } h1 { margin: 4px 0 24px; } }