:root { color-scheme: dark; --board: #12100e; --ink: #eee7d8; --muted: #b2a796; --gold: #c5a34e; }
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--board); }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; color: var(--ink); font-family: Georgia, 'Times New Roman', serif; text-align: center; }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 72px 24px 48px; }
.mark { width: 72px; height: 72px; stroke: var(--gold); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 36px; }
h1 { font-size: clamp(3.1rem, 10vw, 7.5rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.05; margin: 0; }
.promise { font-size: clamp(1.2rem, 3vw, 1.6rem); line-height: 1.5; color: var(--muted); margin: 28px 0 0; }
.arrival { display: flex; flex-direction: column; gap: 12px; margin: 56px 0 0; font-family: system-ui, sans-serif; font-size: .95rem; color: var(--muted); }
.arrival span { font-family: Georgia, 'Times New Roman', serif; font-size: 2rem; letter-spacing: .12em; color: var(--gold); }
footer { padding: 24px 20px 32px; color: var(--muted); font-size: .85rem; }
@media (max-height: 650px) { main { padding-top: 32px; } .mark { margin-bottom: 20px; } .arrival { margin-top: 30px; } }