.gallery{align-self:stretch;background-color:var(--white);padding:var(--padding-101xl) 0;text-align:center;font-size:var(--h2-size);color:var(--font-dark-2);font-family:var(--h1)}.gallery h1{font-family:var(--h1);font-size:var(--h2-size);color:var(--font-dark-2);margin-bottom:var(--gap-xl);font-weight:700;letter-spacing:.46px}.gallery-content{margin-bottom:60px;display:flex;flex-direction:column;align-items:center}.heading-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.heading-divider-icon{width:290px;height:8px;margin-bottom:30px}.body-text{max-width:550px;font-size:var(--bodytext-bold-size);line-height:26px;font-family:var(--bodytext-bold);color:var(--black)}.masonry-grid{column-count:3;column-gap:20px;width:100%}.gallery-item{display:inline-block;width:100%;margin-bottom:20px;break-inside:avoid;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026;z-index:1}.gallery-button{margin:0;padding:0;border:none;background:none;cursor:pointer;display:block;width:100%}.gallery-img{display:block;width:100%;height:auto;transition:transform .4s ease}.gallery-item:hover .gallery-img{transform:scale(1.05)}.gallery-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.gallery-modal[aria-hidden=false]{opacity:1;visibility:visible}.gallery-modal-content{position:relative;max-width:90%;max-height:90vh}.gallery-modal-image{max-width:100%;max-height:85vh;display:block;box-shadow:0 4px 30px #0003;border-radius:4px}.gallery-modal-close{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;cursor:pointer;padding:8px}.gallery-modal-close svg{width:24px;height:24px;stroke:#fff}.gallery-modal-open{overflow:hidden}@media screen and (min-width: 1200px){.masonry-grid{column-count:4}}@media screen and (max-width: 990px){.masonry-grid{column-count:2}}@media screen and (max-width: 749px){.gallery{padding:var(--padding-41xl) 0}.masonry-grid{column-count:1}.gallery-content{margin-bottom:30px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-gallery.css.map */