.hero-shape{position:absolute;width:18%;z-index:1;pointer-events:none}
.hero-shape svg{display:block;width:100%;height:auto;overflow:visible;animation:shapeSpin 38s linear infinite;filter:drop-shadow(0 13px 10px #17171612)}
.hero-shape-left{left:1%;top:80px;transform:rotate(-15deg)}
.hero-shape-right{right:0;top:155px;transform:rotate(14deg)}
.hero-shape-right svg{animation-direction:reverse;animation-duration:44s}
.hero-shape span{display:block;text-align:center;margin-top:18px;font:8px 'Courier New',monospace;letter-spacing:.08em;color:var(--muted)}
.intro-complete .hero-shape{animation:contentEnter 1.1s ease .35s both}
@keyframes shapeSpin{to{rotate:360deg}}
@media(max-width:1000px){.hero-shape{width:20%}.hero-shape-left{top:45px}.hero-shape-right{top:215px}}
@media(max-width:650px){.hero-shape{width:29%}.hero-shape-left{left:7%;top:235px}.hero-shape-right{right:6%;top:228px}.hero-shape span{font-size:7px;margin-top:8px}}