.hero-art{isolation:isolate;overflow:visible}.hero-art:before{content:'01  /  WARM DIGITAL CREATURE';position:absolute;left:3%;top:11%;color:#6d6878;font:10px 'DM Mono',monospace;letter-spacing:.12em;transform:rotate(-90deg);transform-origin:left top;z-index:1}.hero-art:after{content:'✦  ✧  ·  ✦';position:absolute;right:4%;bottom:12%;color:var(--pink);font:24px 'DM Mono',monospace;letter-spacing:18px;text-shadow:0 0 14px var(--pink);z-index:3}.hero-art .rings{width:490px;height:490px;border-color:#ff4c9b66;transform:scaleX(.58) rotate(35deg);box-shadow:0 0 0 74px #050507,0 0 0 76px #54e9ff44,0 0 60px 12px #ff4c9b33}.hero-art .rings:before,.hero-art .rings:after{content:'';position:absolute;border:1px solid #a88cff66;border-radius:50%;inset:46px;transform:rotate(62deg) scaleX(.72)}.hero-art .rings:after{inset:92px;border-color:#54e9ff55;transform:rotate(-20deg) scaleX(.7)}.hero-art img{width:min(80%,420px);filter:drop-shadow(0 0 18px rgba(255,76,155,.65)) drop-shadow(0 0 44px rgba(84,233,255,.28));animation:float-mascot 5s ease-in-out infinite}.hero-art small{top:12%;right:0;padding:13px 15px;border-left:1px solid #ff4c9b88;background:#0b0a10aa}.hero-art small:before{content:'✦';position:absolute;left:-27px;top:2px;color:var(--cyan);font-size:18px;text-shadow:0 0 12px var(--cyan)}@keyframes float-mascot{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@media(max-width:720px){.hero-art .rings{width:350px;height:350px}.hero-art img{width:290px}.hero-art:before{left:0}.hero-art:after{right:0;letter-spacing:8px}}