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