.masonry--banner__items{min-height:33.5rem}.masonry--banner__items{position:relative;overflow:hidden}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%}.banner__items--content{position:relative;display:flex;height:100%;padding:3rem}.gird{display:grid}.masonry--grid{gap:2rem}span.banner__items--content__subtitle{margin-bottom:.5rem;display:block}.masonry--banner-link{display:block;height:100%}.banner__items--content__link{font-size:1.7rem}.banner__items--content__subtitle{color:rgba(var(--banner-subheading-color))}.banner__items--content__title{color:rgba(var(--banner-heading-color))}.banner__items--content__link{color:rgba(var(--banner-button-color))}.banner__items--content__arrow--icon{color:rgba(var(--banner-button-icon-color))}.masonry--grid--4{grid-template-columns:auto}.masonry--grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.masonry--grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media only screen and (min-width:750px){.masonry--grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media only screen and (min-width:600px)and (max-width:749px){.masonry--grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (min-width:750px){.masonry--grid--4 .masonry--banner__items:first-child{grid-row:1 / span 2;grid-column:1 / span 2}.masonry--grid--4 .masonry--banner__items-2{grid-row:1;grid-column:3}.masonry--grid--4 .masonry--banner__items-3{grid-row:1;grid-column:4}.masonry--grid--4 .masonry--banner__items-4{grid-row:2;grid-column:3 / span 2}}.masonry--grid .banner__media.media>.masonry--banner-card__image{object-fit:fill;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.masonry--grid .masonry--banner__items:hover .banner__media.media>.masonry--banner-card__image{transform:none}.button__underline{text-decoration:underline;text-underline-offset:.3rem}.collage__banner--button{box-shadow:0 .3rem 1.5rem -.7rem #00000026}.banner__items--content.collage--banner-content{background:transparent}@media only screena and (min-width:750px){.button--small.collage__banner--button{padding:.9rem 2.5rem}}@media only screena and (max-width:749px){.button--small.collage__banner--button{padding:.8rem 1.4rem}}.banner__items--content__title>span{display:block}
/*# sourceMappingURL=/cdn/shop/t/4/assets/text-with-banner-masonry.css.map */