.work-hero{text-align:center;padding:120px 0 64px}.work-hero .section-tag{margin-bottom:20px}.work-hero h1{color:var(--text-primary);margin-bottom:18px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;line-height:1.15}.work-hero p{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1.1rem;line-height:1.7}.projects-filter{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 0 56px;display:flex}.filter-pill{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:100px;padding:8px 20px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s}.filter-pill:hover{border-color:var(--primary);color:var(--primary)}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.projects-list{flex-direction:column;gap:80px;padding-bottom:100px;display:flex}.project{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);transition:border-color .3s;overflow:hidden}.project:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.project-header{border-bottom:1px solid var(--border);padding:36px 40px 28px}.project-header-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.project-tag{letter-spacing:.03em;text-transform:uppercase;border-radius:100px;padding:4px 12px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600}.project-tag--blue{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f633}.project-tag--purple{color:#a78bfa;background:#a78bfa1f;border:1px solid #a78bfa33}.project-tag--green{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e33}.project-tag--amber{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b33}.project-tag--cyan{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf833}.project-tag--teal{color:#2dd4bf;background:#2dd4bf1f;border:1px solid #2dd4bf33}.project-company{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.875rem}.project-year{color:var(--text-muted,#475569);margin-left:auto;font-family:Inter,sans-serif;font-size:.8rem}.project-header h2{color:var(--text-primary);margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:700;line-height:1.25}.project-outcome{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:1rem;line-height:1.6}.project-body{grid-template-columns:1fr 1fr;gap:0;display:grid}.project-gallery{border-right:1px solid var(--border);flex-direction:column;gap:16px;padding:32px;display:flex}.gallery-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gallery-thumb{border-radius:var(--radius-md);border:1px solid var(--border);cursor:zoom-in;aspect-ratio:16/10;background:var(--bg);transition:border-color .2s,transform .2s;display:block;position:relative;overflow:hidden}.gallery-thumb:hover{border-color:var(--primary);transform:scale(1.02)}.gallery-thumb svg{object-fit:contain;width:100%;height:100%;display:block}.gallery-thumb-placeholder{background:var(--surface-2,#ffffff08);width:100%;height:100%;color:var(--text-secondary);text-align:center;border:1.5px dashed var(--border);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:Inter,sans-serif;font-size:.78rem;display:flex}.gallery-thumb-placeholder svg{opacity:.4}.placeholder-badge{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:#000000b3;border-radius:4px;padding:3px 7px;font-size:.65rem;font-weight:600;position:absolute;top:6px;right:6px}.lightbox-overlay{z-index:9000;background:#000000eb;justify-content:center;align-items:center;padding:32px;display:none;position:fixed;inset:0}.lightbox-inner{border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:900px;position:relative;overflow:hidden}.lightbox-inner svg{width:100%;height:auto;display:block}.lightbox-close{border:1px solid var(--border);width:36px;height:36px;color:var(--text-primary);z-index:1;background:#0009;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;text-decoration:none;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.lightbox-close:hover{background:#ffffff1a}.project-detail{flex-direction:column;gap:24px;padding:32px 40px;display:flex}.project-detail h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:700}.detail-description{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.95rem;line-height:1.75}.challenge-solution{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cs-block{border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);padding:14px 16px}.cs-block-label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.cs-block-label--challenge{color:#f87171}.cs-block-label--solution{color:#4ade80}.cs-block p{color:var(--text-secondary);margin:0;font-family:Inter,sans-serif;font-size:.84rem;line-height:1.6}.project-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.p-metric{border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);text-align:center;padding:12px 14px}.p-metric-num{color:var(--primary);font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.2;display:block}.p-metric-label{color:var(--text-secondary);margin-top:4px;font-family:Inter,sans-serif;font-size:.72rem;line-height:1.3;display:block}.project-stack{flex-wrap:wrap;gap:8px;display:flex}.project-stack span{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);border-radius:6px;padding:4px 10px;font-family:Fira Code,monospace;font-size:.78rem}@media (width<=900px){.project-body{grid-template-columns:1fr}.project-gallery{border-right:none;border-bottom:1px solid var(--border)}.challenge-solution{grid-template-columns:1fr}.project-metrics{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.project-header{padding:24px 20px 20px}.project-gallery,.project-detail{padding:20px}.gallery-grid{grid-template-columns:1fr;gap:8px}.project-metrics{grid-template-columns:repeat(3,1fr);gap:8px}.work-hero{padding:90px 0 40px}}@media (width<=480px){.project-metrics{grid-template-columns:1fr 1fr;gap:6px}.work-hero h1{font-size:28px}.projects-filter{gap:6px}.projects-filter button{padding:6px 12px;font-size:12px}}