/* Scroll reveal — home, about, contact & service pages */

@media (prefers-reduced-motion: reduce) {
  .section-reveal .sr-animate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .section-reveal .sr-animate {
    opacity: 0;
    transform: translate3d(0, 32px, 0);
    transition:
      opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
  }

  .section-reveal.in-view .sr-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  .section-reveal .sr-animate.sr-from-left {
    transform: translate3d(-32px, 0, 0);
  }

  .section-reveal.in-view .sr-animate.sr-from-left {
    transform: translate3d(0, 0, 0);
  }

  /* ── Index: services ── */
  .section-reveal .services-header { transition-delay: 0.04s; }
  .section-reveal .services-carousel > .service-card:nth-child(1) { transition-delay: 0.1s; }
  .section-reveal .services-carousel > .service-card:nth-child(2) { transition-delay: 0.18s; }
  .section-reveal .services-carousel > .service-card:nth-child(3) { transition-delay: 0.26s; }
  .section-reveal .services-carousel > .service-card:nth-child(4) { transition-delay: 0.34s; }
  .section-reveal .services-carousel > .service-card:nth-child(5) { transition-delay: 0.42s; }

  .section-reveal.in-view .service-card:hover {
    transform: translate3d(0, -6px, 0);
  }

  /* ── Index: about showcase ── */
  .section-reveal .about-showcase-header { transition-delay: 0.04s; }
  .section-reveal .about-showcase-card { transition-delay: 0.12s; }
  .section-reveal .about-showcase-visual { transition-delay: 0.22s; }

  .section-reveal.in-view .about-showcase-card:hover {
    transform: translate3d(0, -6px, 0);
  }

  /* ── Index: foundation ── */
  .section-reveal .foundation-header { transition-delay: 0.04s; }
  .section-reveal .foundation-grid > .foundation-card:nth-child(1) { transition-delay: 0.1s; }
  .section-reveal .foundation-grid > .foundation-card:nth-child(2) { transition-delay: 0.2s; }
  .section-reveal .foundation-grid > .foundation-card:nth-child(3) { transition-delay: 0.3s; }

  /* ── Index: quote bento ── */
  .section-reveal .quote-bento-title-card { transition-delay: 0.06s; }
  .section-reveal .quote-bento-brand-card { transition-delay: 0.14s; }
  .section-reveal .quote-bento-intro-card { transition-delay: 0.22s; }
  .section-reveal .quote-bento-steps-card { transition-delay: 0.3s; }

  /* ── Index: journey ── */
  .section-reveal .journey-header { transition-delay: 0.04s; }
  .section-reveal .journey-nav { transition-delay: 0.12s; }
  .section-reveal .journey-carousel-wrap { transition-delay: 0.2s; }
  .section-reveal .journey-dots { transition-delay: 0.28s; }

  /* ── Index & contact: testimonials ── */
  .section-reveal .loved-text { transition-delay: 0.06s; }
  .section-reveal .review-container { transition-delay: 0.16s; }

  /* ── Index: FAQ ── */
  .section-reveal .faq-header { transition-delay: 0.04s; }
  .section-reveal .faq-list > .faq-item:nth-child(1) { transition-delay: 0.1s; }
  .section-reveal .faq-list > .faq-item:nth-child(2) { transition-delay: 0.17s; }
  .section-reveal .faq-list > .faq-item:nth-child(3) { transition-delay: 0.24s; }
  .section-reveal .faq-list > .faq-item:nth-child(4) { transition-delay: 0.31s; }
  .section-reveal .faq-list > .faq-item:nth-child(5) { transition-delay: 0.38s; }
  .section-reveal .faq-list > .faq-item:nth-child(6) { transition-delay: 0.45s; }

  /* ── About: why choose ── */
  .section-reveal .why-choose-content > div:first-child { transition-delay: 0.04s; }
  .section-reveal .why-feature-grid > .why-feature-tile:nth-child(1) { transition-delay: 0.12s; }
  .section-reveal .why-feature-grid > .why-feature-tile:nth-child(2) { transition-delay: 0.2s; }
  .section-reveal .why-benefits-block { transition-delay: 0.28s; }
  .section-reveal .why-cta-block { transition-delay: 0.36s; }
  .section-reveal .why-choose-visual { transition-delay: 0.14s; }

  .section-reveal.in-view .why-feature-tile:hover {
    transform: translate3d(0, -4px, 0);
  }

  /* ── About: services tiles ── */
  .section-reveal .about-services-header { transition-delay: 0.04s; }
  .section-reveal .about-services-grid > .about-service-tile:nth-child(1) { transition-delay: 0.1s; }
  .section-reveal .about-services-grid > .about-service-tile:nth-child(2) { transition-delay: 0.18s; }
  .section-reveal .about-services-grid > .about-service-tile:nth-child(3) { transition-delay: 0.26s; }
  .section-reveal .about-services-grid > .about-service-tile:nth-child(4) { transition-delay: 0.34s; }
  .section-reveal .about-services-grid > .about-service-tile:nth-child(5) { transition-delay: 0.42s; }

  .section-reveal.in-view .about-service-tile:hover {
    transform: translate3d(0, -6px, 0);
  }

  /* ── About & contact: transform CTA ── */
  .section-reveal .about-transform-cta-card { transition-delay: 0.08s; }

  /* ── Contact: form ── */
  .section-reveal .contact-form-info { transition-delay: 0.06s; }
  .section-reveal .contact-form-card { transition-delay: 0.18s; }

  /* ── Service pages: intro & process timeline ── */
  .section-reveal .metallic-intro-inner { transition-delay: 0.06s; }
  .section-reveal .metallic-timeline-header { transition-delay: 0.04s; }
  .section-reveal .metallic-timeline > .metallic-timeline-item:nth-child(1) { transition-delay: 0.1s; }
  .section-reveal .metallic-timeline > .metallic-timeline-item:nth-child(2) { transition-delay: 0.2s; }
  .section-reveal .metallic-timeline > .metallic-timeline-item:nth-child(3) { transition-delay: 0.3s; }
  .section-reveal .metallic-timeline > .metallic-timeline-item:nth-child(4) { transition-delay: 0.4s; }
}