.projects-page-hero{padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-10)}.filter-section{z-index:10;position:relative}.filter-wrapper{align-items:center;gap:var(--space-6);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.filter-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-muted);font-weight:500;display:flex}.filter-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--fg-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;font-weight:500;display:inline-flex}.filter-tab:hover{color:var(--fg);background:var(--bg-muted);border-color:var(--border-strong)}.filter-tab.active{color:var(--fg);background:var(--bg-elevated);border-color:var(--fg);box-shadow:var(--shadow-xs)}.filter-tab-dot{background:var(--fg-subtle);width:6px;height:6px;transition:background var(--duration-fast) var(--ease-out);border-radius:50%}.filter-tab.active .filter-tab-dot{background:var(--primary)}.projects-section{padding:var(--space-8) 0 var(--space-16)}.projects-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--duration) var(--ease-out);color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card-visual{aspect-ratio:16/10;background:var(--bg-muted);position:relative;overflow:hidden}.project-card-image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);display:block}.project-card:hover .project-card-image{transform:scale(1.04)}.project-card-placeholder{width:100%;height:100%;color:var(--fg-subtle);background:var(--bg-muted);justify-content:center;align-items:center;font-size:3.5rem;display:flex}.project-card-placeholder i{transition:transform var(--duration) var(--ease-out)}.project-card:hover .project-card-placeholder i{transform:scale(1.08)}.project-card-overlay{background:var(--bg-overlay);justify-content:center;align-items:center;gap:var(--space-2);opacity:0;transition:opacity var(--duration) var(--ease-out);pointer-events:none;display:flex;position:absolute;inset:0}.project-card:hover .project-card-overlay{opacity:1;pointer-events:auto}.project-card-action{background:var(--bg-elevated);width:42px;height:42px;color:var(--fg);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out);opacity:0;justify-content:center;align-items:center;font-size:1.125rem;text-decoration:none;display:flex;transform:translateY(8px)}.project-card:hover .project-card-action{opacity:1;transform:translateY(0)}.project-card:hover .project-card-action:nth-child(2){transition-delay:50ms}.project-card-action:hover{background:var(--fg);color:var(--bg);transform:scale(1.05)}.project-card-content{padding:var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.project-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.project-card-badge{padding:2px var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--brand-50);color:var(--primary);align-items:center;font-weight:600;display:inline-flex}[data-theme=dark] .project-card-badge{color:var(--brand-300);background:#a78bfa1f}.project-card-badge.desktop{color:var(--accent-600);background:#ec48991a}[data-theme=dark] .project-card-badge.desktop{color:#f9a8d4;background:#ec489926}.project-card-date{font-size:var(--text-xs);color:var(--fg-subtle)}.project-card-title{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--fg);margin:0}.project-card-title a{color:inherit;transition:color var(--duration-fast) var(--ease-out)}.project-card-title a:hover{color:var(--primary)}.project-card-description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--fg-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.project-card-tech{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.tech-tag{padding:2px var(--space-2);font-size:var(--text-xs);color:var(--fg-muted);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);font-weight:500}.tech-tag:hover{background:var(--brand-50);border-color:var(--primary);color:var(--primary)}[data-theme=dark] .tech-tag:hover{color:var(--brand-300);background:#a78bfa1f}.project-card-footer{padding-top:var(--space-3);border-top:1px solid var(--border);margin-top:auto}.project-card-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--primary);transition:gap var(--duration-fast) var(--ease-out);font-weight:500;text-decoration:none;display:inline-flex}.project-card-link:hover{gap:var(--space-2)}.cta-section{padding:var(--space-20) 0;position:relative;overflow:hidden}.cta-bg{z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 100%, var(--brand-50) 0%, transparent 70%);opacity:.6;position:absolute;inset:0}[data-theme=dark] .cta-bg{background:radial-gradient(60% 50% at 50% 100%,#a78bfa14 0%,#0000 70%)}.cta-content{z-index:1;text-align:center;max-width:640px;margin:0 auto;position:relative}.cta-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg);margin-bottom:var(--space-3)}.cta-description{font-size:1.0625rem;line-height:var(--leading-relaxed);color:var(--fg-muted);margin-bottom:var(--space-6)}.cta-button{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);color:var(--bg);background:var(--fg);border-radius:var(--radius);transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm);font-weight:500;text-decoration:none;display:inline-flex}.cta-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.cta-button i{transition:transform var(--duration-fast) var(--ease-out);font-size:1.125rem}.cta-button:hover i{transform:translate(2px)}@media (width<=768px){.filter-wrapper{align-items:flex-start;gap:var(--space-3);flex-direction:column}.filter-label{font-size:var(--text-xs)}}