/* Premium 3D scroll reveal — home, about, contact & service pages */

@media (prefers-reduced-motion: no-preference) {
  .page-reveal-3d .section-reveal {
    perspective: 1400px;
    perspective-origin: 50% 18%;
  }

  .page-reveal-3d .section-reveal .sr-animate {
    opacity: 0;
    transform: translate3d(0, 48px, -100px) rotateX(16deg) scale(0.95);
    transform-origin: 50% 100%;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition:
      opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
      transform 1.15s cubic-bezier(0.16, 1, 0.3, 1),
      filter 1s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: var(--sr-delay, 0ms);
    filter: blur(6px);
    will-change: opacity, transform, filter;
  }

  .page-reveal-3d .section-reveal.in-view .sr-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) scale(1);
    filter: blur(0);
  }

  .page-reveal-3d .section-reveal .sr-3d-text {
    transform: translate3d(0, 36px, -70px) rotateX(12deg);
    transform-origin: 50% 100%;
  }

  .page-reveal-3d .section-reveal.in-view .sr-3d-text {
    transform: translate3d(0, 0, 0) rotateX(0deg);
  }

  .page-reveal-3d .section-reveal .sr-3d-tile {
    transform: translate3d(0, 72px, -160px) rotateX(24deg) scale(0.9);
    transform-origin: 50% 100%;
  }

  .page-reveal-3d .section-reveal.in-view .sr-3d-tile {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
  }

  .page-reveal-3d .section-reveal .sr-3d-visual {
    transform: translate3d(32px, 24px, -90px) rotateY(-10deg) scale(0.94);
    transform-origin: 50% 50%;
  }

  .page-reveal-3d .section-reveal.in-view .sr-3d-visual {
    transform: translate3d(0, 0, 0) rotateY(0deg) scale(1);
  }

  .page-reveal-3d .section-reveal .sr-3d-from-left {
    transform: translate3d(-48px, 28px, -80px) rotateY(14deg);
    transform-origin: 0% 50%;
  }

  .page-reveal-3d .section-reveal.in-view .sr-3d-from-left {
    transform: translate3d(0, 0, 0) rotateY(0deg);
  }

  /* ── Home: stagger ── */
  .page-home .section-reveal .services-carousel > .service-card:nth-child(1) { --sr-delay: 120ms; transition-delay: 120ms; }
  .page-home .section-reveal .services-carousel > .service-card:nth-child(2) { --sr-delay: 220ms; transition-delay: 220ms; }
  .page-home .section-reveal .services-carousel > .service-card:nth-child(3) { --sr-delay: 320ms; transition-delay: 320ms; }
  .page-home .section-reveal .services-carousel > .service-card:nth-child(4) { --sr-delay: 420ms; transition-delay: 420ms; }
  .page-home .section-reveal .services-carousel > .service-card:nth-child(5) { --sr-delay: 520ms; transition-delay: 520ms; }

  .page-home .section-reveal .foundation-grid > .foundation-card:nth-child(1) { --sr-delay: 140ms; transition-delay: 140ms; }
  .page-home .section-reveal .foundation-grid > .foundation-card:nth-child(2) { --sr-delay: 280ms; transition-delay: 280ms; }
  .page-home .section-reveal .foundation-grid > .foundation-card:nth-child(3) { --sr-delay: 420ms; transition-delay: 420ms; }

  .page-home .section-reveal .quote-bento-title-card { --sr-delay: 80ms; transition-delay: 80ms; }
  .page-home .section-reveal .quote-bento-brand-card { --sr-delay: 180ms; transition-delay: 180ms; }
  .page-home .section-reveal .quote-bento-intro-card { --sr-delay: 280ms; transition-delay: 280ms; }
  .page-home .section-reveal .quote-bento-steps-card { --sr-delay: 380ms; transition-delay: 380ms; }

  .page-home .section-reveal .faq-list > .faq-item:nth-child(1) { --sr-delay: 120ms; transition-delay: 120ms; }
  .page-home .section-reveal .faq-list > .faq-item:nth-child(2) { --sr-delay: 200ms; transition-delay: 200ms; }
  .page-home .section-reveal .faq-list > .faq-item:nth-child(3) { --sr-delay: 280ms; transition-delay: 280ms; }
  .page-home .section-reveal .faq-list > .faq-item:nth-child(4) { --sr-delay: 360ms; transition-delay: 360ms; }
  .page-home .section-reveal .faq-list > .faq-item:nth-child(5) { --sr-delay: 440ms; transition-delay: 440ms; }
  .page-home .section-reveal .faq-list > .faq-item:nth-child(6) { --sr-delay: 520ms; transition-delay: 520ms; }

  /* ── About: stagger ── */
  .page-about .section-reveal .why-feature-grid > .why-feature-tile:nth-child(1) { --sr-delay: 200ms; transition-delay: 200ms; }
  .page-about .section-reveal .why-feature-grid > .why-feature-tile:nth-child(2) { --sr-delay: 320ms; transition-delay: 320ms; }

  .page-about .section-reveal .about-services-grid > .about-service-tile:nth-child(1) { --sr-delay: 120ms; transition-delay: 120ms; }
  .page-about .section-reveal .about-services-grid > .about-service-tile:nth-child(2) { --sr-delay: 220ms; transition-delay: 220ms; }
  .page-about .section-reveal .about-services-grid > .about-service-tile:nth-child(3) { --sr-delay: 320ms; transition-delay: 320ms; }
  .page-about .section-reveal .about-services-grid > .about-service-tile:nth-child(4) { --sr-delay: 420ms; transition-delay: 420ms; }
  .page-about .section-reveal .about-services-grid > .about-service-tile:nth-child(5) { --sr-delay: 520ms; transition-delay: 520ms; }

  .page-about .section-reveal .why-benefit-item:nth-child(1) { --sr-delay: 360ms; transition-delay: 360ms; }
  .page-about .section-reveal .why-benefit-item:nth-child(2) { --sr-delay: 440ms; transition-delay: 440ms; }
  .page-about .section-reveal .why-benefit-item:nth-child(3) { --sr-delay: 520ms; transition-delay: 520ms; }

  /* ── Contact: stagger ── */
  .page-contact .section-reveal .contact-info-card:nth-child(1) { --sr-delay: 280ms; transition-delay: 280ms; }
  .page-contact .section-reveal .contact-info-card:nth-child(2) { --sr-delay: 360ms; transition-delay: 360ms; }
  .page-contact .section-reveal .contact-info-card:nth-child(3) { --sr-delay: 440ms; transition-delay: 440ms; }

  /* ── Service pages: stagger ── */
  .page-service .section-reveal .about-services-grid > .about-service-tile:nth-child(1) { --sr-delay: 120ms; transition-delay: 120ms; }
  .page-service .section-reveal .about-services-grid > .about-service-tile:nth-child(2) { --sr-delay: 220ms; transition-delay: 220ms; }
  .page-service .section-reveal .about-services-grid > .about-service-tile:nth-child(3) { --sr-delay: 320ms; transition-delay: 320ms; }
  .page-service .section-reveal .about-services-grid > .about-service-tile:nth-child(4) { --sr-delay: 420ms; transition-delay: 420ms; }

  .page-service .section-reveal .metallic-timeline > .metallic-timeline-item:nth-child(1) { --sr-delay: 140ms; transition-delay: 140ms; }
  .page-service .section-reveal .metallic-timeline > .metallic-timeline-item:nth-child(2) { --sr-delay: 280ms; transition-delay: 280ms; }
  .page-service .section-reveal .metallic-timeline > .metallic-timeline-item:nth-child(3) { --sr-delay: 420ms; transition-delay: 420ms; }
  .page-service .section-reveal .metallic-timeline > .metallic-timeline-item:nth-child(4) { --sr-delay: 560ms; transition-delay: 560ms; }

  .page-service .section-reveal .faq-list > .faq-item:nth-child(1) { --sr-delay: 120ms; transition-delay: 120ms; }
  .page-service .section-reveal .faq-list > .faq-item:nth-child(2) { --sr-delay: 200ms; transition-delay: 200ms; }
  .page-service .section-reveal .faq-list > .faq-item:nth-child(3) { --sr-delay: 280ms; transition-delay: 280ms; }
  .page-service .section-reveal .faq-list > .faq-item:nth-child(4) { --sr-delay: 360ms; transition-delay: 360ms; }
  .page-service .section-reveal .faq-list > .faq-item:nth-child(5) { --sr-delay: 440ms; transition-delay: 440ms; }
  .page-service .section-reveal .faq-list > .faq-item:nth-child(6) { --sr-delay: 520ms; transition-delay: 520ms; }

  /* Hover */
  .page-reveal-3d .section-reveal.in-view .service-card:hover,
  .page-reveal-3d .section-reveal.in-view .about-service-tile:hover {
    transform: translate3d(0, -10px, 24px) rotateX(4deg) scale(1.02);
    transition-delay: 0ms;
    transition:
      transform 0.45s cubic-bezier(0.23, 1, 0.32, 1),
      box-shadow 0.45s ease;
  }

  .page-reveal-3d .section-reveal.in-view .foundation-card:hover {
    transform: translate3d(0, -10px, 20px) rotateX(3deg) scale(1.02);
    transition-delay: 0ms;
  }

  .page-reveal-3d .section-reveal.in-view .about-showcase-card:hover,
  .page-reveal-3d .section-reveal.in-view .why-feature-tile:hover {
    transform: translate3d(0, -8px, 16px) rotateX(2deg);
    transition-delay: 0ms;
  }

  .page-reveal-3d .section-reveal.in-view .faq-item:hover {
    transform: translate3d(0, -4px, 8px);
  }

  .page-reveal-3d .section-reveal.in-view .metallic-timeline-content:hover {
    transform: translate3d(0, -6px, 12px) rotateX(2deg);
    transition-delay: 0ms;
  }

  @media (max-width: 768px) {
    .page-reveal-3d .section-reveal {
      perspective: 900px;
    }

    .page-reveal-3d .section-reveal .sr-animate {
      transform: translate3d(0, 32px, -50px) rotateX(10deg) scale(0.96);
      filter: blur(4px);
      transition-duration: 0.9s, 0.95s, 0.9s;
    }

    .page-reveal-3d .section-reveal .sr-3d-text {
      transform: translate3d(0, 28px, -40px) rotateX(8deg);
    }

    .page-reveal-3d .section-reveal .sr-3d-tile {
      transform: translate3d(0, 48px, -80px) rotateX(14deg) scale(0.93);
    }

    .page-reveal-3d .section-reveal .sr-3d-visual,
    .page-reveal-3d .section-reveal .sr-3d-from-left {
      transform: translate3d(0, 32px, -60px) rotateX(10deg) scale(0.95);
    }
  }
}