.article-gallery-wrapper{width:100%}.gallery-grid{display:grid;gap:2rem;width:100%}.gallery-item{opacity:0;transform:translateY(15px);transition:all .6s ease-out;transition-delay:var(--delay, 0ms)}.gallery-item.in-viewport{opacity:1;transform:translateY(0)}.gallery-grid--2-col{grid-template-columns:repeat(2,1fr)}.gallery-grid--3-col{grid-template-columns:repeat(3,1fr)}.gallery-grid--4-col{grid-template-columns:repeat(4,1fr)}.gallery-grid--5-col{grid-template-columns:repeat(5,1fr)}@media screen and (max-width: 749px){.gallery-grid{grid-template-columns:repeat(var(--cols-mobile),1fr);gap:1rem}}.gallery-item{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:1;background:rgba(var(--color-foreground),.04)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.scroll-trigger.animate--slide-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-trigger.animate--slide-in[data-cascade]{transition-delay:calc(var(--animation-order) * .1s)}.scroll-trigger.animate--slide-in.animated{opacity:1;transform:translateY(0)}.gallery-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;align-items:center;justify-content:center}.animate--slide-up-image{opacity:0;transform:translateY(10px);animation:slideUpFade .3s ease-out forwards}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.lightbox-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:block!important}.lightbox-content{position:relative;display:flex;align-items:center;justify-content:center}.lightbox-image-container{max-width:90%;max-height:85vh;display:flex;align-items:center;justify-content:center;margin-bottom:3rem}.lightbox-image{max-width:100%;max-height:85vh;object-fit:contain}.lightbox-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;font-size:40px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;z-index:10}.lightbox-close:hover{background:#fff3}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;mix-blend-mode:difference;z-index:10}.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-counter{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#fff;font-size:16px;background:#00000080;padding:8px 16px;border-radius:20px}@media screen and (max-width: 749px){.lightbox-prev,.lightbox-next{width:40px;height:40px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{top:10px;right:10px;width:40px;height:40px;font-size:32px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/project-gallery.css.map */