.collage-hero__grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,28rem);gap:.4rem;overflow:hidden}.collage-hero--full-width .collage-hero__grid{gap:.3rem}.collage-hero__cell--1{grid-column:1 / 3;grid-row:1 / 3}.collage-hero__cell--2{grid-column:3 / 4;grid-row:1 / 2}.collage-hero__cell--3{grid-column:4 / 5;grid-row:1 / 2}.collage-hero__cell--4{grid-column:3 / 4;grid-row:2 / 3}.collage-hero__cell--5{grid-column:4 / 5;grid-row:2 / 3}.collage-hero__cell{position:relative;overflow:hidden}.collage-hero__img,.collage-hero__placeholder{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(30%) contrast(1.1);transition:filter .6s ease,transform .6s ease}.collage-hero__cell:hover .collage-hero__img{filter:grayscale(0%) contrast(1);transform:scale(1.04)}.collage-hero__cell-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.collage-hero__cell-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.6rem;background:linear-gradient(transparent,#000000b3);color:#fff;z-index:1;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.collage-hero__cell:hover .collage-hero__cell-overlay{transform:translateY(0)}.collage-hero__cell-sub{display:block;font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase;opacity:.7;margin-bottom:.3rem}.collage-hero__cell-heading{margin:0;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.collage-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;background:rgba(0,0,0,var(--overlay-opacity, .45))}.collage-hero__overlay-inner{text-align:center;color:#fff;padding:3rem;pointer-events:auto}.collage-hero__subheading{display:block;font-size:1.3rem;letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin-bottom:1.2rem}.collage-hero__heading{color:#fff;text-shadow:0 .2rem 4rem rgba(0,0,0,.5);margin:0 0 2rem;line-height:.9;font-size:calc(var(--font-heading-scale) * 4rem)}.collage-hero__button{--color-button: 255, 255, 255;--color-button-text: 0, 0, 0;margin-top:.5rem}.collage-hero__grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:4;mix-blend-mode:overlay}@media screen and (max-width:749px){.collage-hero__grid{grid-template-columns:1fr 1fr;grid-template-rows:24rem 16rem 16rem}.collage-hero__cell--1{grid-column:1 / 3;grid-row:1 / 2}.collage-hero__cell--2{grid-column:1 / 2;grid-row:2 / 3}.collage-hero__cell--3{grid-column:2 / 3;grid-row:2 / 3}.collage-hero__cell--4{grid-column:1 / 2;grid-row:3 / 4}.collage-hero__cell--5{grid-column:2 / 3;grid-row:3 / 4}.collage-hero__heading{font-size:calc(var(--font-heading-scale) * 3rem)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-collage-hero.css.map */