.ads-hero-deal{clip-path:polygon(57.2% 69.1%,89.1% 67.8%,92.2% 78.4%,91% 79.7%,59.9% 80.3%,57.2% 71.2%);
  transform-origin:74% 74%;opacity:0;pointer-events:none;}
@media (prefers-reduced-motion:no-preference){
  .ads-hero-deal{animation:ads-hero-deal 3.5s var(--m-ease-io) infinite;}
  .hero-mascot [data-ey=adshero]{animation:bl-adshero 7s linear infinite,ads-hero-look 3.5s var(--m-ease-io) infinite;}
}
@keyframes ads-hero-deal{0%,8%{opacity:1;transform:none;}
  20%{opacity:1;transform:translate(2%,-4%) rotate(-4deg);}
  40%{opacity:1;transform:translate(14%,-12%) rotate(-9deg) scale(.94);}
  56%{opacity:0;transform:translate(24%,-18%) rotate(-13deg) scale(.86);}
  100%{opacity:0;transform:translate(24%,-18%) rotate(-13deg) scale(.86);}}
@keyframes ads-hero-look{0%,12%{translate:0 0;}26%,48%{translate:1.8% .6%;}64%,100%{translate:0 0;}}

.ads-edge{filter:drop-shadow(2px 0 0 var(--cream)) drop-shadow(-2px 0 0 var(--cream)) drop-shadow(0 2px 0 var(--cream)) drop-shadow(0 -2px 0 var(--cream));}