.section-image-collage{line-height:0;font-size:0}.collage-grid{display:grid;align-items:center;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-horizontal-spacing)}.section-image-collage[class*=banner-style-] .collage-grid{grid-auto-rows:1fr}.section-image-collage.banner-style-slim .collage-grid{height:280px}.section-image-collage.banner-style-medium .collage-grid{height:380px}.section-image-collage.banner-style-large .collage-grid{height:480px}.section-image-collage.banner-style-fullscreen .collage-grid{height:100vh}body:has(.full-width-announcement-bar) .section-image-collage.banner-style-fullscreen .collage-grid{height:calc(100vh - 35px)}body:has(.header-bar--full) .section-image-collage.banner-style-fullscreen .collage-grid{height:calc(100vh - var(--site-header-height-mobile))}.collage-grid.grid-no-spacing{column-gap:0;row-gap:0}.collage-image{line-height:0;position:relative;overflow:hidden}.section-image-collage[class*=banner-style-] .collage-image{height:100%}.section-image-collage .global-image-placeholder{border-radius:var(--media-radius);height:100%;width:100%}.collage-image img,.collage-image video{width:100%;height:100%;object-fit:cover;border-radius:var(--media-radius)}.collage-image-wrapper{height:100%}.collage-media-link{display:block;height:100%;width:100%}.ratio-fit .collage-image img,.ratio-fit .collage-image video{height:auto}.page-width-full .collage-image img,.page-width-full .collage-image video{border-radius:0}.collage-image-full-width{width:100%;grid-column:1 / span 2}.collage-image-half-width{width:100%}.ratio-square{height:calc(50vw - var(--page-margin-mobile) - var(--grid-mobile-horizontal-spacing))}.grid-no-spacing .ratio-square{height:calc(50vw - var(--page-margin-mobile))}.ratio-square-fw{height:calc(100vw - var(--page-margin-mobile))}.ratio-landscape{height:calc(35vw - var(--page-margin-mobile) - var(--grid-mobile-horizontal-spacing))}.ratio-portrait-3x4{height:calc(66.67vw - var(--page-margin-mobile) - var(--grid-mobile-horizontal-spacing))}.ratio-landscape-16x9{height:calc(30vw - var(--page-margin-mobile) - var(--grid-mobile-horizontal-spacing))}.ratio-landscape-fw{height:calc(65vw - var(--page-margin-mobile))}.ratio-portrait-3x4-fw{height:calc(133.33vw - var(--page-margin-mobile))}.ratio-landscape-16x9-fw{height:calc(60vw - var(--page-margin-mobile))}.ratio-portrait{height:calc(65vw - var(--page-margin-mobile) - var(--grid-mobile-horizontal-spacing))}.ratio-portrait-4x6{height:calc(74vw - var(--page-margin-mobile) - var(--grid-mobile-horizontal-spacing))}.ratio-portrait-fw{height:calc(120vw - var(--page-margin-mobile))}.ratio-portrait-4x6-fw{height:calc(135vw - var(--page-margin-mobile))}.section-image-collage[class*=banner-style-] .collage-image-half-width,.section-image-collage[class*=banner-style-] .collage-image-full-width,.section-image-collage[class*=banner-style-] [class*=ratio-]{height:100%!important}.image-filter-darken img{filter:brightness(.98)}.image-filter-bw{filter:grayscale(100%)}@media only screen and (max-width:749px){.collage-image-half-width:not(.collage-image-mobile-hidden){width:100%;grid-column:1 / span 2}.collage-image-half-width.ratio-square:not(.collage-image-mobile-hidden){height:calc(100vw - var(--page-margin-mobile))}.collage-image-half-width.ratio-landscape:not(.collage-image-mobile-hidden){height:calc(65vw - var(--page-margin-mobile))}.collage-image-half-width.ratio-portrait-3x4:not(.collage-image-mobile-hidden){height:calc(133.33vw - var(--page-margin-mobile))}.collage-image-half-width.ratio-landscape-16x9:not(.collage-image-mobile-hidden){height:calc(60vw - var(--page-margin-mobile))}.collage-image-half-width.ratio-portrait:not(.collage-image-mobile-hidden){height:calc(120vw - var(--page-margin-mobile))}.collage-image-half-width.ratio-portrait-4x6:not(.collage-image-mobile-hidden){height:calc(135vw - var(--page-margin-mobile))}.collage-image-mobile-hidden{display:none}.section-image-collage[class*=banner-style-] .collage-image-half-width:not(.collage-image-mobile-hidden),.section-image-collage[class*=banner-style-] .collage-image-full-width:not(.collage-image-mobile-hidden),.section-image-collage[class*=banner-style-] [class*=ratio-]:not(.collage-image-mobile-hidden){height:100%!important}}@media only screen and (min-width:1025px){body:has(.header-bar--full) .section-image-collage.banner-style-fullscreen .collage-grid{height:calc(100vh - var(--site-header-height-desktop))}body:has(.full-width-announcement-bar):has(.header-bar--full) .section-image-collage.banner-style-fullscreen .collage-grid{height:calc(100vh - var(--site-header-height-desktop) - 35px)}.section-image-collage.banner-style-slim .collage-grid{height:400px}.section-image-collage.banner-style-medium .collage-grid{height:520px}.section-image-collage.banner-style-large .collage-grid{height:640px}.collage-image-full-width .global-image-placeholder{min-height:45vw}.ratio-square{height:calc(50vw - var(--page-margin-desktop) - var(--grid-desktop-horizontal-spacing))}.grid-no-spacing .ratio-square{height:calc(50vw - var(--page-margin-desktop))}.page-width-full .grid-no-spacing .ratio-square{height:50vw}.ratio-square-fw{height:calc(100vw - var(--page-margin-desktop))}.ratio-landscape{height:calc(35vw - var(--page-margin-desktop) - var(--grid-desktop-horizontal-spacing))}.ratio-portrait-3x4{height:calc(66.67vw - var(--page-margin-desktop) - var(--grid-desktop-horizontal-spacing))}.ratio-landscape-16x9{height:calc(32vw - var(--page-margin-desktop) - var(--grid-desktop-horizontal-spacing))}.grid-no-spacing .ratio-portrait-3x4{height:calc(66.67vw - var(--page-margin-desktop))}.grid-no-spacing .ratio-landscape-16x9{height:calc(32vw - var(--page-margin-desktop))}.ratio-landscape-fw{height:calc(60vw - var(--page-margin-desktop))}.ratio-portrait-3x4-fw{height:calc(123.33vw - var(--page-margin-desktop))}.ratio-landscape-16x9-fw{height:calc(55vw - var(--page-margin-desktop))}.ratio-portrait{height:calc(63vw - var(--page-margin-desktop) - var(--grid-desktop-horizontal-spacing))}.page-width-full .ratio-portrait{height:calc(63vw - var(--grid-desktop-horizontal-spacing))}.ratio-portrait-4x6{height:calc(75vw - var(--page-margin-desktop) - var(--grid-desktop-horizontal-spacing))}.page-width-full .ratio-portrait-4x6{height:calc(75vw - var(--grid-desktop-horizontal-spacing))}.ratio-portrait-fw{height:calc(120vw - var(--page-margin-desktop))}.ratio-portrait-4x6-fw{height:calc(130vw - var(--page-margin-desktop))}.ci-image-padding-10,.ci-image-padding-20{padding:10px}.ci-image-padding-30{padding:30px}.ci-image-padding-40{padding:40px}.ci-image-padding-50{padding:50px}.ci-image-padding-60{padding:60px}.ci-image-padding-70{padding:70px}.ci-image-padding-80{padding:80px}.ci-image-padding-90{padding:90px}.ci-image-padding-100{padding:100px}.ci-image-padding-110{padding:110px}.ci-image-padding-120{padding:120px}}@media only screen and (min-width:1200px)and (min-height:700px){.section-image-collage.banner-style-slim .collage-grid{height:400px}.section-image-collage.banner-style-medium .collage-grid{height:580px}.section-image-collage.banner-style-large .collage-grid{height:700px}}@media only screen and (min-width:1550px)and (min-height:900px){.section-image-collage.banner-style-slim .collage-grid{height:500px}.section-image-collage.banner-style-medium .collage-grid{height:650px}.section-image-collage.banner-style-large .collage-grid{height:800px}}@media screen and (max-width:600px){.section-image-collage.mob-banner-style-slim .collage-grid{height:280px!important}.section-image-collage.mob-banner-style-medium .collage-grid{height:380px!important}.section-image-collage.mob-banner-style-large .collage-grid{height:480px!important}.section-image-collage.mob-banner-style-fullscreen .collage-grid{height:100vh!important}}@media screen and (max-width:600px){body:has(.full-width-announcement-bar) .section-image-collage.mob-banner-style-fullscreen .collage-grid{height:calc(100vh - 35px)!important}body:has(.header-bar--full) .section-image-collage.mob-banner-style-fullscreen .collage-grid{height:calc(100vh - var(--site-header-height-mobile))!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-media-collage.css.map */
