: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-video--mob{display:none}.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}.lab__cover-video--desk{display:none}.lab__cover-video--mob{display:block}}