.hero-art{position:relative;width:min(100%,490px);height:520px;margin:auto;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#3fa6fe30 0 39%,transparent 70%);filter:blur(4px)}.hero-art img{position:relative;z-index:2;max-height:510px;max-width:100%;filter:drop-shadow(0 28px 23px #1b263b24);transform:rotate(1deg);transition:transform .35s ease}.hero-art:hover img{transform:rotate(-1deg) translateY(-6px)}.orbit{position:absolute;z-index:1;border:1px solid #3fa6fe55;border-radius:50%;transform:rotate(-21deg)}.orbit-one{width:455px;height:245px}.orbit-two{width:355px;height:175px;border-color:#e6394650}.art-badge{position:absolute;z-index:3;right:-13px;bottom:35px;padding:13px 16px;border:1px solid #fff;background:#fffdf9df;backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 12px 25px #1b263b1a;font-size:.68rem;line-height:1.4;color:#6E6E6E}.art-badge strong{color:#111;font-size:.84rem}@media(max-width:700px){.hero-art{width:310px;height:390px}.hero-art img{max-height:370px}.orbit-one{width:310px;height:175px}.orbit-two{width:255px;height:125px}.art-badge{right:-5px;bottom:12px}}