/* Match the reference's 300ms logo, category artwork and header transitions. */
.wordmark{transition:transform .3s}
.wordmark:hover,.wordmark:focus-visible{transform:rotate(-4deg) scale(1.05)}
.category-card{transition:transform .3s,box-shadow .3s}
.category-art img,.category-art svg{transition:transform .3s}
.category-card:hover,.category-card:focus-visible{transform:translateY(-3px);box-shadow:0 8px 30px #0006}
.category-card:hover .category-art img,.category-card:focus-visible .category-art img,
.category-card:hover .category-art svg,.category-card:focus-visible .category-art svg{transform:scale(1.1) rotate(1.1deg)}
.account,.basket-link{transition:filter .3s,min-width .3s,padding .3s}
.account:hover,.account:focus-visible,.basket-link:hover,.basket-link:focus-visible{filter:brightness(1.05)}
.brand-tile{transition:transform .3s}
.welcome-title:hover .brand-tile{transform:rotate(-8deg) scale(1.1)}
@media(min-width:1001px){.account:hover,.account:focus-visible{min-width:255px;padding-left:42px}.basket-link:hover,.basket-link:focus-visible{min-width:220px}}
@media(prefers-reduced-motion:reduce){.wordmark,.category-card,.category-art img,.category-art svg,.account,.basket-link,.brand-tile{transition:none!important}.wordmark:hover,.wordmark:focus-visible{transform:rotate(-4deg)}.category-card:hover,.category-card:focus-visible,.category-card:hover .category-art img,.category-card:focus-visible .category-art img,.category-card:hover .category-art svg,.category-card:focus-visible .category-art svg{transform:none}.account:hover,.account:focus-visible{min-width:225px;padding-left:34px}.basket-link:hover,.basket-link:focus-visible{min-width:190px}}