.collection-banner{padding-top:var(--space-20)}@media(min-width:1024px){.collection-banner{padding-top:var(--space-40)}}.collection-banner__inner{display:flex;flex-direction:column;gap:var(--space-40);padding-inline:var(--page-gutter)}@media(min-width:1024px){.collection-banner__inner{gap:var(--space-60)}}.collection-banner__header{display:flex;flex-direction:column;max-width:55rem}.collection-banner__title{margin:var(--space-136) 0 var(--space-12);color:var(--color-grey-100)}@media(min-width:1024px){.collection-banner__title{margin:calc(var(--space-136) * 2) 0 var(--space-32);font-size:var(--text-6xl)}}.collection-banner__description{margin:0}.collection-banner__description p{line-height:var(--line-height-moderate);font-weight:var(--font-light);font-size:inherit;letter-spacing:inherit;text-transform:inherit}.collection-banner__grid{display:none}@media(min-width:1024px){.collection-banner__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-24)}}.collection-banner__card{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--color-grey-20)}.collection-banner__card-link{display:block;position:relative;width:100%;height:100%;color:var(--color-white);text-decoration:none}.collection-banner__card-number{position:absolute;top:var(--space-24);left:var(--space-24);z-index:2;pointer-events:none}.collection-banner__card-number svg{display:block;height:var(--space-60);width:auto}.collection-banner--number-light .collection-banner__card-number{color:var(--color-white)}.collection-banner--number-dark .collection-banner__card-number{color:var(--color-grey-100)}.collection-banner__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.collection-banner__image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000 50%);pointer-events:none}.collection-banner__image{width:100%;height:100%}.collection-banner__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-duration) ease}.collection-banner__card:hover .collection-banner__image img,.collection-banner__card:focus-within .collection-banner__image img{transform:scale(1.05)}.collection-banner__card-content{position:absolute;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-24)}.collection-banner__card-title-row{position:relative;display:flex;align-items:center}.collection-banner__card-title{margin:0;transform:translate(0);transition:transform var(--transition-duration) ease}.collection-banner__card-description{margin:0;color:var(--color-white);opacity:.85;max-width:20rem}.collection-banner__arrow{position:absolute;left:0;top:50%;flex-shrink:0;opacity:0;transform:translate(calc(-1 * var(--space-20)),-50%);transition:opacity var(--transition-duration) ease,transform var(--transition-duration) ease;pointer-events:none}.collection-banner__arrow svg{display:block;width:var(--space-24);height:auto}.collection-banner__card:hover .collection-banner__arrow,.collection-banner__card:focus-within .collection-banner__arrow{opacity:1;transform:translateY(-50%)}.collection-banner__card:hover .collection-banner__card-title,.collection-banner__card:focus-within .collection-banner__card-title{transform:translate(calc(var(--space-24) + var(--space-10)))}
/*# sourceMappingURL=/cdn/shop/t/19/assets/collection-banner.css.map */