/* Image-based benefit badges over the existing hero photograph. */
.hero .hero-copy{position:relative;isolation:isolate}
.hero-benefits{position:absolute;z-index:1;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;margin:0}
.hero-benefits li{min-width:0;position:relative}
.hero-benefits li+li::before{content:'';position:absolute;left:0;top:30%;height:55%;width:1px;background:#ead7cc;z-index:2}
.hero-benefits img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:700px){
 .hero .hero-message{height:152vw;background-size:100% auto;background-position:center top;background-color:#fff9f6}
 .hero .hero-copy::after{content:'';position:absolute;inset:auto 0 0;height:45vw;background:linear-gradient(0deg,#fff9f6 60%,#fff9f6e6 78%,#fff9f600);pointer-events:none}
 .hero-benefits{left:3%;right:3%;bottom:2vw}
}
@media(min-width:701px){
 .hero .hero-message{height:48cqw;min-height:410px}
 .hero .hero-description{top:47%;font-size:clamp(14px,1.5cqw,24px);line-height:1.7}
 .hero-benefits{left:5%;bottom:2%;width:44%;background:linear-gradient(90deg,#fff9f6eb,#fff9f6cc);border-radius:18px}
}