.page-header{padding:4rem 2rem 2rem;max-width:680px;margin:0 auto}.page-header h1{margin-bottom:.5rem}.page-sub{font-family:var(--sans);font-size:.9rem;color:var(--ink-muted)}.projects-content{padding:2rem}.projects-list{display:flex;flex-direction:column;gap:1px}.project-card{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--border);text-decoration:none;transition:all .3s ease}.project-card:first-child{border-top:1px solid var(--border)}.project-number{font-family:var(--sans);font-size:.65rem;letter-spacing:.15em;color:var(--ink-muted);padding-top:.3rem;flex-shrink:0}.project-info{flex:1}.project-info h2{font-size:1.4rem;margin-bottom:.5rem;transition:color .3s}.project-card:hover .project-info h2{color:var(--accent)}.project-desc{font-size:.9rem;margin-bottom:1rem}.project-meta{display:flex;align-items:center;gap:1rem}.project-areas{display:flex;gap:.35rem}.area-dot{width:8px;height:8px;border-radius:50%;display:block}.project-status{font-family:var(--sans);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.project-arrow{font-size:1.2rem;color:var(--border-light);transition:all .3s ease;padding-top:.3rem;flex-shrink:0}.project-card:hover .project-arrow{color:var(--accent);transform:translate(4px)}.project-detail{max-width:680px;margin:0 auto;padding:0 2rem 6rem}.project-header{margin-top:4rem;margin-bottom:3rem}.project-header .back-link{font-family:var(--sans);font-size:.82rem;color:var(--ink-muted);display:inline-block;margin-bottom:2rem;transition:color .3s}.project-header .back-link:hover{color:var(--ink)}.project-header h1{font-size:2.2rem;margin-bottom:.5rem;line-height:1.25}.project-subtitle{font-family:var(--sans);font-size:.9rem;color:var(--ink-muted)}.project-detail section{margin-bottom:1rem}.project-detail h2{font-family:var(--serif);font-size:1.4rem;margin-bottom:1.5rem}.project-detail .divider{width:40px;height:1px;background:var(--border-light);margin:2.5rem auto}.section-idea p{font-family:var(--serif);font-size:1.12rem;line-height:1.8;color:var(--ink-light);margin-bottom:1.5rem}.section-idea p.lead{font-size:1.25rem;color:var(--ink);font-weight:400}.flow-diagram{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0 1.5rem}.flow-input,.flow-process,.flow-output{text-align:center}.flow-label{display:block;font-family:var(--sans);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.5rem}.flow-box{border:1px solid var(--border);padding:1rem 1.2rem;border-radius:4px;min-width:120px}.flow-box strong{display:block;font-family:var(--serif);font-size:.95rem;font-weight:500;color:var(--ink);margin-bottom:.2rem}.flow-box span{font-family:var(--sans);font-size:.75rem;color:var(--ink-muted)}.flow-arrow{font-size:1.2rem;color:var(--border-light);padding-top:1.2rem}.flow-surfaces{text-align:center;margin-bottom:1rem}.flow-arrow-down{display:block;font-size:1rem;color:var(--border-light);margin-bottom:.75rem}.surface-row{display:flex;justify-content:center;gap:.75rem}.surface-tag{font-family:var(--sans);font-size:.75rem;color:var(--ink-muted);padding:.3rem .8rem;border:1px solid var(--border);border-radius:3px}.areas-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.area-card{padding:1.2rem;border:1px solid var(--border);border-radius:4px;border-top:2px solid var(--area-color)}.area-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.area-card h3{font-family:var(--serif);font-size:1.1rem;font-weight:500}.area-status{font-family:var(--sans);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.area-status.active{color:var(--cat-action)}.area-status.planned{color:var(--ink-muted)}.area-card p{font-family:var(--sans);font-size:.82rem;line-height:1.6;color:var(--ink-muted)}.rhythm-blocks{display:flex;flex-direction:column;gap:2rem}.rhythm-block h3{font-family:var(--serif);font-size:1.15rem;font-weight:500;color:var(--ink);margin-bottom:.5rem}.rhythm-block p{font-family:var(--sans);font-size:.9rem;line-height:1.7;color:var(--ink-light)}.stack-badges{display:flex;flex-wrap:wrap;gap:.5rem}.stack-badge{font-family:var(--sans);font-size:.72rem;color:var(--ink-muted);padding:.3rem .7rem;border:1px solid var(--border);border-radius:3px;letter-spacing:.02em}.roadmap-list{display:flex;flex-direction:column;gap:.75rem}.roadmap-list li{font-family:var(--sans);font-size:.95rem;color:var(--ink-light);display:flex;align-items:center;gap:.75rem}.roadmap-marker{font-size:.8rem;color:var(--ink-muted)}.project-timestamp{font-family:var(--sans);font-size:.8rem;color:var(--ink-light);margin-top:2rem;font-style:italic}.evolution-timeline{display:flex;flex-direction:column;gap:0}.evo-step{display:flex;gap:1.2rem;align-items:flex-start}.evo-marker{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--border-light);flex-shrink:0;margin-top:.45rem}.evo-marker.past{background:var(--border)}.evo-marker.current{background:var(--accent);border-color:var(--accent)}.evo-connector{width:1px;height:1.5rem;background:var(--border);margin-left:4.5px}.evo-content h3{font-family:var(--serif);font-size:1.1rem;font-weight:500;margin-bottom:.3rem}.evo-content p{font-family:var(--sans);font-size:.88rem;line-height:1.65;color:var(--ink-light)}.copilot-flow{display:flex;flex-direction:column;gap:1.5rem}.copilot-flow-step{display:flex;gap:1.2rem;align-items:flex-start}.flow-step-number{font-family:var(--serif);font-size:1.3rem;color:var(--ink-muted);flex-shrink:0;width:1.5rem;text-align:center;padding-top:.1rem}.copilot-flow-step h3{font-family:var(--serif);font-size:1.1rem;font-weight:500;margin-bottom:.3rem}.copilot-flow-step p{font-family:var(--sans);font-size:.88rem;line-height:1.65;color:var(--ink-light)}.frameworks-list{display:flex;flex-direction:column;gap:1.2rem}.framework-item{padding:1.2rem;border:1px solid var(--border);border-radius:4px;border-left:3px solid var(--fw-color)}.fw-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.fw-layer{font-family:var(--sans);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fw-color);padding:.15rem .5rem;border:1px solid var(--fw-color);border-radius:2px;opacity:.7}.framework-item h3{font-family:var(--serif);font-size:1.1rem;font-weight:500}.framework-item p{font-family:var(--sans);font-size:.85rem;line-height:1.65;color:var(--ink-light)}.section-intro{font-family:var(--sans);font-size:.9rem;line-height:1.7;color:var(--ink-light);margin-bottom:1.5rem}.confusion-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.confusion-item{padding:1rem;border:1px solid var(--border);border-radius:4px}.confusion-item strong{display:block;font-family:var(--serif);font-size:.95rem;font-weight:500;color:var(--ink);margin-bottom:.25rem}.confusion-item span{font-family:var(--sans);font-size:.78rem;color:var(--ink-muted);line-height:1.5}.stack-note{font-family:var(--sans);font-size:.82rem;line-height:1.6;color:var(--ink-muted);margin-top:1rem}.roadmap-marker.done{color:var(--cat-action)}@media(max-width:768px){.page-header{padding:3rem 1.5rem 1.5rem}.projects-content{padding:1.5rem}.project-detail{padding:0 1.5rem 4rem}.flow-diagram{flex-direction:column;gap:.5rem}.flow-arrow{transform:rotate(90deg);padding-top:0}.areas-grid{grid-template-columns:1fr}.project-header h1{font-size:1.8rem}.confusion-grid{grid-template-columns:1fr}}