.hn-collection-cards{background-color:#fff}.hn-collection-cards__header{text-align:center;margin-bottom:4rem}.hn-collection-cards__grid{display:grid;gap:1.2rem;grid-auto-columns:minmax(26rem,88vw);grid-auto-flow:column;overflow-x:auto;padding-bottom:.8rem;scroll-padding-inline:0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hn-collection-cards__grid::-webkit-scrollbar{display:none}.hn-collection-cards__card{position:relative;display:block;overflow:hidden;border-radius:var(--hn-radius-lg);clip-path:inset(0 round var(--hn-radius-lg));text-decoration:none;aspect-ratio:1 / 1;min-height:0;scroll-snap-align:start}@media screen and (min-width:750px){.hn-collection-cards__grid{grid-auto-columns:minmax(32rem,48vw);gap:1.6rem}}@media screen and (min-width:990px){.hn-collection-cards__grid{grid-auto-columns:initial;grid-auto-flow:row;grid-template-columns:repeat(5,1fr);gap:1.6rem;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}}.hn-collection-cards__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;transition:transform .4s ease}.hn-collection-cards__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;background-color:#e5e5e5;display:flex;align-items:center;justify-content:center}.hn-collection-cards__placeholder-svg{width:60%;height:auto;opacity:.4}.hn-collection-cards__overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.48) 38%,rgba(0,0,0,.08) 72%,transparent 100%);transition:opacity .3s ease;z-index:1}.hn-collection-cards__content{position:absolute;bottom:0;left:0;right:0;padding:1.6rem;z-index:2;isolation:isolate}.hn-collection-cards__content:before{content:"";position:absolute;left:-2rem;right:-2rem;bottom:-2.4rem;height:9.5rem;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 82% 74% at 24% 76%,rgba(0,0,0,.7) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.12) 68%,transparent 100%),linear-gradient(to top,rgba(0,0,0,.4) 0%,rgba(0,0,0,.14) 54%,transparent 100%);filter:blur(18px)}.hn-collection-cards__title{position:relative;display:inline-block;font-family:var(--hn-font-body);font-size:var(--hn-body);font-weight:var(--hn-bold);letter-spacing:.06em;line-height:1;text-transform:uppercase;color:#fff;margin:0;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.8)}.hn-collection-cards__title:after{content:"";position:absolute;left:0;right:0;bottom:-.45rem;height:2px;background:var(--hn-red)}@media screen and (min-width:750px){.hn-collection-cards__content{padding:1.8rem}.hn-collection-cards__title{font-size:var(--hn-body)}}.hn-collection-cards__card:hover .hn-collection-cards__image{transform:scale(1.05)}.hn-collection-cards__card:hover .hn-collection-cards__overlay{background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.52) 38%,rgba(0,0,0,.1) 72%,transparent 100%)}.hn-collection-cards__card:focus-visible{outline:2px solid var(--hn-red);outline-offset:2px}@media(prefers-reduced-motion:reduce){.hn-collection-cards__image,.hn-collection-cards__overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/hn-collection-cards.css.map */