/* v230 — PC-only visual polish for the six home screens.
   The media boundary is intentional: mobile v229 remains locked and untouched. */

@media (min-width:901px){
  :root{
    --pc-ink:#153f59;
    --pc-ink-deep:#10354d;
    --pc-quiet:#617b86;
    --pc-teal:#2d7d69;
    --pc-gold:#a87536;
    --pc-line:rgba(21,63,89,.12);
  }

  /* One readable type system across all six desktop scenes. Decorative
     signatures keep their handwritten treatment in the source layers. */
  body.v72-home .desktop-home,
  body.v72-home .desktop-home h1,
  body.v72-home .desktop-home h2,
  body.v72-home .desktop-home h3,
  body.v72-home .desktop-home p,
  body.v72-home .desktop-home small,
  body.v72-home .desktop-home strong,
  body.v72-home .desktop-home span,
  body.v72-home .desktop-home a,
  body.v72-home .desktop-home button,
  body.v72-home .desktop-home dt,
  body.v72-home .desktop-home dd,
  body.v72-home .desktop-home li{
    font-family:'Noto Sans KR','Malgun Gothic',sans-serif!important;
  }
  body.v72-home .desktop-home h1,
  body.v72-home .desktop-home h2,
  body.v72-home .desktop-home h3,
  body.v72-home .desktop-home strong{font-synthesis:none;text-rendering:optimizeLegibility}

  /* 01 · Welcome — keep the copy on a measured vertical rhythm. */
  body.v72-home #welcome.sample-hero .desktop-hero-copy h1{
    font-size:clamp(42px,4vw,68px)!important;
    line-height:1.16!important;
    letter-spacing:-.06em!important;
  }
  body.v72-home #welcome.sample-hero .desktop-hero-copy p{
    margin-top:20px!important;
    font-size:clamp(15px,1.16vw,19px)!important;
    line-height:1.6!important;
  }
  body.v72-home #welcome.sample-hero .desktop-hero-copy i{margin-top:22px!important}
  body.v72-home #welcome.sample-hero .desktop-hero-copy em{margin-top:20px!important}

  /* 02 · Meet — maintain a calm left column and clear card captions. */
  body.v72-home #meet .meet-copy-live{
    left:clamp(52px,5.2vw,96px)!important;
    top:16.4%!important;
    width:min(520px,30vw)!important;
  }
  body.v72-home #meet .meet-copy-live h2{
    font-size:clamp(40px,3.35vw,58px)!important;
    line-height:1.16!important;
    letter-spacing:-.07em!important;
  }
  body.v72-home #meet .meet-copy-live>p{
    max-width:400px!important;
    white-space:normal!important;
    font-size:clamp(13px,1vw,16px)!important;
    line-height:1.75!important;
  }
  body.v72-home #meet .meet-values{margin-top:24px!important}
  body.v72-home #meet .meet-card-live>span{padding:0 6.6% 6.8%!important}
  body.v72-home #meet .meet-card-live strong{
    font-size:clamp(24px,1.75vw,32px)!important;
    line-height:1.18!important;
  }
  body.v72-home #meet .meet-card-live em{line-height:1.5!important}

  /* 03 · Worship — let the original pastor photo sit beside, rather than
     over, the sermon title. */
  body.v72-home #word .word-top-copy h2{
    font-size:clamp(32px,3.05vw,53px)!important;
    line-height:1.16!important;
    letter-spacing:-.07em!important;
  }
  body.v72-home #word .word-top-copy p{line-height:1.55!important}
  body.v72-home #word .word-pastor-original{
    left:71.2%!important;
    width:25.7%!important;
    border-radius:0 26px 26px 0!important;
  }
  body.v72-home #word .word-pastor-original img{
    object-position:53% 32%!important;
    transform:scale(1.09)!important;
  }
  body.v72-home #word .word-service-rows>div{
    font-variant-numeric:tabular-nums;
  }

  /* 04 · Community — give the supporting intro a quiet readable surface so
     it does not collide with the decorative handwritten background. */
  body.v72-home #community .v36-community-head{
    position:relative!important;
    z-index:3!important;
    margin-bottom:26px!important;
  }
  body.v72-home #community .v36-community-head>p{
    max-width:455px!important;
    padding:11px 16px!important;
    border:1px solid rgba(255,255,255,.62)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.50)!important;
    box-shadow:0 10px 28px rgba(30,68,70,.06)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }
  body.v72-home #community .v88-community-feature,
  body.v72-home #community .v88-community-links>a{
    border-radius:25px!important;
  }
  body.v72-home #community .v88-community-links>a>span{padding:18px 20px!important}
  body.v72-home #community .v88-community-links strong{font-size:22px!important;line-height:1.2!important}

  /* 05 · Mission — align the heading with the sans family used everywhere
     else and preserve the supplied people photo without stretching faces. */
  body.v72-home #mission .mission-copy-live h2{
    font-family:'Noto Sans KR','Malgun Gothic',sans-serif!important;
    font-size:clamp(36px,2.85vw,50px)!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:-.075em!important;
  }
  body.v72-home #mission .mission-copy-live blockquote{
    font-family:'Noto Sans KR','Malgun Gothic',sans-serif!important;
    font-size:clamp(13px,1.02vw,17px)!important;
    line-height:1.7!important;
  }
  body.v72-home #mission .mission-local-live>img{
    object-fit:cover!important;
    object-position:center 38%!important;
  }
  body.v72-home #mission .mission-local-live>span strong{line-height:1.16!important}

  /* 06 · Visit — use the same panel radius, border and type scale as the
     preceding scenes. */
  body.v72-home #visit .v36-visit-wrap{width:min(1480px,92vw)!important}
  body.v72-home #visit .v36-visit-copy,
  body.v72-home #visit .v36-map-frame{border-radius:27px!important}
  body.v72-home #visit .v36-visit-copy h2{
    font-family:'Noto Sans KR','Malgun Gothic',sans-serif!important;
    letter-spacing:-.065em!important;
    line-height:1.14!important;
  }
  body.v72-home #visit .v36-visit-copy .lead{line-height:1.72!important}
  body.v72-home #visit .v36-map-frame{box-shadow:0 22px 56px rgba(22,56,69,.10)!important}

  /* Prevent accidental horizontal overflow while the full-page controller
     changes scenes. This is layout containment only; it does not add loops
     or timers, avoiding the freeze seen in the previous PC attempt. */
  body.v72-home .desktop-home{overflow-x:hidden!important}
}

@media (min-width:901px) and (max-width:1200px){
  body.v72-home #meet .meet-copy-live{left:4.5vw!important;width:31vw!important}
  body.v72-home #meet .meet-copy-live h2{font-size:clamp(34px,3.9vw,48px)!important}
  body.v72-home #word .word-pastor-original{left:70.6%!important;width:26.2%!important}
  body.v72-home #mission .mission-copy-live h2{font-size:clamp(29px,3.1vw,40px)!important}
}

/* v231 — the supplied sky artwork is a clean canvas. Build the four
   destination cards and the left editorial panel over it without touching
   the background pixels or any source photographs. */
@media (min-width:901px){
  body.v72-home #meet .desktop-meet-art{
    object-fit:cover!important;
    object-position:center center!important;
  }

  body.v72-home #meet .pc-meet-brand{
    position:absolute!important;
    z-index:8!important;
    top:22px!important;
    left:32px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:52px!important;
    padding:8px 17px 8px 11px!important;
    border:1px solid rgba(255,255,255,.9)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.9)!important;
    box-shadow:0 12px 28px rgba(29,70,87,.12)!important;
    color:#153f59!important;
    text-decoration:none!important;
  }
  body.v72-home #meet .pc-meet-brand img{width:35px!important;height:35px!important;object-fit:contain!important}
  body.v72-home #meet .pc-meet-brand span{font-size:21px!important;font-weight:800!important;letter-spacing:-.07em!important;white-space:nowrap!important}

  body.v72-home #meet .meet-copy-live{
    left:3.2vw!important;
    top:10.5%!important;
    width:min(33vw,520px)!important;
    height:40.2vh!important;
    min-height:300px!important;
    box-sizing:border-box!important;
    padding:clamp(28px,2.55vw,43px) clamp(28px,2.45vw,42px)!important;
    border:1px solid rgba(255,255,255,.82)!important;
    border-radius:28px!important;
    background:rgba(255,255,255,.76)!important;
    box-shadow:0 22px 54px rgba(46,86,107,.12),0 1px 0 rgba(255,255,255,.88) inset!important;
    backdrop-filter:blur(9px)!important;
    -webkit-backdrop-filter:blur(9px)!important;
  }

  body.v72-home #meet .meet-copy-live>small{
    margin:0 0 21px!important;
    color:#4d877d!important;
    font-size:clamp(10px,.78vw,13px)!important;
    letter-spacing:.22em!important;
  }
  body.v72-home #meet .meet-copy-live h2{
    font-size:clamp(35px,3.05vw,54px)!important;
    line-height:1.15!important;
    letter-spacing:-.075em!important;
  }
  body.v72-home #meet .meet-copy-live>p{
    max-width:410px!important;
    margin:22px 0 0!important;
    font-size:clamp(12px,.95vw,16px)!important;
    line-height:1.68!important;
  }
  body.v72-home #meet .meet-values{margin-top:22px!important}
  body.v72-home #meet .meet-signature{display:none!important}

  body.v72-home #meet .meet-card-live{
    border:1px solid rgba(255,255,255,.82)!important;
    box-shadow:0 18px 42px rgba(21,62,77,.18)!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
  }
  body.v72-home #meet .meet-card-about{
    left:38.4%!important;
    top:7.8%!important;
    width:27.1%!important;
    height:41.2%!important;
    background-image:url("assets/floor-3f-sanctuary-front-v56.webp")!important;
    background-position:center 44%!important;
  }
  body.v72-home #meet .meet-card-people{
    left:66.7%!important;
    top:7.8%!important;
    width:29.6%!important;
    height:41.2%!important;
    background-image:url("assets/friday-evangelism-team.webp")!important;
    background-position:center 43%!important;
  }
  body.v72-home #meet .meet-card-story{
    left:38.4%!important;
    top:54.2%!important;
    width:27.1%!important;
    height:39.7%!important;
    background-image:url("assets/story-current-church.webp")!important;
    background-position:center 35%!important;
  }
  body.v72-home #meet .meet-card-place{
    left:66.7%!important;
    top:54.2%!important;
    width:29.6%!important;
    height:39.7%!important;
    background-image:url("assets/church-exterior.webp")!important;
    background-position:center 42%!important;
  }
  body.v72-home #meet .meet-card-live::before{
    background:linear-gradient(0deg,rgba(8,36,49,.94) 0%,rgba(8,36,49,.58) 30%,rgba(8,36,49,.08) 76%,transparent 100%)!important;
  }
  body.v72-home #meet .meet-card-live>span{padding:0 7.2% 7.1%!important}
  body.v72-home #meet .meet-card-live small{margin-bottom:7px!important;font-size:clamp(8px,.66vw,11px)!important}
  body.v72-home #meet .meet-card-live strong{font-size:clamp(21px,1.55vw,29px)!important;line-height:1.12!important}
  body.v72-home #meet .meet-card-live em{margin-top:6px!important;font-size:clamp(9px,.72vw,12px)!important;line-height:1.4!important}
}

@media (min-width:901px) and (max-width:1200px){
  body.v72-home #meet .meet-copy-live{left:3.3vw!important;top:9.6%!important;width:33vw!important;height:40vh!important;padding:25px 28px!important}
  body.v72-home #meet .meet-copy-live h2{font-size:clamp(31px,3.2vw,43px)!important}
  body.v72-home #meet .meet-card-about,
  body.v72-home #meet .meet-card-story{left:37.2%!important;width:28.2%!important}
  body.v72-home #meet .meet-card-people,
  body.v72-home #meet .meet-card-place{left:66.2%!important;width:30.5%!important}
}

/* v232 — first-screen copy is live HTML over the user's clean background.
   The same handwritten phrase is already present in the supplied image, so
   the old duplicate HTML line is intentionally hidden on desktop only. */
@media (min-width:901px){
  body.v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-art{
    object-fit:cover!important;
    object-position:center center!important;
  }
  body.v72-home #welcome.sample-hero .sample-slide[data-scene="0"]::before,
  body.v72-home #welcome.sample-hero .sample-slide[data-scene="0"]::after{
    display:none!important;
    content:none!important;
    background:none!important;
  }
  body.v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-copy em{
    display:none!important;
  }
}