/* KHA Marine — "KHA · Marine" wordmark for the ROM engine header/footer.
   Recreated from the KHA brand: Fraunces serif, white on the dark hero,
   blue accent dot. Transparent + scalable, so it sits cleanly over the ocean. */

/* Reset the ROM logo host (it carried a background-image wordmark + fixed size) */
.kha-logo-host {
  background-image: none !important;
  width: auto !important;
  min-width: 0 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
}

.kha-wm {
  display: inline-flex;
  align-items: center;
  gap: 0.30em;
  font-family: "Fraunces", "Times New Roman", Georgia, serif;
  line-height: 1;
  white-space: nowrap;
  color: #f3f7fb;
  user-select: none;
}

.kha-wm-k {
  font-weight: 600;
  font-size: 2.9rem;
  letter-spacing: 0.05em;
  font-variation-settings: "opsz" 120, "SOFT" 0;
}

.kha-wm-dot {
  width: 0.40em;
  height: 0.40em;
  border-radius: 50%;
  background: #4a9eff;
  flex: 0 0 auto;
  transform: translateY(-0.02em);
}

.kha-wm-m {
  font-style: italic;
  font-weight: 500;
  font-size: 2.9rem;
  letter-spacing: 0.005em;
  color: #eaf2fb;
  font-variation-settings: "opsz" 144, "SOFT" 100;
}

/* Let the enlarged wordmark breathe without clipping the fixed-height header */
.kha-logo-host { overflow: visible !important; height: auto !important; }

/* Footer wordmark tends to sit on a dark panel — keep it light too */
[class*="footer"] .kha-wm { color: #f3f7fb; }

/* ---- Intro loading overlay: hide ROM's Lottie, show KHA wordmark ---- */
[class*="loadingPage__Animation"] > div,
[class*="loadingPage__Animation"] svg {
  display: none !important;
}
.kha-intro-host {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.kha-wm--intro {
  animation: khaIntroPulse 1.6s ease-in-out infinite;
}
.kha-wm--intro .kha-wm-k,
.kha-wm--intro .kha-wm-m {
  font-size: clamp(2.4rem, 6vw, 4.4rem);
}
@keyframes khaIntroPulse {
  0%, 100% { opacity: 0.55; }
  50%      { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .kha-wm--intro { animation: none; opacity: 1; }
}

@media (max-width: 768px) {
  .kha-wm-k, .kha-wm-m { font-size: 1.8rem; }
}

/* ---------------------------------------------------------------------------
   Full-screen nav menu — "Our Boats" model names.
   ROM sized these giant outlined names (navbar__ButtonModel, ~124px) to fit
   short model numbers ("28"/"38"/"48"). KHA's real names (Navigator / Falcon /
   Predator) are far longer and overflowed the row / got cut off ("eaten").
   Bring the size down so all three fit cleanly on one line, and stop the row
   from clipping. */
[class*="navbar__ButtonModel"]{
  font-size:clamp(1.7rem, 4.2vw, 58px) !important;   /* fits Navigator+Falcon+Predator on one row */
  line-height:1.05 !important;
  white-space:nowrap !important;
  letter-spacing:0 !important;
}
[class*="navbar__ButtonContainer"]{
  overflow:visible !important;
  gap:clamp(14px, 2vw, 38px) !important;
  flex-wrap:wrap !important;
}
@media (max-width: 768px){
  [class*="navbar__ButtonModel"]{ font-size:clamp(1.4rem, 8vw, 2.4rem) !important; }
}