.hero{position:relative;isolation:isolate}
.hero-ink{position:absolute;inset:0 0 auto;width:100%;height:650px;z-index:0;pointer-events:none;user-select:none;mask-image:linear-gradient(transparent 70px,#000 150px,#000 82%,transparent)}
.hero-copy,.hero-product{z-index:1}
@media(max-width:600px){.hero-ink{opacity:.55}}
@media(prefers-reduced-motion:reduce){.hero-ink{opacity:.7}}