.hero-card-exhibit{perspective:1100px;isolation:isolate;width:min(640px,100%);height:390px;margin:24px auto 8px;position:relative}.hero-card-exhibit:after{content:"";filter:blur(25px);pointer-events:none;z-index:-1;background:#253a5136;border-radius:50%;height:28px;position:absolute;bottom:22px;left:22%;right:18%}.hero-exhibit-stage{transform-style:preserve-3d;transform:rotateX(var(--turn-x,0deg)) rotateY(var(--turn-y,0deg));transition:transform .3s ease-out;position:absolute;inset:0}.hero-exhibit-card{width:54%;transform-style:preserve-3d;filter:drop-shadow(0 22px 22px #18334426);cursor:pointer;--card-x:0px;--card-y:0px;--card-z:60px;--card-angle:-8deg;--card-turn:-12deg;background:0 0;border:0;padding:0;animation:1s cubic-bezier(.22,1,.36,1) both exhibit-card-enter;position:absolute;top:100px;left:23%}.hero-exhibit-card-0{z-index:3}.hero-exhibit-card-1{z-index:2;--card-x:-50px;--card-y:-56px;--card-z:0px;--card-angle:-19deg;animation-delay:.1s}.hero-exhibit-card-2{z-index:1;--card-x:60px;--card-y:45px;--card-z:-55px;--card-angle:13deg;animation-delay:.2s}:is(.hero-exhibit-card:hover,.hero-exhibit-card:focus-visible){filter:drop-shadow(0 28px 24px #18334445);z-index:4}.hero-exhibit-card:focus-visible{outline-offset:8px;border-radius:14px;outline:3px solid #0071e3}.hero-exhibit-card .card-artwork{border-radius:14px;transition:translate .25s}.hero-exhibit-card:hover .card-artwork{translate:0 -8px}@keyframes exhibit-card-enter{0%{opacity:0;transform:translate3d(var(--card-x),calc(var(--card-y) + 40px),var(--card-z)) rotate(var(--card-angle)) rotateY(var(--card-turn))}to{opacity:1;transform:translate3d(var(--card-x),var(--card-y),var(--card-z)) rotate(var(--card-angle)) rotateY(var(--card-turn))}}@media (max-width:700px){.hero-card-exhibit{width:min(400px,100%);height:290px;margin-top:25px}.hero-exhibit-card{--card-z:30px;--card-turn:-6deg;width:65%;top:70px;left:17.5%}.hero-exhibit-card-1{--card-x:-22px;--card-y:-34px;--card-z:0px}.hero-exhibit-card-2{--card-x:28px;--card-y:35px;--card-z:-25px}.hero-card-exhibit:after{bottom:20px}.hero-exhibit-card:hover .card-artwork{translate:none}}@media (prefers-reduced-motion:reduce){.hero-exhibit-stage{transition:none;transform:none!important}.hero-exhibit-card{transform:translate3d(var(--card-x),var(--card-y),var(--card-z)) rotate(var(--card-angle)) rotateY(var(--card-turn));animation:none}.hero-exhibit-card:hover .card-artwork{translate:none}}