.arc-gallery-hero{--arc-radius:260px;--arc-card-size:80px;background-color:#ffffff;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,#ffffff 10px),repeating-linear-gradient(#f7f7f755,#f7f7f7)}.arc-gallery-hero__stage{height:calc(var(--arc-radius) * 1.2)}.arc-gallery-hero__card{width:var(--arc-card-size);height:var(--arc-card-size)}.arc-gallery-hero__card--lcp{left:calc(50% + .9397 * var(--arc-radius));bottom:calc(.342 * var(--arc-radius));transform:translate(-50%,50%)}.arc-gallery-hero__card--rotated{left:50%;bottom:0;transform:translate(-50%,50%) rotate(var(--arc-angle)) translateY(calc(-1 * var(--arc-radius))) rotate(calc(-1 * var(--arc-angle)))}@media (min-width:640px){.arc-gallery-hero{--arc-radius:360px;--arc-card-size:100px}}@media (min-width:1024px){.arc-gallery-hero{--arc-radius:480px;--arc-card-size:120px}}@keyframes arc-fade-in-up{0%{opacity:0;transform:translate(-50%,50%) rotate(var(--arc-angle)) translateY(calc(-1 * var(--arc-radius))) rotate(calc(-1 * var(--arc-angle))) translateY(10%)}to{opacity:1;transform:translate(-50%,50%) rotate(var(--arc-angle)) translateY(calc(-1 * var(--arc-radius))) rotate(calc(-1 * var(--arc-angle)))}}.arc-gallery-hero__card.animate-fade-in-up{animation:arc-fade-in-up .8s ease-out forwards}@keyframes arc-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.arc-gallery-hero__card .animate-card-float{animation:arc-card-float 4.8s ease-in-out infinite}