:root{--xs:2rem;--sm:4rem;--md:6rem;--lg:11rem;--xl:17rem}.wrg.media-grid ul{display:flex;flex-wrap:wrap;padding:0;margin:0;gap:1rem;list-style:none}.wrg.media-grid ul li{position:relative;flex:1}.wrg.media-grid ul li:before{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none}.wrg.media-grid ul li figure{overflow:hidden;border-radius:0.625rem}.wrg.media-grid ul li figure img{transform:scale(1);transition:all 0.3s ease-in-out}.wrg.media-grid ul:has(li:nth-child(3)) li{flex:1}@media screen and (min-width:700px){.wrg.media-grid ul:has(li:nth-child(3)) li{height:28.375rem}}@media screen and (min-width:700px){.wrg.media-grid ul:has(li:nth-child(3)) li{height:unset}}.wrg.media-grid ul:has(li:nth-child(3)) li:first-child,.wrg.media-grid ul:has(li:nth-child(3)) li:nth-child(2){flex:100%}@media screen and (min-width:700px){.wrg.media-grid ul:has(li:nth-child(3)) li:first-child,.wrg.media-grid ul:has(li:nth-child(3)) li:nth-child(2){height:24.375rem;flex:2}}@media screen and (min-width:1280px){.wrg.media-grid ul:has(li:nth-child(3)) li:first-child,.wrg.media-grid ul:has(li:nth-child(3)) li:nth-child(2){height:100%}}.wrg.media-grid ul:has(li:nth-child(3)) li:first-child figure,.wrg.media-grid ul:has(li:nth-child(3)) li:nth-child(2) figure{display:block;height:100%;--aspect-ratio:293/345}@media screen and (min-width:700px){.wrg.media-grid ul:has(li:nth-child(3)) li:first-child figure,.wrg.media-grid ul:has(li:nth-child(3)) li:nth-child(2) figure{--aspect-ratio:310/390}}@media screen and (min-width:1280px){.wrg.media-grid ul:has(li:nth-child(3)) li:first-child figure,.wrg.media-grid ul:has(li:nth-child(3)) li:nth-child(2) figure{--aspect-ratio:624/572}}.wrg.media-grid ul:has(li:nth-child(3)) li:last-child{flex:100%}.wrg.media-grid ul:has(li:nth-child(3)) li:last-child figure{--aspect-ratio:293/345}@media screen and (min-width:700px){.wrg.media-grid ul:has(li:nth-child(3)) li:last-child figure{--aspect-ratio:640/904}}@media screen and (min-width:1280px){.wrg.media-grid ul:has(li:nth-child(3)) li:last-child figure{--aspect-ratio:640/1160!important}}.wrg.media-grid ul:has(li:nth-child(2)):not(:has(li:nth-child(3))) li{flex:0 0 calc(50% - 0.5rem)}.wrg.media-grid ul:has(li:nth-child(2)):not(:has(li:nth-child(3))) li figure{--aspect-ratio:624/632}.wrg.media-grid ul:has(li:first-child):not(:has(li:nth-child(2))) li{flex:0 0 100%}.wrg.media-grid ul:has(li:first-child):not(:has(li:nth-child(2))) li figure{--aspect-ratio:640/1280}
/*# sourceMappingURL=media-grid.css.map */