@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap";.portfolio-gallery{padding:80px 0;background-color:#fff}.portfolio-gallery__container{max-width:1600px;margin:0 auto;padding:0 20px}.portfolio-gallery__filters{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:50px;gap:15px}.portfolio-gallery__filter-button{font-family:Lato,sans-serif!important;font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#555;background-color:transparent;border:none;padding:10px 20px;cursor:pointer;transition:all .3s ease;position:relative}.portfolio-gallery__filter-button:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background-color:#121212;transition:width .3s ease}.portfolio-gallery__filter-button:hover,.portfolio-gallery__filter-button.active{color:#121212}.portfolio-gallery__filter-button:hover:after,.portfolio-gallery__filter-button.active:after{width:30px}.portfolio-gallery__grid{display:grid;grid-template-columns:repeat(var(--columns-desktop, 3),1fr);gap:calc(var(--image-spacing, 16) * 1px);width:100%}.portfolio-gallery[data-layout=masonry] .portfolio-gallery__grid{display:grid;grid-template-columns:repeat(var(--columns-desktop, 3),1fr);gap:calc(var(--image-spacing, 16) * 1px)}.portfolio-gallery[data-layout=masonry] .portfolio-gallery__item{break-inside:avoid;margin-bottom:0;display:block}.portfolio-gallery__item{position:relative;overflow:hidden;transform:translateZ(0);background-color:#fff;line-height:0;aspect-ratio:1/1}.portfolio-gallery__image-wrapper{position:relative;overflow:hidden;width:100%;height:100%;background-color:#fafafa;transition:transform .5s cubic-bezier(.215,.61,.355,1)}.portfolio-gallery__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s cubic-bezier(.215,.61,.355,1),opacity .3s ease}.portfolio-gallery__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .5s cubic-bezier(.215,.61,.355,1);z-index:2}.portfolio-gallery__overlay-content{transform:translateY(20px);transition:transform .5s cubic-bezier(.215,.61,.355,1)}.portfolio-gallery__item:hover .portfolio-gallery__image{transform:scale(1.05)}.portfolio-gallery__item:hover .portfolio-gallery__overlay{background:#0003;opacity:1}.portfolio-gallery__item:hover .portfolio-gallery__overlay-content{transform:translateY(0)}.portfolio-gallery__zoom-button{background-color:#fff;border:none;color:#121212;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 15px #0000001a;transition:all .3s ease}.portfolio-gallery__zoom-button:hover{background-color:#121212;color:#fff;transform:scale(1.05)}.portfolio-gallery__lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0c0c0cf2;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.portfolio-gallery__lightbox.active{opacity:1;visibility:visible}.portfolio-gallery__lightbox-content{position:relative;max-width:90%;max-height:90%;overflow:hidden}.portfolio-gallery__lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;display:block;margin:0 auto;box-shadow:0 5px 30px #0000004d;transform:scale(.95);opacity:0;transition:transform .5s cubic-bezier(.215,.61,.355,1),opacity .5s ease}.portfolio-gallery__lightbox.active .portfolio-gallery__lightbox-image{transform:scale(1);opacity:1}.portfolio-gallery__lightbox-close,.portfolio-gallery__lightbox-prev,.portfolio-gallery__lightbox-next{background:transparent;border:none;color:#fff;cursor:pointer;position:absolute;padding:15px;transition:all .3s ease}.portfolio-gallery__lightbox-close{top:20px;right:20px;z-index:10}.portfolio-gallery__lightbox-prev{left:20px;top:50%;transform:translateY(-50%)}.portfolio-gallery__lightbox-next{right:20px;top:50%;transform:translateY(-50%)}.portfolio-gallery__lightbox-close:hover,.portfolio-gallery__lightbox-prev:hover,.portfolio-gallery__lightbox-next:hover{color:#b08d55;transform:translateY(-50%) scale(1.1)}.portfolio-gallery__lightbox-close:hover{transform:scale(1.1)}.portfolio-gallery__item{transition:opacity .5s ease,transform .5s ease}.portfolio-gallery__item.hidden{opacity:0;transform:scale(.8);pointer-events:none}@media screen and (max-width:989px){.portfolio-gallery__grid,.portfolio-gallery[data-layout=masonry] .portfolio-gallery__grid{grid-template-columns:repeat(var(--columns-tablet, 2),1fr)}.portfolio-gallery{padding:60px 0}}@media screen and (max-width:749px){.portfolio-gallery__grid,.portfolio-gallery[data-layout=masonry] .portfolio-gallery__grid{grid-template-columns:repeat(var(--columns-mobile, 1),1fr)}.portfolio-gallery{padding:40px 0}.portfolio-gallery__filters{margin-bottom:30px}.portfolio-gallery__filter-button{font-size:12px;padding:8px 15px}.portfolio-gallery__lightbox-prev,.portfolio-gallery__lightbox-next{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-gallery__item{opacity:0;animation:fadeInUp .6s ease forwards}.portfolio-gallery__item:nth-child(1){animation-delay:.1s}.portfolio-gallery__item:nth-child(2){animation-delay:.2s}.portfolio-gallery__item:nth-child(3){animation-delay:.3s}.portfolio-gallery__item:nth-child(4){animation-delay:.4s}.portfolio-gallery__item:nth-child(5){animation-delay:.5s}.portfolio-gallery__item:nth-child(6){animation-delay:.6s}.portfolio-gallery__item:nth-child(7){animation-delay:.7s}.portfolio-gallery__item:nth-child(8){animation-delay:.8s}.portfolio-gallery__item:nth-child(9){animation-delay:.9s}.portfolio-gallery__item:nth-child(10){animation-delay:1s}.portfolio-gallery__item:nth-child(n+11){animation-delay:1.1s}.portfolio-gallery[data-aspect-ratio=square] .portfolio-gallery__item{aspect-ratio:1/1}.portfolio-gallery[data-aspect-ratio=landscape] .portfolio-gallery__item{aspect-ratio:4/3}.portfolio-gallery[data-aspect-ratio=portrait] .portfolio-gallery__item{aspect-ratio:3/4}.portfolio-gallery[data-aspect-ratio=widescreen] .portfolio-gallery__item{aspect-ratio:16/9}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-portfolio-gallery.css.map */