/* v205 · responsive editorial hero
   The supplied photo is treated as a flexible image layer, not a fixed screenshot.
   Desktop stays full-bleed while the focal point protects the church building. */
@media (min-width:901px){
  .v72-home #welcome.sample-hero{
    height:100svh!important;
    min-height:560px!important;
    padding:0!important;
    overflow:hidden!important;
    background:#eaf3f7!important;
  }

  .v72-home #welcome.sample-hero .sample-hero-stage{
    position:absolute!important;
    inset:0!important;
    overflow:hidden!important;
    background:#eaf3f7!important;
  }

  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"]{
    display:block!important;
    left:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:2!important;
    overflow:hidden!important;
    isolation:isolate;
    background:#eaf3f7!important;
  }

  /* Kept as a safety layer for transitional frames; the foreground photo fills the viewport. */
  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"]::before{
    display:none!important;
    content:""!important;
    position:absolute!important;
    inset:-8%!important;
    z-index:0!important;
    width:auto!important;
    height:auto!important;
    background:url("assets/desktop-first-background-exact-v204.png") center/cover no-repeat!important;
    filter:blur(24px) saturate(.92) brightness(1.04)!important;
    opacity:0!important;
    transform:scale(1.08)!important;
    pointer-events:none!important;
  }

  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-art{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:60% center!important;
    transform:none!important;
    filter:none!important;
    background:transparent!important;
  }

  /* Readability wash stays gentle so the church, sky and trees remain visible. */
  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"]::after{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    width:auto!important;
    height:auto!important;
    background:
      linear-gradient(90deg,rgba(244,250,252,.64) 0%,rgba(244,250,252,.36) 34%,rgba(244,250,252,.08) 61%,transparent 78%),
      linear-gradient(0deg,rgba(22,58,72,.10),transparent 28%)!important;
    pointer-events:none!important;
  }

  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-copy{
    display:block!important;
    position:absolute!important;
    z-index:6!important;
    left:clamp(34px,14vw,260px)!important;
    top:41%!important;
    width:min(760px,43vw)!important;
    max-width:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    transform:translateY(-38%)!important;
    color:#153f59!important;
  }

  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-copy small{
    display:block!important;
    margin:0 0 2.3%!important;
    color:#2c7f84!important;
    font-family:'Noto Sans KR','Pretendard','Malgun Gothic',sans-serif!important;
    font-size:clamp(10px,.82vw,14px)!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.19em!important;
  }

  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-copy h1{
    margin:0!important;
    color:#153f59!important;
    font-family:'Noto Sans KR','Pretendard','Malgun Gothic',sans-serif!important;
    font-size:clamp(40px,4vw,72px)!important;
    font-weight:760!important;
    line-height:1.26!important;
    letter-spacing:-.065em!important;
    white-space:nowrap!important;
    text-shadow:none!important;
    filter:none!important;
  }

  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-copy p{
    margin:2.7% 0 0!important;
    color:#4f7480!important;
    font-family:'Noto Sans KR','Pretendard','Malgun Gothic',sans-serif!important;
    font-size:clamp(15px,1.25vw,21px)!important;
    font-weight:500!important;
    line-height:1.55!important;
    letter-spacing:-.035em!important;
    text-shadow:none!important;
  }

  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-copy i{
    display:block!important;
    width:clamp(48px,4.2vw,70px)!important;
    height:2px!important;
    margin:2.8% 0 0!important;
    background:#b6ca2e!important;
    box-shadow:none!important;
  }

  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-copy em{
    display:block!important;
    margin:2.8% 0 0!important;
    color:#5f8aa0!important;
    font-family:'Nanum Pen Script','Segoe Script','Brush Script MT',cursive!important;
    font-size:clamp(22px,1.75vw,32px)!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.22!important;
    letter-spacing:.015em!important;
    transform:rotate(-5deg)!important;
    transform-origin:left center!important;
  }

  /* Keep the first composition calm; the full-page navigator remains available by wheel. */
  .v72-home #welcome.sample-hero .sample-hero-controls{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .v159-hero-rail,
  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .mobile-hero-scene{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* Wide desktop screens have no horizontal crop; only the natural top/bottom cover trim remains. */
@media (min-width:901px) and (min-aspect-ratio:16/9){
  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-art{
    object-position:center center!important;
  }
}

/* Keep the text comfortably inset even on very wide monitors. */
@media (min-width:901px) and (min-aspect-ratio:16/9){
  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-copy{
    left:clamp(34px,14vw,260px)!important;
  }
}

@media (min-width:901px) and (max-width:1200px){
  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-copy{
    top:41%!important;
    width:min(620px,47vw)!important;
    transform:translateY(-36%)!important;
  }
  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-copy h1{
    font-size:clamp(37px,4.6vw,56px)!important;
  }
  .v72-home #welcome.sample-hero .sample-slide[data-scene="0"] .desktop-hero-copy p{
    font-size:clamp(14px,1.55vw,18px)!important;
  }
}