.museum-mosaic__heading{margin-bottom:2rem}.museum-mosaic--contained{padding:0 1.2rem}@media screen and (min-width:750px){.museum-mosaic--contained{padding:0 2.4rem}}.museum-mosaic__container{width:100%;container-type:inline-size}.museum-mosaic__grid{display:grid;grid-template-columns:1fr;grid-auto-flow:row;grid-auto-rows:auto;gap:var(--gap)}@media screen and (min-width:750px)and (max-width:989px){.museum-mosaic__grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;grid-auto-rows:calc((100cqw - 2 * var(--gap)) / 3)}}@media screen and (min-width:990px){.museum-mosaic__grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;grid-auto-rows:calc((100cqw - 3 * var(--gap)) / 4)}}.museum-mosaic__tile{position:relative;display:block;overflow:hidden;grid-column:span 1;grid-row:span 1;aspect-ratio:1 / 1}.museum-mosaic__tile--2x1{aspect-ratio:2 / 1}.museum-mosaic__tile--1x2{aspect-ratio:1 / 2}.museum-mosaic__tile--2x2{aspect-ratio:1 / 1}@media screen and (min-width:750px){.museum-mosaic__tile--1x1{aspect-ratio:auto}.museum-mosaic__tile--2x1{grid-column:span 2;grid-row:span 1;aspect-ratio:auto}.museum-mosaic__tile--1x2{grid-column:span 1;grid-row:span 2;aspect-ratio:auto}.museum-mosaic__tile--2x2{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}}.museum-mosaic__trigger{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;text-align:inherit;font:inherit;color:inherit}.museum-mosaic__media-el{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity var(--duration-short) ease}.museum-mosaic__media-el video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.museum-mosaic__title-wrap{position:absolute;left:0;right:0;bottom:0;padding:1.5rem;background:linear-gradient(to top,#000000a6,#0000);pointer-events:none}.museum-mosaic__title{display:block;color:#fff;font-size:1.4rem;letter-spacing:.04rem;line-height:1.3}a.museum-mosaic__tile:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.museum-mosaic__trigger:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}@media(hover:hover)and (pointer:fine){a.museum-mosaic__tile:hover .museum-mosaic__media-el,.museum-mosaic__trigger:hover .museum-mosaic__media-el{opacity:.88}}.museum-mosaic__modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--color-background));visibility:hidden;opacity:0;z-index:-1}.museum-mosaic__modal[open]{visibility:visible;opacity:1;z-index:101}.museum-mosaic__modal-dialog{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.museum-mosaic__modal-content{max-height:100vh;width:100%;padding:2rem;overflow:auto;display:flex;align-items:center;justify-content:center}.museum-mosaic__modal-content img{max-width:100%;max-height:calc(100vh - 4rem);width:auto;height:auto;object-fit:contain}.museum-mosaic__modal-close{position:absolute;top:1.5rem;right:1.5rem;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:50%;color:rgba(var(--color-foreground),.7);display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:1.2rem;cursor:pointer;z-index:2}.museum-mosaic__modal-close .icon{width:1.7rem;height:1.7rem}.museum-mosaic__modal-close:hover{color:rgb(var(--color-foreground))}.museum-mosaic__modal-close:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (min-width:750px){.museum-mosaic__modal-content{padding:2rem 11rem}}.museum-mosaic__video-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:2rem;border:0;background:rgb(var(--color-background))}.museum-mosaic__video-modal[open]{display:flex;align-items:center;justify-content:center}.museum-mosaic__video-modal__media video{display:block;max-width:calc(100vw - 4rem);max-height:calc(100vh - 4rem);width:auto;height:auto;object-fit:contain}@media screen and (min-width:750px){.museum-mosaic__video-modal{padding:2rem 11rem}.museum-mosaic__video-modal__media video{max-width:calc(100vw - 22rem)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-museum-mosaic.css.map */