/* ==========================================================================
   Launch Labs — circular identity mark (header logo).
   Inline SVG: "LAUNCH LABS" repeated around a perfect circle (white, generous
   tracking) with one fixed red centre dot (#D92632). No outer border, no
   symbol. The text ring rotates slowly, linearly, clockwise (~27s / rev); the
   dot stays put. prefers-reduced-motion shows the same mark, stationary.
   A horizontal fallback lockup ("LAUNCH LABS •") is kept for small/unsuitable
   contexts. Only restyles the header logo container; nothing else changes.
   ========================================================================== */

/* The larger mark needs the header to grow to fit it (it no longer forces a
   fixed nav height). */
.nav {
  height: auto;
  min-height: var(--nav-h);
  align-items: center;
  padding-top: 40px;    /* breathing room above the logo */
  padding-bottom: 0.6rem;
}

.nav__logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  font-size: 0;          /* clears the old text-logo type styling on this element */
  letter-spacing: normal;
}

.nav__logo-circular { display: inline-flex; }

/* ~2x the previous size, with ~2x the ring text. */
.ll-mark {
  display: block;
  width: clamp(100px, 10.8vw, 124px);
  height: clamp(100px, 10.8vw, 124px);
}

.ll-mark__text {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
  /* Bigger, bolder ring text. It's capped by the circle: because textLength is
     locked to the circumference, pushing this much past ~16 forces the glyphs
     to overlap. The whole mark is also 2x larger, so the text reads much bigger
     overall. */
  font-size: 15px;
  fill: #FFFFFF;
  text-transform: uppercase;
}

/* Only the text ring rotates; the dot is outside this group. Rotation is
   scroll-driven by js/hero-transition.js (scrubbed, about the mark's centre via
   svgOrigin), so the ring is stationary until the user scrolls and keeps
   turning under scroll control as the white arch covers it. */
.ll-mark__spin {
  will-change: transform;
}

.ll-mark__dot { fill: #D92632; }

/* Horizontal fallback lockup — preserved asset for when the circular mark is
   too small or unsuitable; swapped in on very small screens. */
.nav__logo-fallback {
  display: none;
  align-items: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 1rem;
  line-height: 1;
  color: #FFFFFF;
}
.nav__logo-dot { color: #D92632; margin-left: 0.4em; }

@media (max-width: 22rem) {
  .nav__logo-circular { display: none; }
  .nav__logo-fallback { display: inline-flex; }
}

/* Reduced motion: js/hero-transition.js declines to run, so the ring simply
   never rotates — nothing to override here. */