/* v250 · mobile motion precision
   The poster restoration layer intentionally fixed several elements in their
   final state. This later, mobile-only layer reintroduces a visible but calm
   settle motion without changing any artwork, copy or hit areas. */

@media (max-width:900px){
  .mobile-home-editorial .me-stories,
  .mobile-home-editorial .me-worship,
  .mobile-home-editorial .me-mission,
  body .home-hero-v194{
    transition:background-size 1.18s cubic-bezier(.2,.72,.22,1),background-position 1.18s cubic-bezier(.2,.72,.22,1)!important;
    will-change:background-size,background-position;
  }

  /* A stronger 8% settle is still restrained at phone scale, but is visible
     when a user scrolls into a poster section. */
  .mobile-home-editorial .me-stories:not(.motion-active){
    background-size:108% 108%!important;
    background-position:49% 49%!important;
  }
  .mobile-home-editorial .me-stories.motion-active{
    background-size:100% 100%!important;
    background-position:center!important;
  }
  .mobile-home-editorial .me-worship:not(.motion-active){
    background-size:108% auto!important;
    background-position:49% top!important;
  }
  .mobile-home-editorial .me-worship.motion-active{
    background-size:100% auto!important;
    background-position:center top!important;
  }
  .mobile-home-editorial .me-mission:not(.motion-active){
    background-size:108% 108%,108% 108%!important;
    background-position:49% 49%,49% 49%!important;
  }
  .mobile-home-editorial .me-mission.motion-active{
    background-size:100% 100%,100% 100%!important;
    background-position:center top,center top!important;
  }
  body .home-hero-v194:not(.motion-active){
    background-size:105% 105%!important;
    background-position:49% 49%!important;
  }
  body .home-hero-v194.motion-active{
    background-size:100% 100%!important;
    background-position:center top!important;
  }
  /* The mobile hero artwork lives on the photo child, not the main wrapper.
     Animate that real layer so the first screen also has a visible settle. */
  .home-hero-v194 .hero-photo-v194{
    background-size:auto 108%!important;
    background-position:62% 49%!important;
    transition:background-size 1.18s cubic-bezier(.2,.72,.22,1),background-position 1.18s cubic-bezier(.2,.72,.22,1)!important;
    will-change:background-size,background-position;
  }
  .home-hero-v194.motion-active .hero-photo-v194{
    background-size:auto 100%!important;
    background-position:62% 50%!important;
  }
  .home-hero-v194.motion-active .hero-copy-v194{opacity:1!important;transform:none!important}
  .home-hero-v194 .hero-cards-v194{
    transform:translateY(10px)!important;
    transition:transform .88s cubic-bezier(.2,.72,.22,1)!important;
    will-change:transform;
  }
  .home-hero-v194.motion-active .hero-cards-v194{transform:none!important}

  /* Keep the two-column quick links inside the phone viewport at every
     narrow width.  The poster layer uses absolute positioning, so an
     explicit border-box width prevents grid tracks from inheriting a wider
     intrinsic size and clipping the second card on 320–390px screens. */
  body.v72-home,
  body.v72-home .home-hero-v194{
    max-width:100vw!important;
    overflow-x:hidden!important;
  }
  .home-hero-v194 .hero-cards-v194{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .home-hero-v194 .hero-cards-v194>a{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* Live photographs receive the same settle language. The poster itself is
     untouched; only the real image layer moves. */
  .mobile-home-editorial .me-worship>.me-sermon>img{
    transform:scale(1.12)!important;
    transform-origin:center center!important;
    transition:transform 1.18s cubic-bezier(.2,.72,.22,1)!important;
    will-change:transform;
  }
  .mobile-home-editorial .me-worship.motion-active>.me-sermon>img{transform:scale(1)!important}
  .mobile-home-editorial .me-mission-cards>.me-mission-card.local>img{
    transform:scale(1.11)!important;
    transform-origin:center center!important;
    transition:transform 1.22s cubic-bezier(.2,.72,.22,1)!important;
    will-change:transform;
  }
  .mobile-home-editorial .me-mission.motion-active .me-mission-card.local>img{transform:scale(1)!important}
  .mobile-home-editorial .me-community-lead img,
  .mobile-home-editorial .me-groups img{
    transform:scale(1.09)!important;
    transform-origin:center center!important;
    transition:transform 1.14s cubic-bezier(.2,.72,.22,1)!important;
    will-change:transform;
  }
  .mobile-home-editorial .me-community.motion-active .me-community-lead img,
  .mobile-home-editorial .me-community.motion-active .me-groups img{transform:scale(1)!important}
  .mobile-home-editorial .me-map img{
    transform:scale(2.08)!important;
    transform-origin:center center!important;
    transition:transform 1.16s cubic-bezier(.2,.72,.22,1)!important;
    will-change:transform;
  }
  .mobile-home-editorial .me-visit.motion-active .me-map img{transform:scale(1.88)!important}

  @media (prefers-reduced-motion:reduce){
    .mobile-home-editorial .me-stories,
    .mobile-home-editorial .me-worship,
    .mobile-home-editorial .me-mission,
    body .home-hero-v194,
    .mobile-home-editorial .me-worship>.me-sermon>img,
    .mobile-home-editorial .me-mission-cards>.me-mission-card.local>img,
    .mobile-home-editorial .me-community-lead img,
    .mobile-home-editorial .me-groups img,
    .mobile-home-editorial .me-map img,
    .home-hero-v194 .hero-photo-v194,
    .home-hero-v194 .hero-cards-v194{transition:none!important}
    .home-hero-v194 .hero-photo-v194{background-size:auto 100%!important;background-position:62% 50%!important}
    .home-hero-v194 .hero-cards-v194{transform:none!important}
  }
}