.work-gallery{width:100%;margin-top:3.5rem}.masonry-list{justify-content:flex-start;align-items:flex-start;gap:var(--masonry-gap);flex-flow:wrap;display:flex;position:relative}[data-masonry-list]{--masonry-col:var(--masonry-col-desktop,2);--masonry-gap:.75em}@media screen and (width<=767px){[data-masonry-list]{--masonry-col:2;--masonry-gap:.5em}}@media screen and (width<=479px){[data-masonry-list]{--masonry-col:1;--masonry-gap:.5em}}.masonry-item{width:calc(((100% - 1px) - (var(--masonry-col) - 1) * var(--masonry-gap)) / var(--masonry-col))}.masonry-item__visual{background:#1a1a1a;border-radius:.375em;width:100%;overflow:hidden}.masonry-item__visual.is--square{aspect-ratio:1}.masonry-item__visual.is--wide{aspect-ratio:3/2}.masonry-item__visual.is--tall{aspect-ratio:2/3}.gallery-item__button{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.gallery-item__button:focus-visible{outline-offset:3px;outline:2px solid #d0ff00}.gallery-cover-media{border-radius:inherit;width:100%;position:relative;overflow:hidden}.gallery-cover-media__sizer{width:100%;padding-top:var(--gallery-cover-ratio,56.25%);display:block}.masonry-item__visual.is--square .gallery-cover-media__sizer{--gallery-cover-ratio:100%}.masonry-item__visual.is--wide .gallery-cover-media__sizer{--gallery-cover-ratio:66.66%}.masonry-item__visual.is--tall .gallery-cover-media__sizer{--gallery-cover-ratio:150%}.gallery-cover-media .cover-image,.gallery-cover-media .cover-video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gallery-cover-media .cover-image{transition:opacity .4s;display:block}.gallery-cover-media[data-media-status=playing] .cover-image,.gallery-cover-media[data-media-status=loading] .cover-image{opacity:0}.masonry-item__video-placeholder{background-color:#1a1a1a;width:100%;height:100%;position:absolute;inset:0}.masonry-item__visual-img{object-fit:cover;width:100%;height:100%;transition:opacity .3s,transform .4s cubic-bezier(.4,0,.2,1);display:block}.gallery-item__button:hover .masonry-item__visual-img{opacity:.75;transform:scale(1.03)}.gallery-item__play{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-item__play-icon{background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.gallery-item__play-icon svg{color:#0b0b0b;width:.875rem;height:.875rem;margin-left:.125rem}.gallery-item__button:hover .gallery-item__play-icon{transform:scale(1.1)}body:has(.lightbox-wrap.is-active) .work-close-btn{opacity:0;pointer-events:none;transition:opacity .2s}.lightbox-wrap{z-index:300;background:0 0;justify-content:center;align-items:center;width:100%;height:100dvh;display:none;position:fixed;inset:0}.lightbox-wrap.is-active{display:flex}.lightbox-img__wrap{width:90vw;height:calc(100svh - 10em)}.lightbox-img__list{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lightbox-img__item{visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.lightbox-img__item.is-active{visibility:visible}.lightbox-img,.lightbox-img__item img{object-fit:contain;border-radius:.375em;width:auto;min-width:auto;max-width:100%;max-height:100%}.lightbox-video{object-fit:contain;border-radius:.375em;width:auto;min-width:auto;max-width:100%;max-height:100%;display:block}.lightbox-nav{z-index:2;color:#f4f4f4;justify-content:space-between;align-items:center;font-family:PPNeueMontreal,Arial,sans-serif;display:flex;position:absolute;bottom:2em;left:2em;right:2em}.lightbox-nav__col{width:33.333%}.lightbox-nav__col.start{justify-content:flex-start;align-items:center;display:flex}.lightbox-nav__col.center{justify-content:center;align-items:center;gap:2em;display:flex}.lightbox-nav__col.end{justify-content:flex-end;align-items:center;display:flex}.lightbox-nav__text{margin:0;font-size:.9375em;font-weight:400;line-height:1}.lightbox-nav__button{color:inherit;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;align-items:center;gap:.5em;margin:-1em;padding:1em;font-family:inherit;font-size:.9375em;font-weight:400;transition:opacity .2s;display:flex}.lightbox-nav__button:hover{opacity:.6}.lightbox-nav__dot{background:currentColor;border-radius:10em;flex:none;width:.375em;height:.375em;margin-bottom:-.1em;transition:transform .45s cubic-bezier(.625,.05,0,1)}.lightbox-nav__button:hover .lightbox-nav__dot{transform:scale(1.5)}