.work-gallery{position:relative;width:100%;padding:2rem 0;display:flex;flex-direction:column;align-items:center;gap:.75rem;overflow:hidden;background-color:var(--tone-100)}.work-gallery-row{width:125%;display:flex;gap:1rem}.work-gallery-item{flex:1;aspect-ratio:7 / 5;display:flex;flex-direction:column;overflow:hidden;cursor:pointer}.work-gallery-item-img{flex:1;min-height:0;overflow:hidden}.work-gallery-item-img img,.work-gallery-item-img video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.work-gallery-item:hover .work-gallery-item-img img,.work-gallery-item:hover .work-gallery-item-img video{transform:scale(1.04)}.work-gallery-item-info{display:flex;justify-content:space-between;padding:.4rem 0;color:var(--tone-400)}.work-gallery-item-info p{font-size:.75rem}@media(max-width:1000px){.work-gallery-row{gap:.5rem}.work-gallery-item-info p{font-size:.7rem}}.work-gallery-lightbox{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:4rem 2rem 2rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.work-gallery-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}.work-gallery-lightbox-backdrop{position:absolute;inset:0;background:#000000eb}.work-gallery-lightbox-panel{position:relative;z-index:1;width:100%;max-width:1400px;display:flex;flex-direction:column;gap:1.5rem}.work-gallery-lightbox-close{position:fixed;top:1.5rem;right:1.5rem;z-index:2;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--tone-200);border-radius:50%;background:var(--tone-100);color:var(--tone-400);font-size:1.5rem;line-height:1;cursor:pointer}.work-gallery-lightbox-images{display:flex;gap:1rem;width:100%}.work-gallery-lightbox-img{flex:1;aspect-ratio:4 / 5;overflow:hidden;min-width:0}.work-gallery-lightbox-img img,.work-gallery-lightbox-img video{width:100%;height:100%;object-fit:cover;display:block}.work-gallery-lightbox-caption{display:flex;justify-content:space-between;color:var(--tone-400)}.work-gallery-lightbox-name{font-size:1.25rem}.work-gallery-lightbox-year{font-size:1.25rem;color:var(--tone-300)}@media(max-width:1000px){.work-gallery-lightbox{padding:3rem 1rem 1rem}.work-gallery-lightbox-images{flex-direction:column}.work-gallery-lightbox-img{aspect-ratio:16 / 10}.work-gallery-lightbox-close{top:1rem;right:1rem}}