.product-card .card-image::after{content:'↗';position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--paper);font:23px/1 var(--body);opacity:0;transform:translateY(8px) rotate(-35deg);transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.product-card a:focus-visible .card-image::after{opacity:1;transform:none}
.desktop-nav a,.drawer-view{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:left bottom;transition:background-size .25s,color .25s}
.desktop-nav a:focus-visible{background-size:100% 1px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.product-card .card-image img{transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.product-card a:hover .card-image img{transform:scale(1.055) translateY(-3px)}
.product-card a:hover .card-image::after{opacity:1;transform:none}
.product-card .card-details{transition:border-color .3s,transform .3s}
.product-card a:hover .card-details{border-color:var(--navy);transform:translateY(2px)}
.desktop-nav a:hover,.drawer-view:hover{background-size:100% 1px}
.button .arrow,.button svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.button:hover .arrow,.button:hover svg{transform:translateX(4px)}
.cart-link span{transition:transform .3s}.cart-link:hover span{transform:rotate(-12deg) scale(1.08)}
}
@media(prefers-reduced-motion:reduce){
.product-card,.product-card .card-image,.product-card .card-image img,.product-card .card-image::after,.product-card .card-details,.button,.button svg,.button .arrow,.desktop-nav a,.drawer-view,.cart-link span{animation:none!important;transition:none!important}
.product-card a:hover .card-image img,.product-card a:hover .card-details,.button:hover,.button:active{transform:none!important}
}
.hero-mark{animation-fill-mode:backwards!important}