.projects-hero{background:hsl(var(--red-2-hsl));border-bottom:5px solid hsl(var(--red-5-hsl));padding:var(--size-8) var(--size-6) var(--size-8)}body.dark .projects-hero{background:var(--color-red-deep);border-bottom-color:var(--color-red)}.projects-hero__content{max-width:800px;margin:0 auto}.projects-hero__title{font-family:var(--font-display);margin:0 0 var(--size-3) 0;color:var(--text-1);letter-spacing:-.02em;align-items:center;gap:var(--size-3);font-size:clamp(2.5rem,2rem + 3vw,4rem);font-weight:900;line-height:1.1;display:flex}.projects-hero__description{font-family:var(--font-body);color:var(--text-2);max-width:600px;margin:0;font-size:clamp(1.125rem,1rem + .5vw,1.35rem);line-height:1.6}.projects-content{max-width:800px;padding:var(--size-8) var(--size-6);margin:0 auto}.featured-projects{gap:var(--size-6);margin-bottom:var(--size-8);padding-bottom:var(--size-8);border-bottom:5px solid var(--theme-border);flex-direction:column;display:flex}.project-feature{color:inherit;padding:var(--size-6);border:2px solid var(--theme-border);text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:block}.project-feature:hover{box-shadow:6px 6px 0 var(--theme-border);border-bottom:2px solid var(--theme-border);transform:translate(-3px,-3px)}body.dark .project-feature:hover{box-shadow:6px 6px 0 var(--color-red);border-color:var(--color-red)}.project-feature__header{align-items:baseline;gap:var(--size-3);margin-bottom:var(--size-3);flex-wrap:wrap;display:flex}.project-feature__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--theme-text-primary);margin:0;font-size:clamp(1.5rem,1.25rem + 1.5vw,2.25rem);font-weight:900;line-height:1.2}.project-feature__year{font-family:var(--font-mono);color:var(--theme-text-muted);font-size:clamp(.8rem,.75rem + .25vw,.9rem);font-weight:400}.project-feature__description{font-family:var(--font-body);color:var(--theme-text-secondary);margin:0 0 var(--size-4) 0;max-width:65ch;font-size:clamp(1rem,.95rem + .25vw,1.15rem);line-height:1.6}.project-feature__footer{align-items:center;gap:var(--size-4);flex-wrap:wrap;display:flex}.project-list{flex-direction:column;gap:0;display:flex}.project-list__group-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--theme-text-muted);padding:var(--size-4) 0 var(--size-2);font-size:clamp(.7rem,.65rem + .2vw,.8rem);font-weight:400}.project-list__group-label:first-child{padding-top:0}.project-item{color:inherit;padding:var(--size-4) 0;border-bottom:1px solid color-mix(in oklch, var(--theme-border) 20%, transparent);text-decoration:none;transition:padding-left .15s cubic-bezier(.16,1,.3,1);display:block}.project-item:last-child{border-bottom:none}.project-item:hover{padding-left:var(--size-3);border-bottom-color:color-mix(in oklch, var(--theme-border) 20%, transparent)}.project-item__header{align-items:baseline;gap:var(--size-3);margin-bottom:var(--size-1);flex-wrap:wrap;display:flex}.project-item__title{font-family:var(--font-display);color:var(--theme-text-primary);margin:0;font-size:clamp(1.125rem,1rem + .5vw,1.35rem);font-weight:700;line-height:1.3}.project-item__year{font-family:var(--font-mono);color:var(--theme-text-muted);font-size:clamp(.75rem,.7rem + .2vw,.8rem);font-weight:400}.project-item__description{font-family:var(--font-body);color:var(--theme-text-secondary);margin:0 0 var(--size-2) 0;max-width:65ch;font-size:clamp(.9rem,.85rem + .2vw,1rem);line-height:1.5}.project-item__meta{align-items:center;gap:var(--size-3);flex-wrap:wrap;display:flex}.project-item--archived .project-item__title,.project-item--archived .project-item__description{color:var(--theme-text-muted)}.tech-pills{gap:var(--size-1);flex-wrap:wrap;display:flex}.tech-pill{font-family:var(--font-mono);background:color-mix(in oklch, var(--theme-border) 10%, transparent);color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;font-size:clamp(.65rem,.6rem + .15vw,.75rem);font-weight:400}body.dark .tech-pill{background:color-mix(in oklch, var(--color-red) 10%, transparent)}.project-links{gap:var(--size-3);align-items:center;display:flex}.project-link{font-family:var(--font-mono);color:var(--theme-text-muted);border-bottom:none;align-items:center;gap:.3rem;font-size:clamp(.75rem,.7rem + .2vw,.85rem);font-weight:400;text-decoration:none;display:inline-flex}.project-link:hover{color:var(--color-red);border-bottom:none}body.dark .project-link:hover{color:var(--color-red)}.project-link__arrow{font-size:.75em}.status-dot{background:var(--theme-text-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot--active{background:var(--color-lime)}.status-dot--completed{background:var(--theme-text-muted)}.status-dot--archived{background:color-mix(in oklch, var(--theme-text-muted) 40%, transparent)}@media (width<=768px){.projects-hero{padding:var(--size-6) var(--size-4)}.projects-hero__title{font-size:clamp(2rem,8vw,3rem)}.projects-content{padding:var(--size-6) var(--size-4)}.project-feature{padding:var(--size-4)}.featured-projects{margin-bottom:var(--size-6);padding-bottom:var(--size-6)}}