/* v211 · homepage quality pass
   Typography is kept live and consistent while supplied artwork/photos remain untouched. */
:root{
  --q-font:'Noto Sans KR','Pretendard','Malgun Gothic',sans-serif;
  --q-ink:#123a52;
  --q-muted:#607b86;
  --q-accent:#a9793f;
  --q-ease:cubic-bezier(.22,.75,.2,1);
}

/* Live UI copy uses one readable family. Decorative signatures/quotes keep their intentional character. */
body.v72-home .desktop-home :where(h1,h2,h3,p,small,strong,span,em,a,button,dt,dd,li){
  font-family:var(--q-font);
}
body.v72-home .mobile-home-editorial :where(h1,h2,h3,p,small,strong,span,em,a,button){
  font-family:var(--q-font);
}
body.v72-home .desktop-home .meet-signature strong,
body.v72-home .desktop-home .mission-copy-live h2,
body.v72-home .desktop-home .mission-copy-live blockquote{
  font-family:'Noto Serif KR','Nanum Myeongjo',serif!important;
}

/* A quieter, more deliberate PC type scale. */
@media (min-width:901px){
  body.v72-home .desktop-home{color:var(--q-ink);}
  body.v72-home .desktop-home .hero-copy-layer h1{
    font-size:clamp(42px,4.05vw,68px)!important;
    line-height:1.12!important;
    letter-spacing:-.075em!important;
  }
  body.v72-home .desktop-home .hero-copy-layer p{font-size:clamp(15px,1.25vw,20px)!important;line-height:1.55!important;}
  body.v72-home .desktop-home .meet-copy-live h2,
  body.v72-home .desktop-home .mission-copy-live h2,
  body.v72-home .desktop-home .v36-visit-copy h2{
    font-size:clamp(34px,3.55vw,58px)!important;
    line-height:1.17!important;
    letter-spacing:-.075em!important;
  }
  body.v72-home .desktop-home .meet-copy-live>p,
  body.v72-home .desktop-home .mission-copy-live>p,
  body.v72-home .desktop-home .v36-visit-copy .lead{
    font-size:clamp(14px,1.05vw,17px)!important;
    line-height:1.75!important;
  }
  body.v72-home .desktop-home .word-top-copy h2{font-size:clamp(34px,3.45vw,56px)!important;line-height:1.15!important;letter-spacing:-.075em!important;}
  body.v72-home .desktop-home .word-top-copy p{font-size:clamp(14px,1.05vw,17px)!important;line-height:1.6!important;}
  body.v72-home .desktop-home :where(.hero-copy-layer>small,.meet-copy-live>small,.word-top-copy>small,.mission-copy-live>small,.v36-community-head p:first-child,.v36-visit-copy>p:first-child){
    font-size:clamp(11px,.82vw,14px)!important;
    line-height:1.4!important;
    letter-spacing:.18em!important;
  }
  body.v72-home .desktop-home :where(.word-service-rows strong,.word-service-rows span,.v36-visit-copy dt,.v36-visit-copy dd,.meet-card-live em,.mission-local-live em,.mission-local-live i){
    font-size:clamp(12px,.95vw,16px)!important;
    line-height:1.55!important;
  }
  body.v72-home .desktop-home :where(.meet-card-live strong,.v88-community-feature-copy h3){font-size:clamp(22px,1.9vw,32px)!important;line-height:1.2!important;letter-spacing:-.06em!important;}
  body.v72-home .desktop-home .mission-local-live strong{font-size:clamp(24px,2.2vw,36px)!important;line-height:1.2!important;letter-spacing:-.06em!important;}
  body.v72-home .desktop-home :where(.v36-community-head h2,.v36-community-head>p){letter-spacing:-.055em!important;}

  /* Restore a small, useful desktop scene control that was previously hidden. */
  body.v72-home #welcome.sample-hero .sample-hero-controls{
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
    left:clamp(34px,4.8vw,72px)!important;
    bottom:clamp(24px,4.3vh,42px)!important;
    gap:9px!important;
    z-index:30!important;
  }
  body.v72-home #welcome.sample-hero .sample-hero-controls button{
    width:9px!important;height:9px!important;padding:0!important;border:1px solid rgba(255,255,255,.95)!important;
    border-radius:50%!important;background:rgba(255,255,255,.3)!important;box-shadow:0 1px 5px rgba(0,0,0,.16)!important;
    transition:transform .25s var(--q-ease),background .25s ease,box-shadow .25s ease!important;
  }
  body.v72-home #welcome.sample-hero .sample-hero-controls button.active{background:#fff!important;transform:scale(1.32)!important;box-shadow:0 0 0 3px rgba(255,255,255,.18)!important;}
  body.v72-home #welcome.sample-hero .sample-hero-controls button:hover{transform:scale(1.25)!important;}

  /* Live desktop sections reveal as the fullpage scroller changes panel. */
  body.q-quality-ready .desktop-home .q-motion-target{
    opacity:0!important;
    transform:translate3d(0,24px,0)!important;
    transition:opacity .72s var(--q-ease),transform .72s var(--q-ease)!important;
    transition-delay:var(--q-delay,0ms)!important;
    will-change:opacity,transform;
  }
  body.q-quality-ready .desktop-home .q-motion-target.q-motion-left{transform:translate3d(-28px,0,0)!important;}
  body.q-quality-ready .desktop-home .q-motion-target.q-motion-right{transform:translate3d(28px,0,0)!important;}
  body.q-quality-ready .desktop-home .q-motion-target.q-motion-in{opacity:1!important;transform:none!important;}
  body.q-quality-ready .desktop-home .q-motion-target.q-motion-in:hover{transform:translateY(-4px)!important;}
  body.q-quality-ready .desktop-home .q-motion-target.q-motion-hero{transition-duration:.82s!important;}

  /* Keep each panel self-contained so animated cards never spill into the next screen. */
  body.v72-home .desktop-home>.snap-panel{overflow:hidden;}
}

@media (max-width:900px){
  /* The editorial mobile page gets a slightly more confident but still calm rhythm. */
  body.v72-home .mobile-home-editorial :where(h2){letter-spacing:-.065em;line-height:1.18;}
  body.v72-home .mobile-home-editorial :where(.me-story strong,.me-groups strong,.me-mission-card strong){letter-spacing:-.055em;}

  body.q-quality-ready .mobile-home-editorial .q-motion-target,
  body.q-quality-ready .home-hero-v194 .q-motion-target{
    opacity:0!important;
    transform:translate3d(0,28px,0)!important;
    transition:opacity .68s var(--q-ease),transform .68s var(--q-ease)!important;
    transition-delay:var(--q-delay,0ms)!important;
    will-change:opacity,transform;
  }
  body.q-quality-ready .mobile-home-editorial .q-motion-target.q-motion-left,
  body.q-quality-ready .home-hero-v194 .q-motion-target.q-motion-left{transform:translate3d(-24px,0,0)!important;}
  body.q-quality-ready .mobile-home-editorial .q-motion-target.q-motion-right,
  body.q-quality-ready .home-hero-v194 .q-motion-target.q-motion-right{transform:translate3d(24px,0,0)!important;}
  body.q-quality-ready .mobile-home-editorial .q-motion-target.q-motion-in,
  body.q-quality-ready .home-hero-v194 .q-motion-target.q-motion-in{opacity:1!important;transform:none!important;}
  body.q-quality-ready .mobile-home-editorial .q-motion-target.q-motion-in:hover,
  body.q-quality-ready .home-hero-v194 .q-motion-target.q-motion-in:hover{transform:none!important;}

  /* Small tactile lift for touch cards; no layout shift. */
  body.v72-home .mobile-home-editorial :where(.me-story,.me-sermon,.me-groups>a,.me-mission-card,.me-map){
    transition:transform .28s var(--q-ease),box-shadow .28s ease,filter .28s ease;
  }
  body.v72-home .mobile-home-editorial :where(.me-story,.me-sermon,.me-groups>a,.me-mission-card,.me-map):active{
    transform:scale(.985);filter:brightness(.985);
  }
}

@media (prefers-reduced-motion:reduce){
  body.q-quality-ready .desktop-home .q-motion-target,
  body.q-quality-ready .mobile-home-editorial .q-motion-target,
  body.q-quality-ready .home-hero-v194 .q-motion-target{
    opacity:1!important;transform:none!important;transition:none!important;
  }
}