/* v251 · independent motion layers
   Keeps the existing visual direction while giving each live card its own
   transform path. The rules are intentionally scoped to the home page and
   loaded after the poster-restoration layers. */

@media (min-width:901px){
  /* The JS controller supplies a transform for every target while the
     forced full-page deck is moving between panels. */
  body.v72-home .desktop-home>.snap-panel .v251-motion-target{
    transform:var(--v251-transform,none)!important;
    will-change:transform;
  }
  body.v72-home .desktop-home>.snap-panel .v251-motion-target:hover{
    transform:var(--v251-transform,none)!important;
  }

  /* Make the four Meet cards feel like separate editorial tiles rather than
     one block arriving at once. */
  body.v72-home #meet .meet-card-live{
    transform:var(--v251-transform,none)!important;
    will-change:transform;
  }
  body.v72-home #meet .meet-card-live:hover{
    filter:brightness(1.045)!important;
  }

  @media (prefers-reduced-motion:reduce){
    body.v72-home .desktop-home>.snap-panel .v251-motion-target,
    body.v72-home #meet .meet-card-live{transform:none!important;transition:none!important}
  }
}

@media (max-width:900px){
  /* 02 · Meet Daedong — replace the transparent poster hit areas with real,
     independently animated card layers. The approved portrait artwork stays
     as the section canvas so its header and footer remain unchanged. */
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story{
    z-index:4!important;
    opacity:0!important;
    transform:var(--v251-mobile-hidden,translateY(24px))!important;
    border-radius:22px!important;
    overflow:hidden!important;
    transition:opacity .82s cubic-bezier(.2,.75,.25,1),transform .94s cubic-bezier(.2,.75,.25,1),filter .25s ease!important;
    will-change:opacity,transform;
    background-color:#dfece8!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:cover!important;
    box-shadow:0 14px 26px rgba(20,59,70,.16)!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story.story-intro{
    background-image:url('assets/meet-card-about-custom-v235.webp')!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story.story-people{
    background-image:url('assets/meet-card-people-custom-v235.webp')!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story.story-history{
    background-image:url('assets/meet-card-story-custom-v235.webp')!important;
    background-position:center 38%!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story.story-place{
    background-image:url('assets/church-exterior.webp')!important;
    background-position:center 52%!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story:nth-child(1){
    --v251-mobile-hidden:translate3d(-28px,18px,0) scale(.94) rotate(-1.4deg);
    transition-delay:0s!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story:nth-child(2){
    --v251-mobile-hidden:translate3d(28px,18px,0) scale(.94) rotate(1.4deg);
    transition-delay:.08s!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story:nth-child(3){
    --v251-mobile-hidden:translate3d(-22px,28px,0) scale(.93) rotate(.8deg);
    transition-delay:.16s!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story:nth-child(4){
    --v251-mobile-hidden:translate3d(22px,28px,0) scale(.93) rotate(-.8deg);
    transition-delay:.24s!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story.is-visible,
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story.motion-card-visible{
    opacity:1!important;
    transform:none!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story>img{
    display:none!important;
    visibility:hidden!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story>span{
    display:flex!important;
    visibility:visible!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    padding:16px!important;
    justify-content:flex-end!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story>span>*{
    visibility:visible!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story::after{
    display:block!important;
    visibility:visible!important;
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    background:linear-gradient(0deg,rgba(9,43,54,.86),rgba(9,43,54,.05) 70%)!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story small{
    color:rgba(255,255,255,.9)!important;
    font-size:9px!important;
    letter-spacing:.12em!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story strong{
    color:#fff!important;
    font-size:18px!important;
    line-height:1.1!important;
    margin:6px 0 0!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story em{
    display:none!important;
  }
  body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story b{
    right:13px!important;
    bottom:13px!important;
    z-index:3!important;
    display:grid!important;
    place-items:center!important;
    width:27px!important;
    height:27px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:50%!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1!important;
  }

  /* 03 · Worship — the approved poster remains the only visual layer on the
     homepage. Its service links stay transparent so the poster cannot be
     duplicated by a second image set during scroll. */
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a{
    z-index:4!important;
    opacity:0!important;
    transform:var(--v251-mobile-service-hidden,translateY(22px))!important;
    transition:opacity .76s cubic-bezier(.2,.75,.25,1),transform .88s cubic-bezier(.2,.75,.25,1),filter .25s ease!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:cover!important;
    box-shadow:0 10px 21px rgba(20,59,72,.14)!important;
    will-change:opacity,transform;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a:nth-child(1){
    background-image:url('assets/service-sunday-v171.png')!important;
    --v251-mobile-service-hidden:translate3d(-18px,18px,0) scale(.94) rotate(-.8deg);
    transition-delay:0s!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a:nth-child(2){
    background-image:url('assets/service-afternoon-v171.png')!important;
    --v251-mobile-service-hidden:translate3d(18px,18px,0) scale(.94) rotate(.8deg);
    transition-delay:.08s!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a:nth-child(3){
    background-image:url('assets/service-wednesday-v171.png')!important;
    --v251-mobile-service-hidden:translate3d(-16px,22px,0) scale(.93) rotate(.6deg);
    transition-delay:.16s!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a:nth-child(4){
    background-image:url('assets/service-choir-v171.png')!important;
    --v251-mobile-service-hidden:translate3d(16px,22px,0) scale(.93) rotate(-.6deg);
    transition-delay:.24s!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a.is-visible,
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a.motion-card-visible{
    opacity:1!important;
    transform:none!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a::after{
    display:grid!important;
    visibility:visible!important;
    content:"→"!important;
    position:absolute!important;
    z-index:2!important;
    right:7%!important;
    bottom:8%!important;
    place-items:center!important;
    width:24px!important;
    height:24px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:50%!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1!important;
    background:rgba(9,43,54,.12)!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a>*{
    visibility:hidden!important;
  }

  @media (prefers-reduced-motion:reduce){
    body.v72-home .mobile-home-editorial .me-stories .me-story-list>.me-story,
    body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a{
      opacity:1!important;
      transform:none!important;
      transition:none!important;
    }
  }
}

/* v254 · restore the two original Mission cards as independent live layers.
   The flattened poster is now a clean canvas; each card carries its exact
   original artwork so scroll reveal never creates a duplicate image. */
@media (max-width:900px){
  body.v72-home .mobile-home-editorial .me-mission{
    background:#fbf4e8 url('assets/mission-blank-v256.jpg?v=256') center top / 100% 100% no-repeat!important;
  }
  body.v72-home .mobile-home-editorial .me-mission-cards>.me-mission-card{
    z-index:4!important;
    opacity:0!important;
    transform:var(--v254-mission-hidden,translateY(24px))!important;
    border-radius:25px!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:100% 100%!important;
    box-shadow:0 12px 24px rgba(20,59,72,.16)!important;
    transition:opacity .84s cubic-bezier(.2,.75,.25,1),transform .96s cubic-bezier(.2,.75,.25,1),filter .25s ease!important;
    will-change:opacity,transform;
  }
  body.v72-home .mobile-home-editorial .me-mission-cards>.me-mission-card.local{
    --v254-mission-hidden:translate3d(-30px,20px,0) scale(.95) rotate(-.7deg);
    background-image:url('assets/mission-local-original-v254.jpg')!important;
    transition-delay:0s!important;
  }
  body.v72-home .mobile-home-editorial .me-mission-cards>.me-mission-card.global{
    --v254-mission-hidden:translate3d(30px,28px,0) scale(.94) rotate(.7deg);
    background-image:url('assets/mission-global-original-v254.jpg')!important;
    transition-delay:.14s!important;
  }
  body.v72-home .mobile-home-editorial .me-mission-cards>.me-mission-card.is-visible,
  body.v72-home .mobile-home-editorial .me-mission-cards>.me-mission-card.motion-card-visible{
    opacity:1!important;
    transform:none!important;
  }
  body.v72-home .mobile-home-editorial .me-mission-cards>.me-mission-card>img,
  body.v72-home .mobile-home-editorial .me-mission-cards>.me-mission-card>span,
  body.v72-home .mobile-home-editorial .me-mission-cards>.me-mission-card::before,
  body.v72-home .mobile-home-editorial .me-mission-cards>.me-mission-card::after{
    display:none!important;
    visibility:hidden!important;
    content:none!important;
  }
  @media (prefers-reduced-motion:reduce){
    body.v72-home .mobile-home-editorial .me-mission-cards>.me-mission-card{
      opacity:1!important;transform:none!important;transition:none!important;
    }
  }
}

/* v252 base fallback · neutralize the old duplicate service sprites before the
   v253 original-tile layer below supplies the correct cropped artwork. */
@media (max-width:900px){
  body.v72-home .mobile-home-editorial .me-stories{
    background:#f3faff url('assets/meet-daedong-blank-v252.png') center / 100% 100% no-repeat!important;
    background-size:100% 100%!important;
    background-position:center!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a{
    background-image:none!important;
    background-color:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a::after{
    content:none!important;
    display:none!important;
  }
}

/* v253 · restore the original Worship artwork as four independent live tiles.
   The old green/blue service sprites are not used on the homepage anymore. */
@media (max-width:900px){
  body.v72-home .mobile-home-editorial .me-worship{
    background:#eaf2f7 url('assets/worship-mobile-blank-v253.jpg') center top / 100% auto no-repeat!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a{
    z-index:4!important;
    display:block!important;
    opacity:0!important;
    transform:var(--v253-service-hidden,translateY(22px))!important;
    border-radius:16px!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:100% 100%!important;
    box-shadow:0 8px 18px rgba(20,59,72,.14)!important;
    overflow:hidden!important;
    transition:opacity .82s cubic-bezier(.2,.75,.25,1),transform .94s cubic-bezier(.2,.75,.25,1),filter .25s ease!important;
    will-change:opacity,transform;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a:nth-child(1){
    left:0!important;top:0!important;width:48.8%!important;height:49.2%!important;
    background-image:url('assets/worship-service-sunday-original-v253.jpg')!important;
    --v253-service-hidden:translate3d(-26px,20px,0) scale(.94) rotate(-.7deg);
    transition-delay:0s!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a:nth-child(2){
    left:51.2%!important;top:0!important;width:48.8%!important;height:49.2%!important;
    background-image:url('assets/worship-service-afternoon-original-v253.jpg')!important;
    --v253-service-hidden:translate3d(26px,20px,0) scale(.94) rotate(.7deg);
    transition-delay:.08s!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a:nth-child(3){
    left:0!important;top:50.8%!important;width:48.8%!important;height:49.2%!important;
    background-image:url('assets/worship-service-wednesday-original-v253.jpg')!important;
    --v253-service-hidden:translate3d(-22px,28px,0) scale(.93) rotate(.6deg);
    transition-delay:.16s!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a:nth-child(4){
    left:51.2%!important;top:50.8%!important;width:48.8%!important;height:49.2%!important;
    background-image:url('assets/worship-service-choir-original-v253.jpg')!important;
    --v253-service-hidden:translate3d(22px,28px,0) scale(.93) rotate(-.6deg);
    transition-delay:.24s!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a.is-visible,
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a.motion-card-visible{
    opacity:1!important;
    transform:none!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a>*{
    visibility:hidden!important;
  }
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a::before,
  body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a::after{
    content:none!important;
    display:none!important;
  }
  @media (prefers-reduced-motion:reduce){
    body.v72-home .mobile-home-editorial .me-worship>.me-worship-menu>a{
      opacity:1!important;transform:none!important;transition:none!important;
    }
  }
}