.collection-showcase{padding-top:3rem;padding-bottom:3rem}.collection-showcase__header{text-align:center;max-width:50rem;margin:0 auto}.collection-showcase__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media screen and (max-width: 989px){.collection-showcase__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media screen and (max-width: 749px){.collection-showcase__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media screen and (max-width: 480px){.collection-showcase__grid{grid-template-columns:1fr;gap:2rem}}.collection-showcase__item{position:relative}.collection-showcase__link{display:block;text-decoration:none;transition:transform .3s ease}.collection-showcase__link:hover{transform:translateY(-4px)}.collection-showcase__image{position:relative;overflow:hidden;background-color:var(--color-placeholder);aspect-ratio:4/5}.collection-showcase__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.collection-showcase__link:hover .collection-showcase__image img{transform:scale(1.05)}.collection-showcase__image .badge{position:absolute;top:1rem;left:1rem;background-color:rgb(var(--color-fg));color:rgb(var(--color-bg));text-transform:uppercase;font-size:.625rem;letter-spacing:.07em;padding:.5em 1em;z-index:2}.collection-showcase__content{padding-top:1rem}.collection-showcase__content h3{transition:color .3s ease}.collection-showcase__link:hover .collection-showcase__content h3{color:rgba(var(--color-fg),.7)}.collection-showcase__cta{display:inline-block;color:rgb(var(--color-fg));text-underline-offset:.25em;transition:text-underline-offset .3s ease}.collection-showcase__link:hover .collection-showcase__cta{text-underline-offset:.35em}@media screen and (max-width: 749px){.collection-showcase__grid--horizontal{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin:0 calc(-1 * var(--page-margin-sm));padding:0 var(--page-margin-sm)}.collection-showcase__grid--horizontal::-webkit-scrollbar{display:none}.collection-showcase__grid--horizontal .collection-showcase__item{flex:0 0 70vw;scroll-snap-align:start}}.placeholder-svg{width:100%;height:100%;fill:rgba(var(--color-fg),.1)}.collection-showcase__content--mobile-top{display:block;margin-bottom:1rem}.collection-showcase__content--desktop{display:none}@media screen and (min-width: 750px){.collection-showcase__content--mobile-top{display:none}.collection-showcase__content--desktop{display:block}}@media screen and (max-width: 749px){.collection-showcase__image{margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/277/assets/_collection-showcase.css.map */