html,
body {
  height: 100%;
}

body {
  font-family: Inter, sans-serif;
}

.hero-shadow {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.word {
  display: inline-block;
  opacity: 0;
  transform: translateY(15px);
  filter: blur(4px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease,
    filter 0.7s ease;
  will-change: opacity, transform, filter;
}

.word.is-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.hero-cta {
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}

.hero-cta.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.accent-your {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 400;
}