.portfolio-gallery-header{text-align:center;margin-bottom:4rem}.portfolio-gallery-title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * .06rem);color:rgb(var(--color-foreground));line-height:calc(1 + .3/max(1,var(--font-heading-scale)));word-break:break-word;margin:0 0 1rem}.portfolio-gallery-subtitle{font-size:1.5rem;color:rgba(var(--color-foreground),.8);max-width:600px;margin:0 auto;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.portfolio-gallery-grid{column-gap:2rem}.portfolio-gallery-grid--2{columns:2}.portfolio-gallery-grid--3{columns:3}.portfolio-gallery-grid--4{columns:4}.portfolio-gallery-item{position:relative;break-inside:avoid;margin-bottom:2rem;display:inline-block;width:100%}.portfolio-gallery-item__image-wrapper{position:relative;overflow:hidden;background-color:#f5f5f5}.portfolio-gallery-item__image-wrapper img{width:100%;height:auto;display:block;transition:transform .3s ease}.portfolio-gallery-item__button{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer}.portfolio-gallery-item__button:hover img{transform:scale(1.02)}.portfolio-gallery-item__caption{margin-top:.75rem;margin-bottom:0;font-size:.875rem;color:rgba(var(--color-foreground),.7);font-family:var(--font-body-family);text-align:center}.portfolio-gallery-item__placeholder{aspect-ratio:4/3;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.portfolio-gallery-item__placeholder svg{width:60px;height:60px;opacity:.3}@media screen and (max-width: 989px){.portfolio-gallery-grid--3,.portfolio-gallery-grid--4{columns:2}.portfolio-gallery-header{margin-bottom:3rem}.portfolio-gallery-grid{column-gap:1.5rem}.portfolio-gallery-item{margin-bottom:1.5rem}}@media screen and (max-width: 749px){.portfolio-gallery-grid,.portfolio-gallery-grid--2,.portfolio-gallery-grid--3,.portfolio-gallery-grid--4{columns:1;column-gap:0}.portfolio-gallery-item{margin-bottom:1.5rem}.portfolio-gallery-header{margin-bottom:2rem}.portfolio-gallery-subtitle{font-size:1rem}}.portfolio-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:9999;display:flex;opacity:0;pointer-events:none;transition:opacity .3s ease}.portfolio-lightbox.is-open{opacity:1;pointer-events:auto}.portfolio-lightbox__close{position:absolute;top:2rem;right:2rem;width:40px;height:40px;border:none;background:#0000001a;color:#333;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10}.portfolio-lightbox__close:hover{background:#0003}.portfolio-lightbox__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem 2rem;overflow:hidden}.portfolio-lightbox__image{max-width:100%;max-height:calc(100vh - 8rem);width:auto;height:auto;object-fit:contain;transition:opacity .2s ease}.portfolio-lightbox__caption{margin-top:1.5rem;color:#000000b3;font-size:.875rem;text-align:center;max-width:600px}.portfolio-lightbox__sidebar{width:200px;background:#f5f5f5;overflow-y:auto;padding:2rem 1rem;scroll-behavior:smooth}.portfolio-lightbox__sidebar-inner{display:flex;flex-direction:column;gap:1.5rem}.portfolio-lightbox__thumb{width:100%;aspect-ratio:1;border:none;padding:0;background:none;cursor:pointer;transition:all .3s ease;opacity:.5;flex-shrink:0}.portfolio-lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block;background:#fff}.portfolio-lightbox__thumb:hover{opacity:.8}.portfolio-lightbox__thumb.is-active{opacity:1;transform:scale(1.15)}@media screen and (max-width: 989px){.portfolio-lightbox__sidebar{width:150px;padding:1.5rem .75rem}.portfolio-lightbox__main{padding:3rem 1.5rem 1.5rem}}@media screen and (max-width: 749px){.portfolio-lightbox{flex-direction:column}.portfolio-lightbox__main{flex:1;padding:4rem 1rem 1rem}.portfolio-lightbox__image{max-height:calc(100vh - 14rem)}.portfolio-lightbox__sidebar{width:100%;height:120px;overflow-x:auto;overflow-y:hidden;padding:1rem}.portfolio-lightbox__sidebar-inner{flex-direction:row;gap:.75rem}.portfolio-lightbox__thumb{width:80px;flex-shrink:0}.portfolio-lightbox__thumb.is-active{transform:scale(1.1)}.portfolio-lightbox__close{top:1rem;right:1rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-portfolio-gallery.css.map */