/* V11.10 — mobile homepage motion reset.
   One mobile-only animation vocabulary. Desktop remains unchanged.
   Start/end transforms do not affect layout or scroll height. */
@media (max-width: 767px) {
  /* Retire all legacy homepage entrance styles on phones. */
  .ptw-v11-home .home-motion-ready,
  .ptw-v11-home .home-motion-in,
  .ptw-v11-home .home-proof-photo.work-slide-ready,
  .ptw-v11-home .home-proof-photo.work-slide-entered {
    transform: none !important;
    opacity: 1 !important;
    will-change: auto !important;
    transition: none !important;
  }
  /* No independent moving inputs or oversized photograph zoom on mobile. */
  .first-screen-quote .hero-photo img,
  .loaded .first-screen-quote .hero-photo img {
    transform: none !important;
    transition: none !important;
  }
  .js .first-screen-quote .quote-entrance-v117 .quote-panel {
    animation: none !important;
    transform: none;
    opacity: 1;
  }
  .ptw-v11-home .home-section-intro,
  .ptw-v11-home .home-proof-photos,
  .ptw-v11-home .home-service-cards,
  .ptw-v11-home .home-tint-layout,
  .ptw-v11-home .home-visit-layout {
    /* Keep natural dimensions while their children animate. */
    min-width: 0;
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  /* A single, quiet page-load entrance for the entire quote surface. */
  .js .first-screen-quote .quote-entrance-v117 .quote-panel {
    animation: ptw-mobile-quote-arrive .52s cubic-bezier(.2,.72,.2,1) both !important;
  }
  @keyframes ptw-mobile-quote-arrive {
    from { opacity: .94; transform: translate3d(14px, 0, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
  }
  /* JS only sets these classes while the element is safely below view.
     Animated properties never change element dimensions or stacking order. */
  .ptw-v11-home .mobile-home-ready {
    opacity: .91;
    transform: translate3d(var(--mobile-motion-x,0px), var(--mobile-motion-y,0px), 0);
    transition: transform .54s cubic-bezier(.2,.74,.2,1), opacity .46s ease-out;
  }
  .ptw-v11-home .mobile-home-ready.mobile-home-entering {
    opacity: 1;
    transform: translate3d(0,0,0);
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .ptw-v11-home .mobile-home-ready,
  .ptw-v11-home .mobile-home-entering,
  .js .first-screen-quote .quote-entrance-v117 .quote-panel {
    animation: none !important; transition: none !important;
    opacity: 1 !important; transform: none !important;
  }
}
