.collage-image{position:relative;z-index:1;height:100%}.collage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:all .4s ease;text-align:center;padding:20px}.show-btn-arrow-when-hover-image{position:absolute;bottom:0;right:0;z-index:3;opacity:0;transform:translate(20px,20px);transition:.4s ease}.collage-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#4a4a4a4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;transition:all .4s ease;z-index:1}.portfolio-grid-wrapper .collage-item .btn-arrow .d-flex{width:45px;height:45px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:#000;border:none;margin-right:2px;margin-bottom:1px}.portfolio-grid-wrapper svg.pattern-radius{z-index:-1;color:#f9f9f9}.collage-item:hover .show-btn-arrow-when-hover-image{opacity:1;transform:translate(0)}.collage-item:hover:after{opacity:1}.collage-item{position:relative;overflow:hidden}.collage-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;border-radius:20px}.collage-overlay h1{margin:0;color:#fff;font-weight:600;line-height:110.00000000000001%;letter-spacing:0}.collage-overlay p{color:#fff;font-size:24px;line-height:1.3}.collage-item:hover .collage-overlay{opacity:1}.collage-item:hover img{transform:scale(1.05)}.collage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.collage-item--large{grid-column:span 2;grid-row:span 2}.collage-item--medium{grid-column:span 2;grid-row:span 1}.collage-item--small{grid-column:span 1;grid-row:span 1}@media(max-width:768px){.collage-grid{grid-template-columns:repeat(2,1fr)}.collage-overlay h1{font-size:18px;font-weight:600;line-height:1.1}.collage-overlay p{font-size:12px}.collage-item--large,.collage-item--medium{grid-column:span 2;grid-row:auto}.collage-item--small{grid-column:span 1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/portfolio-grid-section.css.map */