.project-hero{position:relative;min-height:50vh;display:flex;align-items:flex-end;overflow:hidden;background-size:cover;background-position:center top}.project-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--color-bg) 0%,rgba(8,12,20,.6) 40%,rgba(8,12,20,.3) 100%)}.project-hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 24px 48px;width:100%}.project-hero-content .section-tag{margin-bottom:12px}.project-hero-content h1{font-family:var(--font-display);font-size:clamp(32px,5vw,52px);font-weight:700;margin-bottom:12px}.project-hero-content .project-tagline{font-size:18px;color:var(--color-text-muted);max-width:560px}.project-body{position:relative;z-index:10;background:var(--color-bg)}.project-section{max-width:900px;margin:0 auto;padding:64px 24px}.project-section h2{font-family:var(--font-display);font-size:28px;font-weight:700;margin-bottom:20px;color:var(--color-text)}.project-section p{font-size:16px;line-height:1.8;color:var(--color-text-muted);margin-bottom:16px}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto;padding:0 24px 64px}.meta-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:28px}.meta-card h4{font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:10px}.meta-card p{font-size:15px;line-height:1.6;color:var(--color-text-muted)}.project-screenshot{max-width:900px;margin:0 auto;padding:0 24px 64px}.project-screenshot img{width:100%;border-radius:12px;border:1px solid var(--color-border)}.project-cta{text-align:center;padding:80px 24px;background:var(--color-surface);border-top:1px solid var(--color-border)}.project-cta h2{font-family:var(--font-display);font-size:clamp(24px,4vw,36px);font-weight:700;margin-bottom:16px}.project-cta p{font-size:16px;color:var(--color-text-muted);margin-bottom:28px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:20px;transition:color .3s}.back-link:hover{color:var(--color-primary-light)}@media(max-width:768px){.project-meta{grid-template-columns:1fr}.project-hero{min-height:40vh}}