/* ══════════════════════════════════════════════════════════════════
   Coming-soon footer
   ══════════════════════════════════════════════════════════════════ */
.coming-soon {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
  margin: 0;
  z-index: 10;
  pointer-events: none;
  /* Sequenced entry: fade up AFTER the slide-1 elements (last one finishes
     at ~2.6s — see .s1-logo-dark in style.css). Then pulse takes over. */
  animation:
    coming-soon-fade 0.6s ease 2.6s both,
    coming-soon-pulse 2.8s ease-in-out 3.2s infinite;
}

@keyframes coming-soon-fade {
  0%   { opacity: 0; transform: translateX(-50%) translateY(16px); }
  100% { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@keyframes coming-soon-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.55; }
}

@media (prefers-reduced-motion: reduce) {
  .coming-soon { animation: none; opacity: 0.72; }
}

/* ══════════════════════════════════════════════════════════════════
   Slide-1 headline — symmetric side margins for the standalone landing.
   Deck's .s1-overlay uses asymmetric padding (80px left / 48px right)
   sized for the side-nav gutter, which doesn't exist on this page.
   ══════════════════════════════════════════════════════════════════ */
.s1-overlay {
  padding: 0 clamp(24px, 5vw, 96px);
}

/* ══════════════════════════════════════════════════════════════════
   Remove 72px sidenav reservation from full-bleed background layers.
   On the deck these are offset by 72px to clear the sidenav; without
   it, the leftmost 72px reads as a darker strip (no aurora / noise /
   scan-line).
   ══════════════════════════════════════════════════════════════════ */
.deck-aurora,
.deck-noise,
.deck-scan {
  left: 0;
}

/* ══════════════════════════════════════════════════════════════════
   Tighten the GAGING logo's center safe-zone so the hand images
   (which enter from the screen edges) never touch it at any viewport.
   Deck's #gagingLogo caps at min(520px, 40vw); 40vw is wide enough at
   some breakpoints for the hand artwork's transparent halo to graze
   the logo. Pull both numbers in for guaranteed clearance.
   ══════════════════════════════════════════════════════════════════ */
#gagingLogo {
  max-width: min(440px, 32vw);
}

/* ══════════════════════════════════════════════════════════════════
   Hide the hand artwork at narrow viewports.

   The deck has a mobile rule that hides .hands-wrap on slide 1, but
   it's scoped to `.slide[data-index="0"]` — set by the deck's slide
   router which this standalone page bypasses. The rule never matches
   here, so on real phones / tablets the hands crowd the symbol and
   wordmark. Width-based gate avoids depending on the pointer:coarse
   detection used by `body.deck-mobile`, so narrow desktop windows
   and laptops with touchscreens both get the cleaner layout.
   ══════════════════════════════════════════════════════════════════ */
@media (max-width: 1023px) {
  .hands-wrap {
    display: none;
  }
}