.hn-collection-cards__grid{--hn-cc-cols: 1;--hn-cc-ratio: 16 / 10;display:grid;grid-template-columns:repeat(var(--hn-cc-cols),minmax(0,1fr));gap:var(--hn-space-3);margin:0;padding:0;list-style:none}.hn-collection-cards__grid--count-2,.hn-collection-cards__grid--count-4,.hn-collection-cards__grid--count-6{--hn-cc-cols: 2;--hn-cc-ratio: 3 / 4}.hn-collection-cards__item{display:flex;min-width:0}@media screen and (min-width:750px){.hn-collection-cards__grid{gap:var(--hn-space-5)}.hn-collection-cards__grid--count-1{--hn-cc-ratio: 21 / 9}.hn-collection-cards__grid--count-2,.hn-collection-cards__grid--count-4{--hn-cc-cols: 2;--hn-cc-ratio: 4 / 3}.hn-collection-cards__grid--count-3,.hn-collection-cards__grid--count-5,.hn-collection-cards__grid--count-6{--hn-cc-cols: 3;--hn-cc-ratio: 4 / 5}}@media screen and (min-width:990px){.hn-collection-cards__grid--count-4{--hn-cc-cols: 4;--hn-cc-ratio: 3 / 4}}.hn-collection-cards__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:var(--hn-cc-ratio);overflow:hidden;border-radius:var(--hn-radius-xl);background:var(--hn-surface-blush);color:var(--hn-white);text-decoration:none;box-shadow:var(--hn-shadow-md);transition:box-shadow var(--hn-duration) var(--hn-ease)}a.hn-collection-cards__card:hover{color:var(--hn-white);box-shadow:var(--hn-shadow-lg)}a.hn-collection-cards__card:focus-visible{outline:2px solid var(--hn-brand);outline-offset:2px;box-shadow:var(--hn-shadow-focus)}.hn-collection-cards__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--hn-ease)}a.hn-collection-cards__card:hover .hn-collection-cards__image{transform:scale(1.04)}.hn-collection-cards__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--hn-space-2);padding:var(--hn-space-10) var(--hn-space-4) var(--hn-space-4);background:linear-gradient(to top,rgba(var(--hn-brand-rgb),.96),rgba(var(--hn-brand-rgb),.82) 68%,rgba(var(--hn-brand-rgb),0))}.hn-collection-cards__title{margin:0;font-size:var(--hn-heading-sm);font-weight:var(--hn-bold);line-height:1.15;letter-spacing:var(--hn-ls-display);color:inherit;text-wrap:balance}.hn-collection-cards__description{margin:0;font-size:var(--hn-body-sm);font-weight:var(--hn-medium);line-height:1.45;color:inherit}.hn-collection-cards__cue{display:inline-flex;align-items:center;gap:var(--hn-space-2);margin-top:var(--hn-space-1);font-size:var(--hn-body-sm);font-weight:var(--hn-semibold);letter-spacing:var(--hn-ls-ui);line-height:1.2;color:inherit}.hn-collection-cards__cue-icon{flex:0 0 auto;transition:transform var(--hn-duration) var(--hn-ease)}a.hn-collection-cards__card:hover .hn-collection-cards__cue-icon{transform:translate(.3rem)}@media screen and (max-width:749px){.hn-collection-cards__grid--count-2 .hn-collection-cards__cue,.hn-collection-cards__grid--count-4 .hn-collection-cards__cue,.hn-collection-cards__grid--count-6 .hn-collection-cards__cue{display:none}.hn-collection-cards__grid--count-2 .hn-collection-cards__content,.hn-collection-cards__grid--count-4 .hn-collection-cards__content,.hn-collection-cards__grid--count-6 .hn-collection-cards__content{padding:var(--hn-space-9) var(--hn-space-3) var(--hn-space-3)}}@media screen and (min-width:750px){.hn-collection-cards__content{padding:var(--hn-space-11) var(--hn-space-6) var(--hn-space-6)}.hn-collection-cards__description{font-size:var(--hn-body)}}.hn-collection-cards__card--no-image,a.hn-collection-cards__card--no-image:hover{color:var(--hn-ink)}.hn-collection-cards__card--no-image{box-shadow:none}.hn-collection-cards__card--no-image .hn-collection-cards__content{background:none}.hn-collection-cards__card--no-image .hn-collection-cards__title,.hn-collection-cards__card--no-image .hn-collection-cards__cue{color:var(--hn-brand)}.hn-collection-cards__card--no-image .hn-collection-cards__description{color:var(--hn-ink-muted)}.hn-section--blush .hn-collection-cards__card--no-image{background:var(--hn-white)}@media(prefers-reduced-motion:reduce){.hn-collection-cards__card,.hn-collection-cards__image,.hn-collection-cards__cue-icon{transition:none}a.hn-collection-cards__card:hover .hn-collection-cards__image,a.hn-collection-cards__card:hover .hn-collection-cards__cue-icon{transform:none}}@media(forced-colors:active){.hn-collection-cards__card{border:1px solid CanvasText}.hn-collection-cards__content{background:Canvas;color:CanvasText}a.hn-collection-cards__card:focus-visible{outline:2px solid Highlight}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hn-collection-cards.css.map */