/* One quiet holding page in the Lagoon palette. Single dark look by design. */
:root { --night: #0a1224; --ink: #f5eee0; --soft: rgba(245,238,224,.72); --gold: #eab866; color-scheme: dark; }
html, body { margin: 0; min-height: 100%; }
body {
  background: radial-gradient(ellipse at 75% 110%, rgba(229,154,92,.45), transparent 55%), linear-gradient(180deg, #0a1224 0%, #1f2c55 70%, #3b2f52 100%);
  background-color: var(--night); color: var(--ink); font: 17px/1.6 "Figtree", "Segoe UI", system-ui, sans-serif; min-height: 100vh;
}
.hero {
  max-width: 760px; margin: 0 auto; padding-block: 14vh 10vh;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));
}
.brand { font-size: 14px; letter-spacing: .22em; text-transform: uppercase; color: var(--soft); margin: 0 0 28px; }
.brand::before { content: ""; display: inline-block; width: 30px; height: 1px; background: var(--gold); vertical-align: middle; margin-right: 12px; }
h1 { font-family: "Gloock", Georgia, serif; font-weight: 400; font-size: clamp(38px, 7vw, 72px); line-height: 1.02; margin: 0 0 22px; text-wrap: balance; }
.lead { font-size: clamp(17px, 2.2vw, 21px); color: var(--soft); max-width: 58ch; margin: 0 0 28px; }
.soon { color: var(--soft); margin: 0; }
.soon a { color: var(--gold); }
a:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }