.banner-collage{display:grid;gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr))}.banner-collage-item{--font-banner-heading-scale: 1.125;position:relative;background-color:transparent;overflow:hidden;border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.banner-collage-item :where(.banner-image){width:100%;height:100%}.banner-collage--no-gap{border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));overflow:hidden}.banner-collage--no-gap .banner-collage-item{border-radius:0;box-shadow:none}.banner-collage-item:first-child,.banner-collage-item:nth-child(4){grid-column:1 / span 2}:where(.banner-collage--layout-2) .banner-collage-item:nth-child(2){grid-column:span 2}.banner-collage .banner-image__content{z-index:1}:where(.banner-collage-item--hover-overlay) .banner-image__inner:before{content:"";position:absolute;top:30px;bottom:30px;left:30px;right:30px;background-color:rgba(var(--color-background),.9);transform:scale(.5);opacity:0;transition:.5s;z-index:1}:where(.banner-collage-item--buttons-visible-hover) .banner-image__button{opacity:0}:where(.banner-collage-item--buttons-visible-hover .banner-image--vertical-center) .banner-image__content{margin-top:var(--spacing--lg)}@media(hover:hover){:where(.banner-collage-item--hover-overlay:hover) .banner-image__inner:before{opacity:1;transform:scale(1)}:where(.banner-collage-item--buttons-visible-hover:hover) .banner-image__button{opacity:1}}@media screen and (min-width:992px){.banner-collage{grid-template-columns:auto}.banner-collage--layout-2{grid-template-columns:repeat(8,minmax(0,1fr))}.banner-collage--layout-3{grid-template-columns:repeat(4,minmax(0,1fr))}.banner-collage--layout-4{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}:where(.banner-collage--layout-2) .banner-collage-item:nth-child(1){grid-column:span 5}:where(.banner-collage--layout-2) .banner-collage-item:nth-child(2){grid-column:span 3}:where(.banner-collage--layout-4) .banner-collage-item:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2}:where(.banner-collage--layout-4) .banner-collage-item:nth-child(4){grid-column:3 / span 2;grid-row:2}}@media screen and (min-width:1200px){.banner-collage--layout-1 .banner-image__content{padding:5rem}:where(.page-width--fluid,.page-width--wide,.page-width--stretch) .banner-collage--layout-2 .banner-image__content{padding:var(--spacing--2xl)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-banner-collage.css.map */