.projects-container{flex-direction:column;width:100%;padding-bottom:2rem;display:flex;position:relative}.projects-float{pointer-events:none;z-index:500;opacity:0;border:1px solid var(--border-primary);width:320px;height:210px;transition:opacity .25s,transform .25s;position:fixed;overflow:hidden;transform:rotate(-2deg)scale(.92)}.projects-float.visible{opacity:1;transform:rotate(-1deg)scale(1)}@media (prefers-reduced-motion:reduce){.projects-float,.projects-float.visible{display:none}}.projects-float img{object-fit:cover;filter:grayscale(20%);width:100%;height:100%;display:block}.projects-float-label{background:color-mix(in srgb,var(--bg-primary)85%,transparent);color:var(--text-secondary);letter-spacing:.06em;padding:.4rem .7rem;font-family:Mono,monospace;font-size:.75rem;position:absolute;bottom:0;left:0;right:0}.projects-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:flex-end;margin-bottom:0;padding:2.5rem 0 1.5rem;display:flex}.projects-eyebrow{letter-spacing:.2em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.4rem;font-family:Mono,monospace;font-size:.75rem}.projects-title{letter-spacing:-.04em;font-family:Special,monospace;font-size:clamp(3rem,6vw,5rem);line-height:1}.projects-filters{gap:4px;padding-bottom:4px;display:flex}.projects-filter-btn{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;background:0 0;padding:5px 14px;font-family:Mono,monospace;font-size:.75rem;transition:color .12s,border-color .12s}.projects-filter-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.projects-filter-btn.active{color:var(--text-primary);border-color:var(--text-primary)}.projects-table-header{border-bottom:1px solid var(--border-primary);grid-template-columns:48px 1fr 220px 72px 24px;gap:2rem;padding:.6rem 0;display:grid}.projects-th{letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;font-family:Mono,monospace;font-size:.75rem}.projects-th-right{text-align:right}.projects-list{flex-direction:column;display:flex}.projects-row{border-bottom:1px solid var(--border-primary);color:inherit;grid-template-columns:48px 1fr 220px 72px 24px;align-items:center;gap:2rem;padding:1.3rem 0;text-decoration:none;transition:background .1s,padding .1s;display:grid;position:relative}.projects-row:hover{background:var(--bg-secondary);padding-left:.75rem;padding-right:.75rem}.projects-row:hover .projects-num{color:var(--text-secondary)}.projects-row:hover .projects-name,.projects-row:hover .projects-arrow,.projects-row:hover .projects-year{color:var(--text-primary)}.projects-num{color:var(--text-secondary);font-family:Mono,monospace;font-size:.75rem;transition:color .12s}.projects-name{letter-spacing:-.015em;color:var(--text-primary);margin-bottom:.2rem;font-family:Special,monospace;font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.1;transition:color .15s}.projects-desc{color:var(--text-secondary);margin-top:.1rem;font-family:Mono,monospace;font-size:.75rem;line-height:1.65}.projects-tags{flex-wrap:wrap;gap:4px;display:flex}.projects-tag{color:var(--text-secondary);border:1px solid var(--border-primary);padding:2px 8px;font-family:Mono,monospace;font-size:.75rem;transition:color .12s,border-color .12s,background .12s}.projects-row:hover .projects-tag{border-color:var(--text-secondary)}.projects-tag--link{cursor:pointer}.projects-tag--link:hover,.projects-tag--link:focus-visible{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary);outline:none}.projects-year{color:var(--text-secondary);text-align:right;font-family:Mono,monospace;font-size:.75rem;transition:color .12s}.projects-arrow{color:var(--border-primary);text-align:right;font-size:.875rem;transition:color .12s}.projects-footer{justify-content:space-between;align-items:center;margin-top:auto;padding:1.25rem 0;display:flex}.projects-footer-text{color:var(--text-secondary);letter-spacing:.06em;font-family:Mono,monospace;font-size:.75rem}@media (max-width:900px){.projects-table-header,.projects-row{grid-template-columns:36px 1fr 160px 60px 20px;gap:1rem}}@media (max-width:680px){.projects-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.projects-filters{flex-wrap:wrap}.projects-table-header{display:none}.projects-row{grid-template-columns:32px 1fr 20px;gap:.75rem}.projects-tags,.projects-year{display:none}}