/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓  C O M I N G  S O O N  ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */
/* The holding page until launch: one screen, centred top to bottom, the headline at statement size. */
.soon { min-height: 100vh; min-height: 100dvh; display: grid; align-items: center; padding-block: clamp(48px, 8vw, 120px); }
.soon .wrap { display: grid; gap: clamp(18px, 2.4vw, 28px); justify-items: start; }
.soon-logo { display: block; width: clamp(150px, 16vw, 210px); margin-bottom: clamp(20px, 4vw, 48px); }   /* the wordmark a little larger than in the menu bar */
.soon-logo svg { display: block; width: 100%; height: auto; }
.soon h1 { font-size: var(--step-hero); line-height: 0.98; letter-spacing: -0.045em; max-width: 13ch; margin: 0; text-wrap: balance; }
.soon h1 .px { animation: blink 0.9s steps(1, end) 0.6s 3 backwards; }   /* three blinks, then it holds as the full stop, as on the homepage */
.soon-copy { max-width: 46ch; display: grid; gap: 6px; }
.soon-copy p { margin: 0; color: var(--soft); font-size: var(--step-lead); line-height: 1.45; }
.soon-copy p:first-child { color: var(--ink); }
.soon .cta { margin-top: 8px; }
.soon-logo .lg-ink { fill: var(--ink); }
.soon-logo .lg-pink { fill: var(--pink); }