.projects-page{font-family:Inter,system-ui,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}.projects-hero{position:relative;max-width:1280px;margin:0 auto;padding:140px 24px 0;z-index:1}.projects-hero-title{font-family:Geist,sans-serif;font-size:clamp(2.25rem,5vw,4rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--text);margin:16px 0 20px}.projects-hero-desc{font-size:1.1rem;color:var(--text-muted);max-width:580px;line-height:1.7}.projects-stats{position:relative;max-width:1280px;margin:0 auto;padding:40px 24px 0;z-index:1}.projects-stats-row{display:flex;gap:0;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-top-color:hsla(0,0%,100%,.18);border-radius:12px;overflow:hidden}.proj-stat{flex:1 1;padding:24px 32px;text-align:center;border-right:1px solid hsla(0,0%,100%,.08)}.proj-stat:last-child{border-right:none}.proj-stat-num{font-family:Geist,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--primary);display:block}.proj-stat-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;display:block}.projects-section{position:relative;max-width:1280px;margin:0 auto;padding:48px 24px 80px;z-index:1}.projects-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}.projects-filter-btn{padding:7px 18px;border-radius:9999px;font-size:.85rem;font-weight:500;color:var(--text-muted);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.projects-filter-btn:hover{color:var(--text);background:hsla(0,0%,100%,.07)}.projects-filter-btn--active{color:var(--primary);background:rgba(37,99,235,.12);border-color:rgba(180,197,255,.3)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:24px;gap:24px}.project-card{border-radius:14px;overflow:hidden;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-top-color:hsla(0,0%,100%,.15);display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s,transform .2s;position:relative}.project-card--blue:hover{border-color:rgba(37,99,235,.5);box-shadow:0 0 40px rgba(37,99,235,.12);transform:translateY(-4px)}.project-card--purple:hover{border-color:rgba(210,187,255,.45);box-shadow:0 0 40px rgba(210,187,255,.1);transform:translateY(-4px)}.project-card--teal:hover{border-color:rgba(137,206,255,.45);box-shadow:0 0 40px rgba(137,206,255,.1);transform:translateY(-4px)}.project-thumb{aspect-ratio:16/9;position:relative;overflow:hidden}.project-card--blue .project-thumb{background:linear-gradient(135deg,#0d1829,#1e3a5f 50%,#0a1525)}.project-card--purple .project-thumb{background:linear-gradient(135deg,#130d22,#3b1568 50%,#0e0b1a)}.project-card--teal .project-thumb{background:linear-gradient(135deg,#081520,#0c3548 50%,#060f18)}.project-thumb-glow{position:absolute;inset:0;pointer-events:none}.project-card--blue .project-thumb-glow{background:radial-gradient(circle at 35% 55%,rgba(37,99,235,.35) 0,transparent 65%)}.project-card--purple .project-thumb-glow{background:radial-gradient(circle at 65% 40%,rgba(96,1,209,.4) 0,transparent 65%)}.project-card--teal .project-thumb-glow{background:radial-gradient(circle at 50% 60%,rgba(0,116,166,.4) 0,transparent 65%)}.project-thumb-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.25}.project-badges{position:absolute;bottom:14px;left:16px;display:flex;gap:6px}.project-badge{font-family:JetBrains Mono,monospace;font-size:.67rem;font-weight:600;letter-spacing:.06em;padding:3px 8px;border-radius:4px}.project-badge--blue{background:rgba(37,99,235,.2);border:1px solid rgba(180,197,255,.3);color:var(--primary)}.project-badge--purple{background:rgba(210,187,255,.15);border:1px solid rgba(210,187,255,.3);color:var(--secondary)}.project-badge--teal{background:rgba(137,206,255,.15);border:1px solid rgba(137,206,255,.3);color:var(--tertiary)}.project-badge--dim{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);color:var(--text-muted)}.project-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1 1}.project-name{font-family:Geist,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--text);transition:color .2s}.project-card--blue:hover .project-name{color:var(--primary)}.project-card--purple:hover .project-name{color:var(--secondary)}.project-card--teal:hover .project-name{color:var(--tertiary)}.project-desc{font-size:.9rem;color:var(--text-muted);line-height:1.6;flex:1 1}.project-stack{display:flex;gap:6px;flex-wrap:wrap;padding-top:4px}.stack-tag{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500;padding:3px 8px;border-radius:4px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:var(--text-muted)}.project-outcome{font-size:.82rem;color:var(--text-muted);padding-top:10px;border-top:1px solid hsla(0,0%,100%,.06);display:flex;align-items:center;gap:6px}.project-outcome-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.project-card--blue .project-outcome-dot{background:var(--primary)}.project-card--purple .project-outcome-dot{background:var(--secondary)}.project-card--teal .project-outcome-dot{background:var(--tertiary)}.projects-empty{text-align:center;color:var(--text-muted);padding:64px 0;font-size:1rem}@media (max-width:768px){.projects-hero{padding-top:110px}.projects-stats-row{flex-wrap:wrap}.proj-stat{flex:1 1 50%;border-bottom:1px solid hsla(0,0%,100%,.08)}.proj-stat:nth-child(odd){border-right:1px solid hsla(0,0%,100%,.08)}.proj-stat:nth-child(2n){border-right:none}.proj-stat:last-child,.proj-stat:nth-last-child(2){border-bottom:none}.projects-grid{grid-template-columns:1fr}}