.page-projects{padding:4rem 2rem 5rem}.projects{max-width:var(--page-max);margin:0 auto}.projects__heading{font-family:var(--font-mono);color:var(--accent);transition:var(--t-accent);margin-bottom:.5rem}.projects__heading:before{content:"# ";color:var(--text-dim)}.projects__intro{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-dim);margin-bottom:3.5rem;font-style:italic}.project{border:1px solid var(--border);background:var(--bg-raised);margin-bottom:3rem;transition:border-color .25s}.project:hover{border-color:var(--accent)}.project__header{background:var(--bg-subtle);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.project__filename{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim)}.project__status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim);font-style:italic}.project__body{padding:1.5rem 1.25rem;overflow-x:auto}.project__code{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;color:var(--text);line-height:2;overflow-x:auto}.project__code::-webkit-scrollbar{height:3px}.project__code::-webkit-scrollbar-thumb{background:var(--border)}.project__footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.project__cta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text);border:1px solid var(--border);transition:var(--t-accent), border-color .2s;padding:.45rem .9rem;display:inline-block}.project__cta:hover{color:var(--accent);border-color:var(--accent);background:#9bdcf00a}[data-theme=girl] .project__cta:hover{background:#f7a8c40a}.project__note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim);font-style:italic}@media (width<=600px){.page-projects{padding:2.5rem 1.25rem 3rem}.project__code{font-size:var(--text-xs);line-height:1.9}.project__footer{flex-direction:column;align-items:flex-start}}