#catalog{perspective:1300px;overflow:hidden}
#catalog>div:first-child{--rx:0deg;--ry:7deg;--lift:0px;position:relative;transform:translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry))!important;transform-style:preserve-3d;transform-origin:50% 50%;transition:transform .16s ease-out,box-shadow .25s ease,border-color .25s ease;animation:catalog-breathe 5.8s ease-in-out infinite;will-change:transform;cursor:grab}
#catalog>div:first-child:before{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--shine-x,35%) var(--shine-y,22%),rgba(190,230,255,.3),rgba(70,150,255,.08) 20%,transparent 48%);mix-blend-mode:screen;opacity:.72}
#catalog>div:first-child:after{content:"";position:absolute;inset:8% -14% -12% 12%;z-index:-1;background:#287fff33;filter:blur(34px);transform:translateZ(-40px);animation:catalog-glow 5.8s ease-in-out infinite}
#catalog>div:first-child.catalog-active{cursor:grabbing;animation:none;border-color:rgba(130,203,255,.58)!important;box-shadow:0 55px 110px #000,0 0 45px rgba(44,135,255,.22)!important}
@keyframes catalog-breathe{0%,100%{transform:translateY(0) rotateX(-1.5deg) rotateY(7deg)}50%{transform:translateY(-14px) rotateX(2deg) rotateY(11deg)}}
@keyframes catalog-glow{0%,100%{opacity:.35;transform:translate3d(-5px,8px,-40px)}50%{opacity:.72;transform:translate3d(12px,-4px,-40px)}}
@media(max-width:760px){#catalog{grid-template-columns:1fr!important}#catalog>div:first-child{margin-inline:auto;animation-duration:7s}}
@media(prefers-reduced-motion:reduce){#catalog>div:first-child,#catalog>div:first-child:after{animation:none!important;transition:none!important}}
#editions{perspective:1400px}
#editions article{--card-y:0px;position:relative;overflow:hidden;transform:translateY(var(--card-y)) translateZ(0);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;animation:edition-float 6.8s ease-in-out infinite;will-change:transform}
#editions article:nth-child(2){animation-delay:-1.7s}#editions article:nth-child(3){animation-delay:-3.4s}#editions article:nth-child(4){animation-delay:-5.1s}
#editions article:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 25%,rgba(120,196,255,.11) 46%,transparent 67%);transform:translateX(-120%);transition:transform .8s ease}
#editions article:hover{animation-play-state:paused;transform:translateY(-9px) translateZ(24px) rotateX(1.5deg);border-color:rgba(107,181,255,.42)!important;box-shadow:0 28px 60px rgba(0,0,0,.45),0 0 30px rgba(53,137,255,.1)}
#editions article:hover:before{transform:translateX(120%)}
#editions .btn{position:relative;overflow:hidden}
#editions .btn:after{content:"";position:absolute;inset:-30% auto -30% -45%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:button-scan 4.8s ease-in-out infinite}
@keyframes edition-float{0%,100%{--card-y:0px}50%{--card-y:-5px}}
@keyframes button-scan{0%,68%{left:-45%;opacity:0}76%{opacity:.75}100%{left:125%;opacity:0}}
@media(prefers-reduced-motion:reduce){#editions article,#editions .btn:after{animation:none!important}}