/* Finite collection choreography: scene, accent, headline, supporting copy. */
@keyframes ps-scene-push{from{transform:scaleX(var(--ps-scene-direction,1)) scale(var(--ps-scene-start,1.1));filter:brightness(.94)}to{transform:scaleX(var(--ps-scene-direction,1)) scale(1);filter:brightness(1)}}
@keyframes ps-line-open{from{clip-path:inset(0 0 100% 0);transform:translateY(34px);opacity:0}to{clip-path:inset(0);transform:translateY(0);opacity:1}}
@keyframes ps-accent-open{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ps-copy-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes ps-card-arrive{from{opacity:.65}to{opacity:1}}
#main .ps-catalog .ps-catalog-hero::before{content:"";display:block;position:absolute;inset:0;pointer-events:none;background:inherit;transform-origin:70% 70%}
#main .ps-catalog .ps-motion-intro::before{animation:ps-scene-push 2.2s cubic-bezier(.25,.55,.3,1) .12s both}
#main .ps-catalog .ps-motion-intro .ps-eyebrow::before{transform-origin:left center;animation:ps-accent-open .4s cubic-bezier(.2,.7,.25,1) .08s both}
#main .ps-catalog .ps-motion-intro .ps-catalog-desktop-opening,#main .ps-catalog .ps-motion-intro .ps-catalog-desktop-clean{display:block;animation:ps-line-open .85s cubic-bezier(.16,1,.3,1) .3s both}
#main .ps-catalog .ps-motion-intro .ps-catalog-desktop-clean{animation-delay:.56s}
#main .ps-catalog .ps-motion-intro .ps-catalog-intro-copy{animation:ps-copy-arrive .65s ease-out .92s both}
#main .ps-catalog .ps-motion-pending{opacity:.65}
#main .ps-catalog .ps-motion-enter{animation:ps-card-arrive .28s ease-out backwards}
#main .ps-catalog .ps-product{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
#main .ps-catalog .ps-product-visual img{transition:transform .3s ease}
#main .ps-catalog .ps-product:focus-within{opacity:1!important;transform:none!important;animation:none!important}
#main .ps-catalog .ps-card-actions button:active{transform:translateY(1px)}
[dir=rtl] #main .ps-catalog .ps-motion-intro .ps-eyebrow::before{transform-origin:right center}
@media(hover:hover) and (pointer:fine){
 #main .ps-catalog .ps-product:hover{transform:translateY(-3px);box-shadow:0 9px 22px #102e650b;border-color:#caddea}
 #main .ps-catalog .ps-product-link:hover .ps-product-visual img{transform:scale(1.025)}
}
@media(max-width:760px){
 #main .ps-catalog .ps-catalog-hero::before{background:url("assets/catalog-20261030/collection-mobile-side.webp") center/cover no-repeat;transform-origin:center center}
 [dir=rtl] #main .ps-catalog{--ps-scene-direction:-1}
 #main .ps-catalog .ps-motion-intro::before{animation-duration:1.4s;--ps-scene-start:1.06}
 #main .ps-catalog .ps-motion-intro .ps-catalog-desktop-opening,#main .ps-catalog .ps-motion-intro .ps-catalog-desktop-clean{display:none}
 #main .ps-catalog .ps-motion-intro .ps-catalog-mobile-clean{animation:ps-line-open .6s cubic-bezier(.16,1,.3,1) .16s both}
 #main .ps-catalog .ps-motion-intro .ps-catalog-intro-copy{animation-duration:.4s;animation-delay:.4s}
}
@media(hover:none){#main .ps-catalog .ps-product-link:hover .ps-product-visual img{transform:none}}
@media(prefers-reduced-motion:reduce){
 #main .ps-catalog .ps-motion-intro::before,#main .ps-catalog .ps-motion-intro .ps-eyebrow::before,#main .ps-catalog .ps-motion-intro .ps-catalog-desktop-opening,#main .ps-catalog .ps-motion-intro .ps-catalog-desktop-clean,#main .ps-catalog .ps-motion-intro .ps-catalog-mobile-clean,#main .ps-catalog .ps-motion-intro .ps-catalog-intro-copy,#main .ps-catalog .ps-motion-enter{animation:none!important}
 #main .ps-catalog .ps-motion-pending,#main .ps-catalog .ps-product,#main .ps-catalog .ps-product:hover,#main .ps-catalog .ps-product-visual img,#main .ps-catalog .ps-card-actions button:active{opacity:1;transform:none;transition:none}
}
