/* v174 — Mobile Hero: original wedding images without extreme zoom */
@media (max-width: 760px){
  body.home-v104 .home-intro-hero{
    position:relative !important;
    overflow:hidden !important;
    background:#17130f !important;
  }

  /* On phones the landscape wedding photos are shown as a cinematic image band
     instead of being stretched across the full tall text section. */
  body.home-v104 .home-intro-hero .hero-slideshow{
    position:absolute !important;
    inset:0 0 auto 0 !important;
    width:100% !important;
    height:clamp(230px, 62vw, 330px) !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#17130f !important;
    pointer-events:none !important;
  }

  body.home-v104 .home-intro-hero .hero-slide{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center 42% !important;
    transform:none !important;
    scale:1 !important;
  }

  /* Smooth cinema fade into the dark content area, so there is no hard edge. */
  body.home-v104 .home-intro-hero .hero-slideshow::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
    background:
      linear-gradient(180deg,
        rgba(15,12,9,.04) 0%,
        rgba(15,12,9,.10) 44%,
        rgba(15,12,9,.58) 76%,
        #17130f 100%);
  }

  body.home-v104 .home-intro-hero .inner{
    position:relative !important;
    z-index:6 !important;
    padding-top:clamp(185px, 52vw, 275px) !important;
  }

  /* Keep text readable without hiding the photograph under a heavy black veil. */
  body.home-v104 .home-intro-hero .eyebrow{
    text-shadow:0 1px 14px rgba(0,0,0,.45) !important;
  }

  body.home-v104 .home-intro-hero h1,
  body.home-v104 .home-intro-hero .lead{
    text-shadow:0 2px 22px rgba(0,0,0,.34) !important;
  }
}

/* Narrow phones: retain the same uncropped-feeling composition. */
@media (max-width: 390px){
  body.home-v104 .home-intro-hero .hero-slideshow{
    height:clamp(220px, 64vw, 270px) !important;
  }
  body.home-v104 .home-intro-hero .inner{
    padding-top:clamp(178px, 54vw, 225px) !important;
  }
}