.interactive-mascot{display:block;position:relative;width:322px;aspect-ratio:1.27;overflow:hidden;background:#ede0fd}.hero-art .interactive-mascot .mascot-crop{width:100%}.interactive-mascot canvas{position:absolute;width:214%;max-width:none;height:auto;aspect-ratio:1;left:-57%;top:-52%;mix-blend-mode:multiply;pointer-events:none;opacity:0}.interactive-mascot[data-active=true] canvas{opacity:1}.interactive-mascot[data-active=true] img{opacity:0}@media (max-width:760px){.interactive-mascot{width:290px}}@media (prefers-reduced-motion:reduce){.interactive-mascot canvas{display:none}.interactive-mascot[data-active=true] img{opacity:1}}