.hero-hair-canvas{pointer-events:none;top:0;left:0}
.hero-hair-ready>img.hero-art{opacity:0}
.hero-motion-toggle{
  position:absolute;right:28px;bottom:28px;z-index:3;display:grid;place-items:center;
  width:34px;height:34px;padding:8px;background:#211811a6;color:#e4c692;
  border:1px solid #d7bb8b55;border-radius:50%;backdrop-filter:blur(6px);
  transition:background .2s,border-color .2s;
}
.hero-motion-toggle:hover{background:#3c2b18;border-color:#d7bb8b}
.hero-motion-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-motion-toggle .motion-play,.hero-motion-toggle[data-paused="true"] .motion-pause{display:none}
.hero-motion-toggle[data-paused="true"] .motion-play{display:block}
@media(max-width:650px){.hero-motion-toggle{top:16px;bottom:auto;right:16px;width:30px;height:30px;padding:7px}}
@media(prefers-reduced-motion:reduce){
  .hero-hair-canvas{display:none}
  .hero-hair-ready>img.hero-art{opacity:1}
}