.hero-art:before{display:none}.hero-art{margin:0;max-width:560px;width:100%;justify-self:center}.hero-motion{display:block;position:relative;width:100%;aspect-ratio:400/336;padding:0;border:0;background:transparent;border-radius:12px;cursor:pointer;color:inherit}.hero-motion canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;background:transparent;pointer-events:none;filter:drop-shadow(0 18px 30px #6021b02e)}.hero-motion.ready canvas{opacity:1}.hero-motion .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;pointer-events:none}.hero-motion.ready .hero-poster{visibility:hidden}.hero-motion .hero-decoder{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;bottom:0;left:0}.hero-motion:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@media(max-width:800px){.hero-art{max-width:450px}.hero-motion .hero-poster{max-height:none}}

.hero-art{min-width:0;align-self:center;--cyan:var(--accent)}