.hero-mobile-break {display:none}
@media(max-width:767px){
    .hero{background:white}
    .hero .hero-heading{width:100%;margin:0;background:none}
    .hero-heading .hero-banner{width:100%;height:auto;aspect-ratio:1080/634}
    .hero .products{background:transparent;margin-top:-7%;position:relative;z-index:3}
    .hero .products .product{background:transparent;color:#343f42;padding:8px 9.5% 12px;min-height:0;aspect-ratio:1080/360;gap:6%;overflow:visible;isolation:isolate}
    .hero .products .product img{width:22%;max-height:none}
    .hero .products .product div{min-width:0;flex:1}
    .hero .products .product h2{font-size:clamp(16px,4.5vw,34px);color:var(--color);font-weight:600;line-height:1.05;margin-bottom:5px}
    .hero .products .product p{font-size:clamp(12px,3.15vw,24px);font-weight:500;line-height:1.05}
    .hero-mobile-break{display:block}
    .hero .products .product::after{content:'';display:block;position:absolute;inset:auto 0 0;height:100%;border:0;transform:none;background:var(--curve) center bottom/100% 100% no-repeat;z-index:-1;pointer-events:none}
    .hero .products .adult{--color:#bc1718;--curve:url('assets/overview-adult.svg')}
    .hero .products .puppy{--color:#008475;--curve:url('assets/overview-puppy.svg')}
    .hero .products .cat{--curve:url('assets/overview-cat.svg')}
}
@media(max-width:767px){
    .hero .hero-heading{position:relative;z-index:4}
    .hero .products .product{padding:0;gap:0;background:var(--mobile-artwork) center/100% 100% no-repeat}
    .hero .products .product > img,.hero .products .product > div{opacity:0}
    .hero .products .product::after{display:none}
    .hero .products .adult{--mobile-artwork:url('assets/hero-mobile-adult-325.jpg');aspect-ratio:1080/380}
    .hero .products .puppy{--mobile-artwork:url('assets/hero-mobile-puppy-325.jpg');aspect-ratio:1080/379}
    .hero .products .cat{--mobile-artwork:url('assets/hero-mobile-cat-325.jpg');aspect-ratio:1080/401}
}