/* v233 — secondary slim luxury homepage banner with 4 images */
#home-juniper-secondary{
  width:100%;
  max-width:none;
  min-height:248px;
  margin:0 0 34px;
  border-radius:28px;
  background:linear-gradient(135deg,#f7f1e8 0%,#ead8c6 42%,#d8c0aa 100%);
  border:1px solid rgba(122,86,60,.16);
  box-shadow:0 20px 48px rgba(49,31,19,.12);
  overflow:hidden;
}
#home-juniper-secondary .home-extra-banner-layout{
  min-height:248px;
  grid-template-columns:minmax(300px,.95fr) minmax(560px,1.05fr);
  gap:16px;
  align-items:stretch;
}
#home-juniper-secondary .home-extra-banner-content{
  position:relative;
  z-index:2;
  padding:30px 12px 28px 38px;
  align-self:center;
}
#home-juniper-secondary .home-extra-banner-content::before{
  content:"SAUNAROOM · BESPOKE INTERIORS";
  display:block;
  margin-bottom:12px;
  font-size:.64rem;
  letter-spacing:.22em;
  color:#8f6a50;
}
#home-juniper-secondary h2{
  max-width:12ch;
  margin:0 0 12px;
  font-size:clamp(1.95rem,3vw,3.55rem);
  line-height:.94;
  color:#2f1e14;
  text-wrap:balance;
}
#home-juniper-secondary .home-extra-banner-text{
  max-width:34rem;
  color:#6a5647;
  font-size:.97rem;
  line-height:1.55;
}
#home-juniper-secondary .home-extra-banner-button{
  margin-top:17px;
  padding:11px 18px;
  border-radius:999px;
  background:#362116;
  color:#fffaf3;
  box-shadow:0 10px 24px rgba(0,0,0,.10);
}
#home-juniper-secondary .home-extra-banner-overlay{
  background:linear-gradient(90deg,rgba(255,251,246,.90),rgba(255,251,246,.55) 45%,rgba(255,251,246,.10) 85%);
}
#home-juniper-secondary .home-extra-banner-gallery{
  grid-template-columns:1.2fr .78fr .78fr;
  grid-template-rows:1fr 1fr;
  gap:10px;
  padding:18px 18px 18px 0;
}
#home-juniper-secondary .home-extra-banner-gallery-item{
  min-height:0;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(120,87,62,.14);
  background:#efe4d8;
  box-shadow:0 10px 24px rgba(28,17,10,.08);
}
#home-juniper-secondary .home-extra-banner-gallery-item.is-main{
  grid-column:1;
  grid-row:1 / span 2;
  min-height:212px;
}
#home-juniper-secondary .home-extra-banner-gallery-item img{
  width:100%;height:100%;object-fit:cover;display:block;
}
@media(max-width:1080px){
  #home-juniper-secondary{min-height:0}
  #home-juniper-secondary .home-extra-banner-layout{grid-template-columns:1fr;min-height:0;gap:6px}
  #home-juniper-secondary .home-extra-banner-content{padding:28px 28px 8px}
  #home-juniper-secondary h2{max-width:14ch;font-size:clamp(1.95rem,5vw,3rem)}
  #home-juniper-secondary .home-extra-banner-gallery{grid-template-columns:1fr 1fr 1fr;grid-template-rows:160px 105px;padding:8px 18px 20px}
  #home-juniper-secondary .home-extra-banner-gallery-item.is-main{grid-column:1 / span 3;grid-row:1;min-height:160px}
}
@media(max-width:640px){
  #home-juniper-secondary{margin:0 0 26px;border-radius:22px}
  #home-juniper-secondary .home-extra-banner-content{padding:24px 18px 6px}
  #home-juniper-secondary .home-extra-banner-content::before{margin-bottom:10px;font-size:.58rem}
  #home-juniper-secondary h2{font-size:clamp(1.75rem,8.7vw,2.6rem);margin-bottom:10px}
  #home-juniper-secondary .home-extra-banner-text{font-size:.91rem;line-height:1.48}
  #home-juniper-secondary .home-extra-banner-button{margin-top:16px;padding:10px 16px}
  #home-juniper-secondary .home-extra-banner-gallery{grid-template-columns:1fr 1fr;grid-template-rows:138px 88px 88px;gap:8px;padding:8px 12px 14px}
  #home-juniper-secondary .home-extra-banner-gallery-item{border-radius:15px}
  #home-juniper-secondary .home-extra-banner-gallery-item.is-main{grid-column:1 / span 2;grid-row:1;min-height:138px}
}