/* Scroll-triggered print reveal for the Why title.
   The text stays one node so Montserrat kerning and layout remain unchanged. */
@keyframes agencyWhyTitlePrint {
  from {
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
  }
}

@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  .home-why .why-display[data-why-print-state="idle"] {
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
  }

  .home-why .why-display[data-why-print-state="run"] {
    animation: agencyWhyTitlePrint 1.05s steps(15, end) both;
    will-change: clip-path;
  }
}

.home-why .why-display[data-why-print-state="done"] {
  clip-path: none;
  -webkit-clip-path: none;
  animation: none;
  will-change: auto;
}

@media (max-width: 900px), (prefers-reduced-motion: reduce) {
  .home-why .why-display[data-why-print-state] {
    clip-path: none;
    -webkit-clip-path: none;
    animation: none;
    will-change: auto;
  }
}