.grid-blocks{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);background-color:var(--background-color)}.grid-blocks .grid-blocks-wrapper{display:grid;grid-gap:20px;grid-template-columns:repeat(4,1fr);width:100%;height:100%;transform:translateY(150px);opacity:0;transition:all .8s}.grid-blocks.active .grid-blocks-wrapper{transform:translateY(0);opacity:1;transition:all .5s}.grid-blocks .image-content img{width:100%;height:100%;object-fit:cover;display:block;transition:all .5s;transform:scale(1);overflow:hidden}.grid-blocks .image-content.small{grid-column:span 1;grid-row:span 1}.grid-blocks .image-content.wide{grid-column:span 2;grid-row:span 1}.grid-blocks .image-content.big{grid-column:span 2;grid-row:span 2}.grid-blocks .image-content{position:relative;display:grid;overflow:hidden;border-radius:8px}.grid-blocks .image-content .text-content{font-family:var(--font-heading--family);line-height:1;position:absolute;left:24px;bottom:24px;color:var(--font-color);font-size:var(--font-size);letter-spacing:0;text-transform:capitalize;width:fit-content}.grid-blocks .image-content:hover img{transform:scale(1.1);transition:all .5s}.grid-blocks .image-content .text-content:after{content:"";width:0;height:2px;background-color:#ffffff8c;display:block;margin-top:5px;transition:width .2s ease;-webkit-transition:width .2s ease}.grid-blocks .image-content:hover .text-content:after{width:100%;left:0}.grid-blocks .image-content:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#00000014}@media(min-width:768px){.grid-blocks .grid-blocks-wrapper{grid-gap:1.0417vw}.grid-blocks .image-content{border-radius:.4167vw}.grid-blocks .image-content .text-content{left:1.25vw;bottom:1.25vw}.grid-blocks .image-content .text-content:after{height:.1042vw;margin-top:.2604vw}}@media(max-width:768px){.grid-blocks{padding-top:var(--padding-top-mob);padding-bottom:var(--padding-bottom-mob)}.grid-blocks .grid-blocks-wrapper{grid-gap:10px;grid-template-columns:repeat(2,1fr)}.grid-blocks .image-content .text-content{font-size:var(--font-size-mobile);left:10px;bottom:6px}.grid-blocks .image-content{border-radius:4px}}@media(min-width:1922px){.grid-blocks .grid-blocks-wrapper{grid-gap:20px}.grid-blocks .image-content{border-radius:8px}.grid-blocks .image-content .text-content{left:24px;bottom:24px}.grid-blocks .image-content .text-content:after{height:2px;margin-top:5px}.grid-blocks .image-content .text-content{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/grid-blocks.css.map */