/* v237 — extra slim, full-width homepage juniper banner */
#home-juniper-luxury.home-extra-banner{
  width:100%;
  max-width:none;
  height:260px;
  min-height:260px;
  max-height:260px;
  margin:14px 0 22px;
  border-radius:22px;
  background:linear-gradient(135deg,#1c120d 0%,#3b2418 42%,#7a563c 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 28px rgba(33,19,12,.14);
  overflow:hidden;
}
#home-juniper-luxury .home-extra-banner-layout{
  height:260px;
  min-height:260px;
  max-height:260px;
  grid-template-columns:minmax(260px,.72fr) minmax(560px,1.28fr);
  gap:10px;
  align-items:stretch;
}
#home-juniper-luxury .home-extra-banner-content{
  height:260px;
  min-height:260px;
  max-width:none;
  position:relative;
  z-index:2;
  padding:18px 8px 16px 20px;
  align-self:stretch;
  justify-content:center;
}
#home-juniper-luxury .home-extra-banner-content::before{
  content:"SAUNAROOM · NATURAL JUNIPER";
  display:block;
  margin-bottom:6px;
  font-size:.54rem;
  letter-spacing:.17em;
  color:#d9c0a6;
}
#home-juniper-luxury h2{
  max-width:10ch;
  margin:0 0 8px;
  font-size:clamp(1.5rem,1.9vw,2.25rem);
  line-height:.92;
  color:#fffaf3;
  text-wrap:balance;
}
#home-juniper-luxury .home-extra-banner-text{
  max-width:21rem;
  color:rgba(255,250,243,.86);
  font-size:.78rem;
  line-height:1.38;
}
#home-juniper-luxury .home-extra-banner-button{
  margin-top:10px;
  min-height:auto;
  padding:8px 14px;
  border-radius:999px;
  background:#f3e5d5;
  color:#26160e;
  box-shadow:0 8px 16px rgba(0,0,0,.12);
  font-size:.82rem;
}
#home-juniper-luxury .home-extra-banner-gallery{
  height:260px;
  min-height:260px;
  max-height:260px;
  grid-template-columns:1.18fr .72fr;
  grid-template-rows:1fr 1fr;
  gap:8px;
  padding:8px 8px 8px 0;
  align-self:stretch;
}
#home-juniper-luxury .home-extra-banner-gallery-item{
  min-height:0;
  height:auto;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:#e8ddd0;
  box-shadow:0 8px 16px rgba(9,5,3,.14);
}
#home-juniper-luxury .home-extra-banner-gallery-item.is-main{
  grid-row:1 / span 2;
  min-height:0;
}
#home-juniper-luxury .home-extra-banner-gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
@media(max-width:1200px){
  #home-juniper-luxury.home-extra-banner,
  #home-juniper-luxury .home-extra-banner-layout,
  #home-juniper-luxury .home-extra-banner-content,
  #home-juniper-luxury .home-extra-banner-gallery{
    height:228px;
    min-height:228px;
    max-height:228px;
  }
  #home-juniper-luxury .home-extra-banner-layout{
    grid-template-columns:minmax(230px,.7fr) minmax(480px,1.3fr);
  }
  #home-juniper-luxury h2{font-size:clamp(1.35rem,2vw,2rem)}
  #home-juniper-luxury .home-extra-banner-text{font-size:.74rem}
}
@media(max-width:980px){
  #home-juniper-luxury.home-extra-banner{
    height:auto;
    min-height:0;
    max-height:none;
  }
  #home-juniper-luxury .home-extra-banner-layout{
    grid-template-columns:1fr;
    height:auto;
    min-height:0;
    max-height:none;
    gap:4px;
  }
  #home-juniper-luxury .home-extra-banner-content{
    height:auto;
    min-height:auto;
    padding:16px 18px 6px;
  }
  #home-juniper-luxury h2{
    max-width:14ch;
    font-size:clamp(1.6rem,4vw,2.2rem);
  }
  #home-juniper-luxury .home-extra-banner-text{
    max-width:none;
    font-size:.8rem;
  }
  #home-juniper-luxury .home-extra-banner-gallery{
    height:auto;
    min-height:0;
    max-height:none;
    padding:4px 12px 12px;
    grid-template-columns:1.1fr .9fr;
    grid-template-rows:120px 72px;
  }
  #home-juniper-luxury .home-extra-banner-gallery-item.is-main{
    grid-row:1 / span 2;
  }
}
@media(max-width:640px){
  #home-juniper-luxury.home-extra-banner{
    margin:10px 0 18px;
    border-radius:18px;
  }
  #home-juniper-luxury .home-extra-banner-content{
    padding:14px 12px 4px;
  }
  #home-juniper-luxury .home-extra-banner-content::before{
    margin-bottom:5px;
    font-size:.52rem;
  }
  #home-juniper-luxury h2{
    font-size:clamp(1.32rem,7vw,1.82rem);
    margin-bottom:6px;
  }
  #home-juniper-luxury .home-extra-banner-text{
    font-size:.78rem;
    line-height:1.36;
  }
  #home-juniper-luxury .home-extra-banner-button{
    margin-top:10px;
    padding:7px 12px;
    font-size:.8rem;
  }
  #home-juniper-luxury .home-extra-banner-gallery{
    grid-template-columns:1fr 1fr;
    grid-template-rows:92px 62px;
    gap:6px;
    padding:4px 10px 10px;
  }
  #home-juniper-luxury .home-extra-banner-gallery-item{
    border-radius:12px;
  }
  #home-juniper-luxury .home-extra-banner-gallery-item.is-main{
    grid-column:1 / span 2;
    grid-row:1;
  }
}