.project-page main{padding-top:var(--nav-height)}.proj-section,.proj-hero,.proj-stats-section,.proj-cta-section{padding:var(--space-2xl) 0;border-bottom:3px double var(--border-strong)}.proj-cta-section{border-bottom:none}.back-link{display:inline-block;font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-lg);transition:color .15s}.back-link:hover{color:var(--accent)}.proj-hero{padding-top:var(--space-xl)}.proj-hero-top{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.proj-icon{width:64px;height:64px;border-radius:14px;flex-shrink:0;border:1px solid var(--border)}.proj-title{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:700;letter-spacing:-.01em;line-height:1.05}.proj-hero .hero-eyebrow{margin-bottom:.4rem;opacity:1}.proj-hero .project-status.live{font-size:.8rem}.proj-lead{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);max-width:46rem;margin-bottom:var(--space-lg)}.proj-lead .accent{color:var(--accent);font-weight:500}.proj-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.btn{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.85rem;font-weight:500;padding:.6rem 1.1rem;border:1px solid var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--ink)}.btn-ghost{background:var(--bg-elevated);color:var(--text)}.btn-ghost:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--accent)}.proj-tags{display:flex;flex-wrap:wrap;gap:.4rem}.proj-tags span{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);background:var(--surface);padding:.15rem .55rem;border:1px solid var(--border)}.proj-tags span:before{content:"#";color:var(--border-strong)}.proj-stats{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--ink);background:var(--bg-elevated)}.proj-stats .stat{padding:var(--space-md);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.2rem}.proj-stats .stat:last-child{border-right:none}.stat-num{font-family:var(--font-mono);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;color:var(--accent)}.stat-label{font-size:.72rem;color:var(--text-muted)}.prose{max-width:46rem}.prose p{margin-bottom:var(--space-md);color:var(--text-secondary);font-size:.98rem}.prose strong{color:var(--text);font-weight:600}.prose .accent{color:var(--accent)}.prose code,.notes code{font-family:var(--font-mono);font-size:.85em;background:var(--surface);padding:.05rem .35rem;border:1px solid var(--border)}.flow{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.flow-sources{display:flex;flex-direction:column;gap:var(--space-sm)}.flow-node{flex:1;min-width:180px;background:var(--bg-elevated);border:1px solid var(--ink);padding:.7rem .85rem;display:flex;flex-direction:column;gap:.2rem;box-shadow:3px 3px 0 0 var(--surface)}.flow-node strong{font-family:var(--font-mono);font-size:.85rem;color:var(--text);font-weight:600}.flow-node .flow-tag{font-family:var(--font-mono);font-size:.66rem;color:var(--text-muted);letter-spacing:.02em}.flow-node .flow-tag.accent{color:var(--accent)}.flow-node .flow-sub{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);line-height:1.45}.flow-node-dim{border-style:dashed;box-shadow:none;background:var(--surface)}.flow-core{box-shadow:3px 3px 0 0 var(--accent-soft)}.flow-arrow{display:flex;flex-direction:column;align-items:center;gap:.1rem;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);flex-shrink:0;padding:0 .2rem}.flow-arrow .flow-op{white-space:nowrap}.flow-glyph,.flow-bi .flow-op:first-child{color:var(--accent)}.notes{list-style:none;max-width:50rem}.notes li{font-size:.9rem;color:var(--text-secondary);padding-left:1.3rem;margin-bottom:.5rem;position:relative}.notes li:before{content:"→";position:absolute;left:0;color:var(--accent)}.notes strong{color:var(--text)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.feature{border:1px solid var(--border);background:var(--bg-elevated);padding:var(--space-md);transition:border-color .15s,transform .15s,box-shadow .15s}.feature:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--accent)}.f-key{display:inline-block;font-family:var(--font-mono);font-size:.75rem;color:var(--accent);margin-bottom:.4rem}.f-key:before{content:"▸ ";color:var(--text-muted)}.feature p{font-size:.86rem;color:var(--text-secondary);line-height:1.5}.browser{display:block;border:1px solid var(--ink);background:var(--bg-elevated);margin:0 0 var(--space-md);overflow:hidden;color:inherit;box-shadow:4px 4px 0 0 var(--surface);transition:transform .18s,box-shadow .18s}.browser:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 0 var(--accent)}.browser-bar{display:flex;align-items:center;gap:.4rem;padding:.5rem .7rem;background:var(--surface);border-bottom:1px solid var(--ink)}.browser-url{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);padding:.1rem .7rem;margin-left:.5rem;border-radius:3px;flex:1;max-width:22rem}.browser-zoom{font-family:var(--font-mono);font-size:.66rem;color:var(--text-muted);margin-left:auto;white-space:nowrap;transition:color .15s}.browser:hover .browser-zoom{color:var(--accent)}.shot-img{display:block;height:340px;overflow:hidden;background:var(--surface)}.shot-wide .shot-img{height:440px}.shot-grid-3 .shot-img{height:300px}.browser img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.browser-cap{display:block;font-family:var(--font-mono);font-size:.74rem;color:var(--text-muted);padding:.6rem .8rem;border-top:1px solid var(--border)}.shot-wide{margin-bottom:var(--space-lg)}.shot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.shot-grid-3{grid-template-columns:repeat(3,1fr)}.shot-subhead{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--text);margin:var(--space-lg) 0 var(--space-md)}.shot-subhead .section-note{margin-left:.5rem;font-weight:400}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;flex-direction:column;background:#14151a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.lightbox.open{display:flex}.lightbox-bar{flex-shrink:0;display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;background:var(--surface);border-bottom:1px solid var(--ink)}.lightbox-title{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary)}.lightbox-hint{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin-left:auto}.lightbox-close{font-family:var(--font-mono);font-size:.95rem;line-height:1;color:var(--text);background:var(--bg-elevated);border:1px solid var(--ink);padding:.3rem .6rem;cursor:pointer;transition:background .15s,color .15s}.lightbox-close:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.lightbox-scroll{flex:1;overflow:auto;padding:var(--space-md);display:flex;justify-content:center;scrollbar-width:thin}.lightbox-scroll img{display:block;width:100%;max-width:1600px;height:auto;border:1px solid var(--ink);box-shadow:0 10px 40px -10px #0006;cursor:zoom-in;align-self:flex-start}.lightbox-scroll.zoomed{justify-content:flex-start}.lightbox-scroll.zoomed img{width:auto;max-width:none;cursor:zoom-out}body.lb-lock{overflow:hidden}.proj-cta{display:flex;flex-direction:column;gap:var(--space-sm)}.reveal{opacity:0;transform:translateY(16px)}@media (max-width: 880px){.feature-grid{grid-template-columns:repeat(2,1fr)}.proj-stats{grid-template-columns:repeat(3,1fr)}.proj-stats .stat:nth-child(3n){border-right:none}}@media (max-width: 620px){.shot-grid,.feature-grid{grid-template-columns:1fr}.proj-stats{grid-template-columns:repeat(2,1fr)}.proj-stats .stat:nth-child(3n){border-right:1px solid var(--border)}.proj-stats .stat:nth-child(2n){border-right:none}.proj-hero-top{flex-direction:column;align-items:flex-start}}