/* ============================================================================
   AJAY CHEEMA — "Soon" full-viewport layout
   Ported from: Ajay Cheema/Digital Training Programmes.html \3c style> block.
   Shared by the Programmes (coming soon) template AND the 404 page, which
   uses the same centred carbon composition.
   Bundled by PostCSS → assets/css/page-soon.css
   ============================================================================ */

.soon { min-height: calc(100svh - 76px); background: var(--carbon); display: grid; place-items: center;
  padding: clamp(64px,10vh,120px) clamp(24px,5vw,72px); text-align: center; }

/* Default heading scale — still used by the 404 page, which shares this file. */

.soon h1 { font-family: var(--font-head); font-weight: 700; letter-spacing: -.02em;
  font-size: clamp(46px,8vw,120px); line-height: .98; color: var(--bone); margin: 18px 0 0;
  overflow-wrap: anywhere; }

/* Programmes page: "Digital Training Programmes" is the real header and leads;
   "Launching soon." steps down beneath it (client feedback round 2). */

.soon__title { font-size: clamp(38px,6.4vw,92px) !important; margin: 0 !important; }

.soon__launch { font-family: var(--font-head); font-weight: 700; letter-spacing: -.01em;
  font-size: clamp(22px,3vw,40px); line-height: 1.1; color: var(--bone);
  margin: 14px 0 0; overflow-wrap: anywhere; }

.soon p.sub { font-size: clamp(16px,1.4vw,19px); color: var(--ash-400); line-height: 1.6;
  margin: 26px auto 0; max-width: 46ch; }

.soon__badge { display: inline-flex; align-items: center; gap: 10px; margin-top: 34px;
  padding: 12px 22px; border: 1px solid rgba(245,242,236,.2);
  font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: .18em;
  text-transform: uppercase; color: var(--bone); }

.soon__badge::before { content: ""; width: 8px; height: 8px; border-radius: 50%;
  background: var(--ignite); animation: pip 2s infinite; }

@keyframes pip { 0%,100%{ box-shadow: 0 0 0 0 rgba(193,124,64,.5);} 50%{ box-shadow: 0 0 0 8px rgba(193,124,64,0);} }

@media (prefers-reduced-motion: reduce){ .soon__badge::before { animation: none; } }

/* — Newsletter signup box (Programmes template only) — */

.soon__signup { width: 100%; max-width: 440px; margin: 44px auto 0; text-align: left; }

.soon__signup-intro { font-size: 15px; line-height: 1.6; color: var(--ash-300);
  margin: 0 0 18px; text-align: center; }