.imgs__container{display:grid;gap:calc(9.6px + .75vw)}@media screen and (min-width:576px){.imgs__container--four{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.imgs__container--four{grid-template-areas:"a1 a1 a1 a2 a2 a4 a4 a4 a4 a4" "a1 a1 a1 a2 a2 a4 a4 a4 a4 a4" "a1 a1 a1 a3 a3 a4 a4 a4 a4 a4" "a1 a1 a1 a3 a3 a4 a4 a4 a4 a4";grid-template-columns:unset}}@media screen and (min-width:576px){.imgs__container--three{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.imgs__container--three{grid-template-areas:"a1 a1 a1 a1 a2 a2 a3 a3" "a1 a1 a1 a1 a2 a2 a3 a3";grid-template-columns:unset}}.imgs__container--two{grid-template-areas:"a1 a1 a2 a2" "a1 a1 a2 a2"}@media screen and (min-width:768px){.imgs__container :first-child{grid-area:a1}.imgs__container :nth-child(2){grid-area:a2}.imgs__container :nth-child(3){grid-area:a3}.imgs__container :nth-child(4){grid-area:a4}}.imgs__picture{display:flex;height:100%;max-height:320px;width:100%}@media screen and (min-width:576px){.imgs__picture{max-height:unset}}.imgs__picture img{object-fit:cover;width:100%}.imgs__button{height:100%;padding:0;position:relative}.imgs__button:hover:before{transform:translate(-50%,-50%) scale(1.1)}.imgs__button:after{background-color:hsla(var(--black),.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.imgs__button:before{background-image:url(../../a89cf6126b200a55c7a8.svg);background-position:50%;background-size:contain;content:"";height:48px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s;width:48px;z-index:2}.imgs .popup{background-color:hsla(0,0%,100%,.7);height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .7s;width:100vw;z-index:100}.imgs .popup--active{opacity:1;pointer-events:all}.imgs .popup__container{align-items:center;display:flex;height:100%;justify-content:center}.imgs .popup__video-wrapper{aspect-ratio:16/9;width:100%}.imgs .popup__video-wrapper iframe{height:100%;width:100%}