@property --hero-reveal{syntax:"<percentage>";inherits:false;initial-value:-30%}.hero-product-incoming{--hero-reveal:-30%;opacity:0;-webkit-mask-image:linear-gradient(115deg, black calc(var(--hero-reveal) - 25%), transparent calc(var(--hero-reveal) + 25%));-webkit-mask-image:linear-gradient(115deg, black calc(var(--hero-reveal) - 25%), transparent calc(var(--hero-reveal) + 25%));mask-image:linear-gradient(115deg, black calc(var(--hero-reveal) - 25%), transparent calc(var(--hero-reveal) + 25%));transition:--hero-reveal 3.6s cubic-bezier(.4,0,.2,1),opacity 3.6s ease-in-out}.hero-product-incoming[data-revealed=true]{--hero-reveal:130%;opacity:1}@media (prefers-reduced-motion:reduce){.hero-product-incoming{transition:none;display:none}}