.projects-page{padding-top:64px;padding-bottom:40px}.projects-header{border-bottom:1px solid var(--border);padding-bottom:48px}.projects-header h1{max-width:18ch;margin:22px 0;font-size:clamp(3rem,5.8vw,5.5rem)}.projects-header>p{color:var(--muted);max-width:40ch;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.6}.projects-collection{margin-top:36px}.projects-collection-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;display:flex}.projects-collection-heading h2{letter-spacing:-.025em;font-size:20px}.projects-collection-heading>span{font-family:var(--font-mono);color:var(--muted);font-size:13px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.projects-grid>li{min-width:0}.personal-project-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;height:100%;min-height:300px;padding:clamp(24px,3vw,36px);transition:border-color .15s;display:flex}.personal-project-card:hover{border-color:var(--primary)}.project-card-top,.project-card-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.project-card-top{color:var(--primary);font-family:var(--font-mono);font-size:13px}.project-card-top svg,.project-card-bottom svg{flex-shrink:0}.personal-project-card h3{overflow-wrap:anywhere;margin-top:32px;font-size:clamp(2rem,3.2vw,3rem)}.personal-project-card>p{color:var(--muted);max-width:45ch;margin:14px 0 30px;font-size:17px;line-height:1.65}.project-card-bottom{border-top:1px solid var(--border);flex-wrap:wrap;margin-top:auto;padding-top:20px;font-size:14px}.project-card-bottom>span:first-child{color:var(--muted);overflow-wrap:anywhere}.project-card-bottom>span:last-child{color:var(--primary);align-items:center;gap:7px;display:inline-flex}.projects-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:48px;display:flex}.projects-footer>span{color:var(--muted);font-size:13px}@media (max-width:1050px){.projects-grid{gap:18px}}@media (max-width:767px){.projects-page{padding-top:112px}.projects-header{padding-bottom:32px}.projects-header h1{font-size:clamp(2.6rem,9vw,4rem)}.projects-grid{grid-template-columns:minmax(0,1fr)}.personal-project-card{min-height:0}}