.home-hero{
  grid-template-columns:minmax(420px,.9fr) minmax(600px,1fr);
  gap:54px;
  min-height:680px;
}

.home-hero-visual{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:28px;
  min-height:590px;
}

.home-hero .phone{
  flex:0 0 330px;
  width:330px;
  margin:0;
}

.home-hero-card{
  flex:0 0 315px;
  padding:32px 30px;
  border-radius:24px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(28,31,32,.07);
  box-shadow:0 24px 70px rgba(18,34,51,.08);
  backdrop-filter:blur(9px);
}

.home-hero-card .eyebrow{
  margin:0 0 23px;
  color:#b99a4d;
  font-size:12px;
  letter-spacing:.24em;
}

.home-hero-feature{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:20px;
  align-items:start;
  margin:0 0 26px;
}

.home-hero-feature:last-child{
  margin-bottom:0;
}

.home-hero-feature-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  color:#122233;
}

.home-hero-feature-icon.whatsapp{
  color:#667040;
}

.home-hero-feature-icon svg{
  width:46px;
  height:46px;
  stroke:currentColor;
  stroke-width:1.85;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.home-hero-feature h3{
  margin:0 0 5px;
  color:#172433;
  font-family:var(--sans);
  font-size:17px;
  line-height:1.25;
  font-weight:800;
}

.home-hero-feature p{
  margin:0;
  color:#394650;
  font-size:15px;
  line-height:1.45;
  font-weight:600;
}

@media(max-width:1280px){
  .home-hero{
    grid-template-columns:1fr;
  }
  .home-hero-visual{
    justify-content:flex-start;
    min-height:auto;
  }
}

@media(max-width:760px){
  .home-hero-visual{
    display:grid;
    grid-template-columns:1fr;
    gap:24px;
  }
  .home-hero .phone{
    width:min(100%,320px);
    flex-basis:auto;
    margin:0 auto;
  }
  .home-hero-card{
    width:100%;
    flex-basis:auto;
    padding:28px 24px;
  }
  .home-hero-feature{
    grid-template-columns:48px 1fr;
    gap:16px;
  }
  .home-hero-feature-icon,
  .home-hero-feature-icon svg{
    width:42px;
    height:42px;
  }
}

/* Use the approved outlined wordmark in the primary heading. */
.home-hero .copy .home-wordmark{margin:0 0 24px;line-height:1;}
/* Offset the SVG's internal left padding so the visible lettering aligns with the copy. */
.home-hero .home-wordmark img{display:block;width:min(100%,590px);height:auto;max-width:100%;transform:translateX(-2.5%);}
@media(max-width:720px){.home-hero .home-wordmark img{width:min(100%,360px);}}
/* Keep the community section close to its neighbouring homepage blocks. */
.home-hero ~ .matters-panel{margin-bottom:24px;}
.home-hero ~ .testimonials{padding-top:18px;padding-bottom:20px;}
.home-hero ~ .testimonials > .eyebrow{margin:0 0 12px;}
.home-hero ~ .testimonials + .photo-cta{margin-top:28px;}
@media(min-width:1281px){
  .home-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:clamp(28px,3vw,54px);}
  .home-hero-visual{min-width:0;gap:clamp(16px,1.6vw,28px);}
  .home-hero .phone{flex:0 1 330px;min-width:250px;}
  .home-hero-card{flex:0 1 315px;min-width:260px;padding:clamp(22px,1.8vw,32px) clamp(18px,1.6vw,30px);}
}