.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 48px 48px;cursor:zoom-out}.lightbox__close{position:absolute;top:20px;right:24px;background:none;border:none;color:hsla(0,0%,100%,.5);font-size:20px;cursor:pointer;padding:8px;line-height:1;transition:color .15s}.lightbox__close:hover{color:#fff}.lightbox__frame{flex:1 1;min-height:0;width:100%;max-width:100%;position:relative;cursor:default}.lightbox__img{object-fit:contain;border-radius:4px;animation:lightbox-in .2s ease}.lightbox__bar{flex-shrink:0;display:flex;align-items:center;gap:20px;margin-top:20px;cursor:default}.lightbox__bar-btn{background:hsla(0,0%,100%,.08);border:none;color:hsla(0,0%,100%,.7);font-size:16px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.lightbox__bar-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.lightbox__bar-count{color:hsla(0,0%,100%,.5);font-size:13px;letter-spacing:.05em;min-width:36px;text-align:center}@keyframes lightbox-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.lightbox{padding:56px 16px 32px}}:root{--ink:#0f172a;--ink2:#1e293b;--gray:#64748b;--gray2:#94a3b8;--border:#e2e8f0;--bg:#ffffff;--bg2:#f8fafc;--blue:#3b82f6;--blue-dark:#2563eb;--blue-pale:#eff6ff;--blue-text:#3b82f6;--radius:12px;--radius-sm:8px}.lab{min-height:calc(100vh - 64px);background:var(--ink);color:var(--bg);padding:48px 24px 96px}.lab__inner{max-width:1100px;margin:0 auto}.lab__back{display:inline-block;font-size:14px;color:var(--gray2);text-decoration:none;margin-bottom:48px;transition:color .15s}.lab__back:hover{color:var(--bg)}.lab__header{margin-bottom:56px}.lab__title{font-size:clamp(36px,6vw,56px);font-weight:700;letter-spacing:-.03em;color:var(--bg);margin-bottom:12px}.lab__sub{font-size:16px;color:var(--gray2);line-height:1.6;max-width:540px}.lab__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2px;gap:2px}.lab__item{background:hsla(0,0%,100%,.03);display:flex;flex-direction:column;overflow:hidden;transition:background .2s}.lab__item:hover{background:hsla(0,0%,100%,.05)}.lab__cover{width:100%;aspect-ratio:16/9;overflow:hidden;background:hsla(0,0%,100%,.04);position:relative}.lab__cover--clickable{cursor:zoom-in}.lab__cover-hint{position:absolute;bottom:10px;right:12px;font-size:11px;color:hsla(0,0%,100%,.5);background:rgba(0,0,0,.5);padding:3px 8px;border-radius:4px;opacity:0;transition:opacity .2s;pointer-events:none}.lab__cover--clickable:hover .lab__cover-hint{opacity:1}.lab__cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.lab__item:hover .lab__cover-img{transform:scale(1.02)}.lab__cover-video{width:100%;height:100%;object-fit:cover;display:block}.lab__cover-collage{width:100%;height:100%;display:flex;gap:2px;background:rgba(0,0,0,.3)}.lab__cover-collage-item{flex:1 1;min-width:0;height:100%;position:relative;overflow:hidden}.lab__cover-collage-img{object-fit:cover;object-position:top;transition:transform .4s ease}.lab__cover--clickable:hover .lab__cover-collage-img{transform:scale(1.02)}.lab__cover-placeholder{width:100%;height:100%;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 0,transparent 12px)}.lab__item-body{padding:20px 24px 28px;display:flex;flex-direction:column;flex:1 1}.lab__item-top{justify-content:space-between;gap:12px;margin-bottom:12px}.lab__item-meta,.lab__item-top{display:flex;align-items:center}.lab__item-meta{gap:10px;flex-wrap:wrap}.lab__status{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px}.lab__status--live{background:rgba(34,197,94,.15);color:#4ade80}.lab__status--wip{background:rgba(251,191,36,.15);color:#fbbf24}.lab__status--archived{background:rgba(148,163,184,.1);color:var(--gray2)}.lab__tags{display:flex;gap:6px;flex-wrap:wrap}.lab__tag{font-size:12px;color:var(--gray2);background:hsla(0,0%,100%,.06);padding:2px 8px;border-radius:4px}.lab__link{font-size:13px;color:var(--gray2);text-decoration:none;white-space:nowrap;transition:color .15s}.lab__link:hover{color:var(--bg)}.lab__item-title{font-size:20px;font-weight:600;color:var(--bg);margin-bottom:8px;letter-spacing:-.01em;font-family:Courier New,monospace}.lab__item-desc{font-size:14px;color:var(--gray2);line-height:1.6}@media(max-width:900px){.lab{padding:32px 20px 72px}.lab__back{margin-bottom:32px}.lab__header{margin-bottom:40px}.lab__list{grid-template-columns:1fr}}