/* Subtle, scroll-linked depth on Hello only. Unsupported browsers stay unchanged. */
@supports (animation-timeline: view()) {
 @media (min-width: 821px) and (prefers-reduced-motion: no-preference) {
  body.page-home .hero-showcase { view-timeline-name: --hello-hero; view-timeline-axis: block; overflow: hidden; }
  body.page-home .hero-showcase > .block-video,
  body.page-home .hero-showcase > .block-image { overflow: hidden; }
  body.page-home .hero-showcase > .block-video .block-video__player,
  body.page-home .hero-showcase > .block-image .block-image__img {
   height: calc(100% + 40px) !important;
   animation: hello-hero-parallax linear both;
   animation-timeline: --hello-hero;
   animation-range: exit 0% exit 100%;
  }
 }
}
@keyframes hello-hero-parallax {
 from { transform: translateY(-40px); }
 to { transform: translateY(0); }
}