.home-page .hero::after {
      background:
        linear-gradient(180deg, rgba(23, 50, 79, 0.08) 0%, rgba(23, 50, 79, 0.12) 48%, rgba(255, 253, 248, 0.18) 100%),
        linear-gradient(90deg, rgba(23, 50, 79, 0.08) 0%, transparent 18%, transparent 82%, rgba(23, 50, 79, 0.08) 100%);
    }

    .home-page .hero-scene img {
      filter: saturate(0.72) brightness(0.88);
    }

    @keyframes heroImageReveal {
      from {
        opacity: 0.72;
        transform: scale(1.04);
      }

      to {
        opacity: 1;
        transform: scale(1);
      }
    }

    @keyframes heroCopyReveal {
      from {
        opacity: 0;
        transform: translateY(22px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes scrollCueFloat {

      0%,
      100% {
        transform: translateY(0);
        opacity: 0.62;
      }

      50% {
        transform: translateY(8px);
        opacity: 1;
      }
    }

    @keyframes sectionReveal {
      from {
        opacity: 0;
        transform: translateY(18px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .home-page .hero-scene img {
      animation: heroImageReveal 1.4s ease-out both;
      transform-origin: center center;
    }

    .home-page .hero-copy {
      animation: heroCopyReveal 0.9s 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
    }

    .home-page .scroll-cue {
      animation: scrollCueFloat 2.4s 1.4s ease-in-out infinite;
    }

    .home-page .welcome-copy,
    .home-page .journey-options-heading,
    .home-page .journey-options-inner,
    .home-page .featured-header,
    .home-page .featured-grid {
      animation: sectionReveal 0.8s 0.2s ease-out both;
    }

    @media (prefers-reduced-motion: reduce) {

      .home-page .hero-scene img,
      .home-page .hero-logo,
      .home-page .hero-copy,
      .home-page .scroll-cue,
      .home-page .welcome-copy,
      .home-page .journey-options-heading,
      .home-page .journey-options-inner,
      .home-page .featured-header,
      .home-page .featured-grid {
        animation: none;
      }
    }

    .home-page main>section:not(.home-hero),
    .home-page .site-footer {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity 0.8s ease, transform 0.8s ease;
    }

    .home-page main>section:not(.home-hero).is-visible,
    .home-page .site-footer.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    @media (prefers-reduced-motion: reduce) {

      .home-page main>section:not(.home-hero),
      .home-page .site-footer,
      .home-page main>section:not(.home-hero).is-visible,
      .home-page .site-footer.is-visible {
        opacity: 1;
        transform: none;
        transition: none;
      }
    }