.gallery{margin-top:100px;margin-bottom:150px}.gallery__grid{display:grid;gap:40px;grid-template-columns:1fr 1fr}@media (max-width:920px){.gallery{margin-top:50px;margin-bottom:50px}.gallery__grid{gap:20px}}@media (max-width:576px){.gallery__grid{grid-template-columns:1fr}}.gallery .gallery-item{--geometrySizeX:3px;--geometrySizeY:100px;position:relative;overflow:hidden}.gallery .gallery-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.gallery .gallery-item__hover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--primary-color-rgb),.8);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s linear;-o-transition:transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.gallery .gallery-item__hover:after,.gallery .gallery-item__hover:before{content:"";position:absolute;top:50%;left:50%;background:#fff;-webkit-transition:-webkit-transform .5s ease;-o-transition:transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.gallery .gallery-item__hover:after{height:var(--geometrySizeX);width:var(--geometrySizeY);-webkit-transform:translate(-50%,-50%) scaleX(0);-ms-transform:translate(-50%,-50%) scaleX(0);transform:translate(-50%,-50%) scaleX(0)}.gallery .gallery-item__hover:before{width:var(--geometrySizeX);height:var(--geometrySizeY);-webkit-transform:translate(-50%,-50%) scaleY(0);-ms-transform:translate(-50%,-50%) scaleY(0);transform:translate(-50%,-50%) scaleY(0)}.gallery .gallery-item:hover .gallery-item__hover{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.gallery .gallery-item:hover .gallery-item__hover:after{-webkit-transform:translate(-50%,-50%) scaleX(100%);-ms-transform:translate(-50%,-50%) scaleX(100%);transform:translate(-50%,-50%) scaleX(100%)}.gallery .gallery-item:hover .gallery-item__hover:before{-webkit-transform:translate(-50%,-50%) scaleY(100%);-ms-transform:translate(-50%,-50%) scaleY(100%);transform:translate(-50%,-50%) scaleY(100%)}@media (max-width:769px){.gallery .gallery-item{--geometrySizeY:50px}}