.project-wrapper{padding-top:46px}.project-page{max-width:1200px;margin:0 auto;padding:0 2.5rem}.project-hero{border-bottom:1px solid var(--cream3);position:relative}.project-hero-inner{max-width:1200px;margin:0 auto;padding:5rem 2.5rem 4rem;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem;position:relative;z-index:2}.project-hero-left .ph-eyebrow{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.project-hero-left .ph-eyebrow .dash{width:24px;height:2px;background:var(--sage)}.project-hero-title{font-family:'Outfit',sans-serif;font-weight:900;font-size:clamp(2.5rem,6vw,5.5rem);letter-spacing:-0.03em;line-height:0.9;text-transform:uppercase;color:var(--dark);margin-bottom:1.5rem}.project-hero-desc{font-family:'DM Mono',monospace;font-size:0.8rem;color:var(--mid);line-height:1.8;max-width:560px;font-style:italic}.project-hero-right{display:flex;flex-direction:column;gap:0;align-items:flex-end}.project-hero-right .meta-item{display:flex;flex-direction:column;align-items:flex-end;padding:0.75rem 0;border-bottom:1px solid var(--cream3);width:100%}.project-hero-right .meta-item:last-child{border-bottom:none}.project-hero-right .meta-label{font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--faint);margin-bottom:3px}.project-hero-right .meta-val{font-family:'Outfit',sans-serif;font-weight:700;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.02em}.project-hero-right .meta-val.sage{color:var(--sage2)}.project-body{display:grid;grid-template-columns:1fr 280px;gap:5rem;padding:5rem 0;border-bottom:1px solid var(--cream3)}.project-writeup h2{font-family:'Outfit',sans-serif;font-weight:900;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--mid);margin-bottom:2rem}.project-writeup .writeup-text p{font-size:0.95rem;line-height:1.9;color:var(--mid);margin-bottom:1.5rem;font-weight:400}.project-writeup .writeup-text p:first-child{font-size:1rem;color:var(--dark)}.project-sidebar{display:flex;flex-direction:column;gap:3rem}.sidebar-block-title{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--faint);margin-bottom:1rem}.tech-list{display:flex;flex-wrap:wrap;gap:6px}.tech-pill{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;background:var(--cream2);color:var(--mid);padding:4px 10px;border:1px solid var(--cream3)}.project-links{display:flex;flex-direction:column;gap:0}.project-link-item{display:flex;justify-content:space-between;align-items:center;padding:0.85rem 0;border-top:1px solid var(--cream3);font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--mid);transition:color 0.15s}.project-link-item:last-child{border-bottom:1px solid var(--cream3)}.project-link-item:hover{color:var(--dark)}.project-screenshots{padding:4rem 0;border-bottom:1px solid var(--cream3)}.project-screenshots h2{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--faint);margin-bottom:2rem}.screenshots-grid{display:grid;gap:1rem}.screenshots-grid.count-1{grid-template-columns:1fr}.screenshots-grid.count-2{grid-template-columns:1fr 1fr}.screenshots-grid.count-3{grid-template-columns:1fr 1fr}.screenshots-grid.count-3 img:first-child{grid-column:1 / -1}.screenshots-grid.count-many{grid-template-columns:repeat(3,1fr)}.screenshots-grid img{width:100%;display:block;border:1px solid var(--cream3);object-fit:cover;aspect-ratio:16 / 9}.screenshots-grid.count-1 img{max-height:70vh;object-fit:contain;border:1px solid var(--cream3);background:var(--cream2)}.screenshot-placeholder{aspect-ratio:16/9;background:var(--cream2);border:1px dashed var(--cream3);display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--faint)}.back-link{display:inline-flex;align-items:center;gap:0.5rem;font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--mid);transition:color 0.15s;padding:1rem 0}.back-link:hover{color:var(--dark)}.project-back-link{display:inline-flex;padding:1rem 2.5rem}.next-project{display:flex;justify-content:space-between;align-items:center;padding:3rem 0;gap:2rem}.next-project a{display:flex;flex-direction:column}.next-project a:last-child{align-items:flex-end;text-align:right}.next-project .np-label{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--faint);margin-bottom:0.5rem}.next-project a:last-child .np-label{margin-bottom:0.5rem}.next-project .np-name{font-family:'Outfit',sans-serif;font-weight:900;font-size:clamp(1.5rem,3vw,2.5rem);text-transform:uppercase;letter-spacing:-0.02em;color:var(--dark);transition:color 0.15s}.next-project .np-name--prev{font-size:clamp(1.2rem,2.5vw,2rem)}.next-project a:hover .np-name{color:var(--sage)}.project-detailed{display:grid;grid-template-columns:200px 1fr;gap:0;border-top:1px solid var(--cream3);border-bottom:1px solid var(--cream3)}.project-section-nav{position:sticky;top:66px;align-self:start;padding:4rem 2rem 4rem 0;border-right:1px solid var(--cream3);display:flex;flex-direction:column;gap:2.5rem}.psn-label{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--faint);margin-bottom:0.75rem}.psn-links{display:flex;flex-direction:column;gap:0}.psn-link{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--faint);padding:0.5rem 0;border-left:2px solid transparent;padding-left:0.75rem;transition:color 0.15s,border-color 0.15s;line-height:1.4}.psn-link:hover{color:var(--dark)}.psn-link.active{color:var(--dark);border-left-color:var(--sage)}.psn-stack{display:flex;flex-direction:column}.psn-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:0.75rem}.project-sections{padding:4rem 0 4rem 4rem;display:flex;flex-direction:column;gap:0}.project-section{padding:3rem 0;border-bottom:1px solid var(--cream3)}.project-section:last-child{border-bottom:none}.ps-title{font-family:'Outfit',sans-serif;font-weight:900;font-size:0.65rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--faint);margin-bottom:2rem}.ps-text p{font-size:0.95rem;line-height:1.9;color:var(--mid);margin-bottom:1.5rem;font-weight:400}.ps-text p:first-child{font-size:1rem;color:var(--dark)}.ps-text p:last-child{margin-bottom:0}.ps-list{display:flex;flex-direction:column;gap:0}.ps-list-item{padding:1.5rem 0;border-bottom:1px solid var(--cream3);display:grid;grid-template-columns:240px 1fr;gap:2rem;align-items:start}.ps-list-item:first-child{border-top:1px solid var(--cream3)}.ps-list-title{font-family:'Outfit',sans-serif;font-weight:700;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.01em;color:var(--dark)}.ps-list-body{font-family:'Outfit',sans-serif;font-size:0.95rem;line-height:1.8;color:var(--mid);font-weight:400}.ps-keywords{display:flex;flex-wrap:wrap;gap:8px}.ps-keyword{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;padding:6px 14px;border:1px solid var(--cream3);color:var(--mid);background:var(--cream2)}.ps-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0}.ps-metric{padding:2rem;border:1px solid var(--cream3);margin-right:-1px;margin-bottom:-1px}.ps-metric-value{font-family:'Outfit',sans-serif;font-weight:900;font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-0.02em;color:var(--dark);line-height:1;margin-bottom:0.5rem}.ps-metric-label{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--faint)}.project-hero--image{position:relative;overflow:hidden}.project-hero--image::before{content:'';position:absolute;inset:0;background-image:var(--hero-img);background-size:cover;background-position:center;filter:blur(6px) saturate(0.8);transform:scale(1.08);z-index:0}.project-hero--image::after{content:'';position:absolute;inset:0;background:rgba(240,235,224,0.82);z-index:1}[data-theme="dark"] .project-hero--image::after{background:rgba(26,24,20,0.85)}.project-hero--image .project-hero-inner{position:relative;z-index:2}@media (max-width:768px){.project-page{padding:0 1.5rem}.project-hero-inner{grid-template-columns:1fr;padding:3rem 1.5rem 2.5rem}.project-hero-right{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:1rem}.project-hero-right .meta-item{border-bottom:none;width:auto;align-items:flex-start}.project-back-link{padding:1rem 1.5rem}.project-body{grid-template-columns:1fr;gap:3rem;padding:3rem 0}.screenshots-grid.count-2,.screenshots-grid.count-3,.screenshots-grid.count-many{grid-template-columns:1fr}.screenshots-grid.count-3 img:first-child{grid-column:auto}.project-detailed{grid-template-columns:1fr}.project-section-nav{position:static;padding:2rem 0;border-right:none;border-bottom:1px solid var(--cream3);flex-direction:row;flex-wrap:wrap;gap:0.5rem 1.5rem;align-items:center}.psn-label{display:none}.psn-links{flex-direction:row;flex-wrap:wrap;gap:0.25rem}.psn-link{border-left:none;border-bottom:2px solid transparent;padding-left:0;padding-bottom:0.25rem}.psn-link.active{border-left-color:transparent;border-bottom-color:var(--sage)}.psn-stack{display:none}.project-section-nav{display:none}.project-sections{padding:0}.ps-list-item{grid-template-columns:1fr;gap:0.5rem}.ps-metrics{grid-template-columns:1fr 1fr}}.project-videos{padding:4rem 0;border-bottom:1px solid var(--cream3);display:flex;flex-direction:column;gap:2rem}.project-videos h2{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--faint);margin-bottom:0}.ps-videos{display:flex;flex-direction:column;gap:2rem}.ps-video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--cream2);border:1px solid var(--cream3)}.ps-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;display:block}