/* The holding page. Separate from ora.css because it is temporary: the sheet every
   page shares should not carry rules that exist for a fortnight.

   In a FILE and not a <style> block, and using a class rather than style="...",
   because the site's CSP allows neither from this page. Adding inline style here
   would have meant weakening the policy for the whole site to save one file. */
  /* Only what a one-screen page needs on top of ora.css. Kept in the file rather than
     added to ora.css: this page is temporary, and the stylesheet the whole site shares
     should not carry rules that exist for a fortnight. */
  .soon        { min-height:100dvh; display:grid; grid-template-rows:auto 1fr auto; gap:2rem; padding:2.5rem 1.5rem; }
  .soon__top   { display:flex; justify-content:center; }
  .soon__main  { display:grid; place-content:center; justify-items:center; text-align:center; gap:1.25rem; max-width:44rem; margin-inline:auto; }
  .soon__eyebrow { font-size:.75rem; letter-spacing:.18em; text-transform:uppercase; color:var(--brand-2); font-weight:600; }
  .soon__title { font-family:var(--font-display); font-weight:700; line-height:1.08; margin:0;
                 font-size:clamp(2.25rem, 6vw, 3.75rem); letter-spacing:-.02em; }
  .soon__lede  { margin:0; color:var(--ink-2); font-size:clamp(1rem, 2.2vw, 1.175rem); line-height:1.65; max-width:34rem; }
  .soon__rule  { width:4rem; height:2px; background:var(--grad); border-radius:2px; }
  .soon__cta   { display:flex; flex-wrap:wrap; gap:.75rem; justify-content:center; align-items:center; margin-top:.25rem; }
  .soon__mail  { display:inline-flex; align-items:center; gap:.5rem; padding:.7rem 1.15rem; border-radius:.7rem;
                 background:var(--grad); color:var(--on-brand); font-weight:600; text-decoration:none; font-size:.95rem; }
  .soon__mail:hover { filter:brightness(1.06); }
  .soon__foot  { display:flex; flex-wrap:wrap; gap:1.25rem; justify-content:center; align-items:center;
                 color:var(--faint); font-size:.8125rem; }
  .soon__foot a { color:var(--muted); text-decoration:none; }
  .soon__foot a:hover { color:var(--ink); text-decoration:underline; }
  @media (prefers-reduced-motion:no-preference) {
    .soon__main > * { animation:soon-rise .5s cubic-bezier(.2,.7,.3,1) backwards; }
    .soon__main > *:nth-child(2){animation-delay:.06s} .soon__main > *:nth-child(3){animation-delay:.12s}
    .soon__main > *:nth-child(4){animation-delay:.18s} .soon__main > *:nth-child(5){animation-delay:.24s}
    @keyframes soon-rise { from { opacity:0; transform:translateY(8px) } to { opacity:1; transform:none } }
  }
  .soon__logo { font-size:34px; }