.banner-grid{display:grid;gap:12px}.banner-grid--layout-2col{grid-template-columns:repeat(2,1fr)}.banner-grid--layout-3col{grid-template-columns:repeat(3,1fr)}.banner-grid--layout-4col{grid-template-columns:repeat(4,1fr)}.banner-grid--layout-mixed{grid-template-columns:repeat(6,1fr)}.banner-grid--layout-mixed .banner-grid__item--span-third{grid-column:span 2}.banner-grid--layout-mixed .banner-grid__item--span-half{grid-column:span 3}.banner-grid--layout-mixed .banner-grid__item--span-twothirds{grid-column:span 4}.banner-grid--layout-mixed .banner-grid__item--span-full{grid-column:span 6}.banner-grid:not(.banner-grid--layout-mixed) .banner-grid__item{grid-column:span 1}.banner-grid__card{position:relative;display:block;overflow:hidden;text-decoration:none;cursor:pointer;padding-bottom:var(--card-aspect, 75%);height:0}.banner-grid__card:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background-image:linear-gradient(to top,#040404a6,#36363633)}.banner-grid__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.banner-grid__bg-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .6s cubic-bezier(.25,.46,.45,.94);will-change:transform}.banner-grid__bg-placeholder{width:100%;height:100%;background:#e8e4df}.banner-grid__bg-placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover}.banner-grid__card:hover .banner-grid__bg-img{transform:scale(1.07)}.banner-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--card-overlay, #000000);opacity:var(--card-overlay-opacity, .3);transition:opacity .4s ease;pointer-events:none}.banner-grid__card:hover .banner-grid__overlay{opacity:calc(var(--card-overlay-opacity, .3) + .1)}.banner-grid__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:28px;color:var(--card-text-color, #ffffff);pointer-events:none;z-index:1}.banner-grid__card--text-top-left .banner-grid__content{justify-content:flex-start;align-items:flex-start;text-align:left}.banner-grid__card--text-top-center .banner-grid__content{justify-content:flex-start;align-items:center;text-align:center}.banner-grid__card--text-top-right .banner-grid__content{justify-content:flex-start;align-items:flex-end;text-align:right}.banner-grid__card--text-middle-left .banner-grid__content{justify-content:center;align-items:flex-start;text-align:left}.banner-grid__card--text-middle-center .banner-grid__content{justify-content:center;align-items:center;text-align:center}.banner-grid__card--text-middle-right .banner-grid__content{justify-content:center;align-items:flex-end;text-align:right}.banner-grid__card--text-bottom-left .banner-grid__content{justify-content:flex-end;align-items:flex-start;text-align:left}.banner-grid__card--text-bottom-center .banner-grid__content{justify-content:flex-end;align-items:center;text-align:center}.banner-grid__card--text-bottom-right .banner-grid__content{justify-content:flex-end;align-items:flex-end;text-align:right}.banner-grid__eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:13px;text-shadow:5px 3px 5px black,0px 0px 16px black,12px 10px 20px black;margin-bottom:0}.banner-grid__title{font-size:22px;letter-spacing:.2em;text-transform:uppercase;text-shadow:5px 3px 5px black,0px 0px 16px black,12px 10px 20px black}.banner-grid__body{font-size:.85rem;line-height:1.5;margin:0 0 18px;opacity:.9;max-width:36ch}.banner-grid__btn{display:inline-block;padding:10px 28px;font-size:14px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid #fff;background:#fff;color:#000;cursor:pointer;transition:background .25s ease,color .25s ease;pointer-events:auto;font-style:normal}@media screen and (max-width:749px){.banner-grid__card{padding-bottom:125%!important}}@media screen and (min-width:750px)and (max-width:989px){.banner-grid--layout-3col,.banner-grid--layout-4col,.banner-grid--layout-mixed{grid-template-columns:repeat(2,1fr)}.banner-grid--layout-mixed .banner-grid__item--span-third,.banner-grid--layout-mixed .banner-grid__item--span-half,.banner-grid--layout-mixed .banner-grid__item--span-twothirds{grid-column:span 1}.banner-grid--layout-mixed .banner-grid__item:last-child,.banner-grid--layout-mixed .banner-grid__item--span-full{grid-column:span 2}.banner-grid-section{padding-left:15px;padding-right:15px}.banner-grid__card{padding-bottom:125%!important}.banner-grid{gap:30px}}@media screen and (max-width:599px){.banner-grid--layout-2col,.banner-grid--layout-3col,.banner-grid--layout-4col,.banner-grid--layout-mixed{grid-template-columns:1fr}.banner-grid--layout-mixed .banner-grid__item--span-third,.banner-grid--layout-mixed .banner-grid__item--span-half,.banner-grid--layout-mixed .banner-grid__item--span-twothirds,.banner-grid--layout-mixed .banner-grid__item--span-full,.banner-grid:not(.banner-grid--layout-mixed) .banner-grid__item{grid-column:span 1}.banner-grid__content{padding:20px 24px}}@media screen and (min-width:990px){.banner-grid{gap:30px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-collection-banner-grid.css.map */