/*
 * Safal Pulse hero headline — authoritative styles.
 * Keep this stylesheet after home.css so later homepage edits cannot silently
 * replace the headline font or disable the typewriter caret.
 */
@font-face {
  font-family: "SafalPulseHero";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url("/assets/fonts/playfair-display-700.ttf?v=20260803r2") format("truetype");
}

@font-face {
  font-family: "SafalPulseHero";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: url("/assets/fonts/playfair-display-700-italic.ttf?v=20260803r2") format("truetype");
}

.hero h1.hero-typewriter,
.hero h1.hero-typewriter .hero-typewriter-line,
.hero h1.hero-typewriter .hero-typewriter-accent {
  font-family: "SafalPulseHero", "Playfair Display", Georgia, "Times New Roman", serif !important;
  font-size: 60px !important;
  font-weight: 700 !important;
  font-synthesis: none !important;
  font-stretch: normal !important;
  font-variation-settings: normal !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}

.hero h1.hero-typewriter {
  display: block !important;
  min-height: 3.24em !important;
  max-width: 720px !important;
  position: relative !important;
  font-variant-ligatures: none !important;
}

/* Retire the legacy pseudo-element caret from older homepage styles. */
.hero h1.hero-typewriter::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.hero h1.hero-typewriter .hero-typewriter-line,
.hero h1.hero-typewriter .hero-typewriter-accent {
  display: inline !important;
}

.hero h1.hero-typewriter .hero-typewriter-accent {
  color: var(--gold, #C9A84C) !important;
  font-style: italic !important;
}

.hero-typewriter-caret {
  display: inline-block !important;
  width: .075em !important;
  height: .82em !important;
  margin-left: .075em !important;
  background: var(--gold, #C9A84C) !important;
  vertical-align: -.055em !important;
  animation: safalHeroCaretBlink .78s steps(1, end) infinite !important;
}

.hero-typewriter.typed-done .hero-typewriter-caret {
  animation-duration: .92s !important;
}

@keyframes safalHeroCaretBlink {
  0%, 48% { opacity: 1; }
  49%, 100% { opacity: 0; }
}

@media (min-width: 761px) and (max-width: 1120px) {
  .hero h1.hero-typewriter,
  .hero h1.hero-typewriter .hero-typewriter-line,
  .hero h1.hero-typewriter .hero-typewriter-accent {
    font-size: 52px !important;
  }
}

@media (max-width: 760px) {
  .hero h1.hero-typewriter,
  .hero h1.hero-typewriter .hero-typewriter-line,
  .hero h1.hero-typewriter .hero-typewriter-accent {
    font-size: 34px !important;
  }

  .hero h1.hero-typewriter {
    max-width: 100% !important;
    min-height: 3.24em !important;
  }
}

@media (max-width: 380px) {
  .hero h1.hero-typewriter,
  .hero h1.hero-typewriter .hero-typewriter-line,
  .hero h1.hero-typewriter .hero-typewriter-accent {
    font-size: 30px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-typewriter-caret {
    display: none !important;
    animation: none !important;
  }
}