.masonry{column-count:4;column-gap:22px}.mason-item{page-break-inside:avoid;break-inside:avoid;margin-bottom:22px}.work{position:relative;display:block;width:100%;overflow:hidden;padding:8px;text-align:left;cursor:zoom-in;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.work:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.work-img{width:100%;height:auto;min-height:140px;border-radius:10px;background:var(--cream);object-fit:cover}.work-over{position:absolute;inset:8px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px;border-radius:10px;background:linear-gradient(transparent 40%,rgba(10,10,10,.88));color:#fff;opacity:0;transition:opacity .25s}.work:focus-visible .work-over,.work:hover .work-over{opacity:1}.work-over b{font-size:15px}.work-over small{opacity:.85}.work-over i{align-self:flex-start;margin-top:8px;padding:4px 10px;border-radius:6px;background:var(--y);color:var(--k);font-size:12px;font-style:normal;font-weight:700}.lightbox{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:rgba(10,10,10,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lb-fig{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(92vw,1000px);margin:0}.lb-fig img{width:auto;height:auto;max-width:100%;max-height:78vh;border:2px solid var(--y);border-radius:14px;background:#fff;object-fit:contain}.work.is-video .work-img{aspect-ratio:16/9}.work-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:58px;height:58px;margin:-29px 0 0 -29px;padding-left:4px;border-radius:50%;background:var(--r);color:#fff;font-size:20px;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .3s var(--ease)}.work:hover .work-play{transform:scale(1.1)}.lb-video{width:min(92vw,1000px,calc(78vh * 16 / 9));aspect-ratio:16/9;overflow:hidden;border:2px solid var(--y);border-radius:14px;background:#000}.lb-video.tall{width:min(92vw,calc(78vh * 9 / 16));aspect-ratio:9/16}.lb-video iframe{width:100%;height:100%;border:0}.lb-fig figcaption{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;color:#fff}.lb-fig figcaption span{padding:3px 10px;border-radius:6px;background:var(--y);color:var(--k);font-size:12px;font-weight:700}@media (max-width:1100px){.masonry{column-count:3}}@media (max-width:760px){.masonry{column-count:2;column-gap:12px}.mason-item{margin-bottom:12px}.work-over{opacity:1;background:linear-gradient(transparent 60%,rgba(10,10,10,.75))}.work-over i{display:none}}