/* ============================================================================
   FLEET WAKE-UP HERO — full-screen scroll-scrubbed Inspire 3 power-up.
   Landing config → flight config, red nav lights, props to blur.
   Scrub: fleet-hero.js. Holds last frame once awake.
   ========================================================================== */
.fhero {
  position: relative;
  height: 100svh;
  overflow: hidden;
  background: var(--ink-950);
}
.fhero__canvas,
.fhero__poster {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.fhero__poster { z-index: 0; }
.fhero__canvas { z-index: 1; }
.fhero__scrim {
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ink-950) 55%, transparent) 0%, transparent 26%),
    linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--ink-950) 82%, transparent) 92%, var(--ink-950) 100%),
    radial-gradient(90% 60% at 30% 85%, color-mix(in srgb, var(--ink-950) 55%, transparent), transparent 70%);
}
.fhero__content {
  position: absolute; left: 0; right: 0; bottom: 9svh; z-index: 3;
}
.fhero__cue {
  margin-top: var(--space-3);
  font-family: var(--font-mono); font-size: var(--mono-label);
  letter-spacing: var(--tracking-label); text-transform: uppercase;
  color: var(--text-tertiary);
  display: flex; align-items: center; gap: 12px;
}
.fhero__cue::after {
  content: ""; width: 1px; height: 34px;
  background: linear-gradient(var(--accent), transparent);
  animation: scrollline 2.4s var(--ease) infinite;
}
@media (prefers-reduced-motion: reduce) { .fhero__cue::after { animation: none; } }

/* Pin: the hero stays fixed while scroll drives the wake-up, then releases */
.fhero-zone { position: relative; height: 260svh; }
.fhero-zone .fhero { position: sticky; top: 0; height: 100svh; }

/* Pin engages at scroll position zero: offset the sticky top by the WP admin
   bar height (32px logged in, 0 for visitors) so there is no dead scroll
   before the wake-up begins. */
.fhero-zone .fhero { top: var(--wp-admin--admin-bar--height, 0px); }