.projects-main{width:100%;max-width:960px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16);box-sizing:border-box}.projects-hero{padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.projects-eyebrow{margin:0 0 var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.projects-title{margin:0 0 var(--space-4);font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.projects-subtitle{max-width:640px;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.7}.projects-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-6) 0 0}.filter-pill{padding:.3rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.filter-pill:hover,.filter-pill.is-active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.projects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);padding-top:var(--space-8)}.projects-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.projects-card:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.projects-card-hit{position:absolute;inset:0;z-index:1;border-radius:inherit}.projects-card-media{position:relative;aspect-ratio:16 / 9;background:var(--color-surface-sunken);overflow:hidden;flex-shrink:0}.projects-card-img,.projects-card-placeholder{display:block;width:100%;height:100%;object-fit:cover}.projects-card-img{transition:transform .45s ease}.projects-card:hover .projects-card-img{transform:scale(1.06)}.projects-card-placeholder{background-image:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 14%,var(--color-border)) 1px,transparent 1px);background-size:18px 18px}.projects-card-badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:.2rem .6rem;background:var(--color-primary-solid);color:var(--color-white);border-radius:var(--radius-full);font-size:.7rem;font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-transform:uppercase;line-height:1.4}.projects-card-icons{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;gap:var(--space-2);z-index:2}.projects-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#0000008c;color:#fff;border-radius:var(--radius-full);backdrop-filter:blur(4px);text-decoration:none;transition:background var(--transition-fast)}.projects-icon-btn:hover{background:var(--color-primary-solid);color:#fff}.projects-card-body{display:flex;flex-direction:column;flex:1;gap:var(--space-3);padding:var(--space-5)}.projects-card-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.3;color:var(--color-text-primary)}.projects-card-role{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.projects-card-description{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.projects-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2)}.projects-card-stack{display:flex;flex-wrap:wrap;gap:.4rem}.projects-stack-item{display:inline-block;padding:.2rem .55rem;background:color-mix(in srgb,var(--color-primary) 9%,transparent);color:var(--color-primary-dark);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.4}.projects-card-cta{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);white-space:nowrap;flex-shrink:0}.projects-card:hover .projects-card-cta{text-decoration:underline}@media(max-width:760px){.projects-main{padding:var(--space-8) var(--space-4) var(--space-12)}.projects-list{grid-template-columns:1fr}}