.project-hero{padding:calc(var(--nav-height) + var(--spacing-4xl)) 0 var(--spacing-4xl);position:relative}.project-back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;margin-bottom:var(--spacing-2xl);transition:color var(--transition-base)}.project-back-link:hover{color:var(--color-text-primary)}.project-back-link svg{width:20px;height:20px}.project-hero-content{max-width:900px;margin-bottom:var(--spacing-4xl)}.project-category-badge{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.project-hero-title{font-size:clamp(var(--font-size-4xl),5vw,var(--font-size-6xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.project-hero-subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}.project-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-xl);padding:var(--spacing-xl) 0;border-top:1px solid var(--color-border)}.project-meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.project-meta-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.project-meta-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.project-visit-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-text-primary);color:var(--color-bg-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--border-radius-full);transition:all var(--transition-base)}.project-visit-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.project-visit-link svg{width:16px;height:16px;transition:transform var(--transition-base)}.project-visit-link:hover svg{transform:translate(2px,-2px)}.project-hero-image{width:100%;aspect-ratio:16 / 9;border-radius:var(--border-radius-2xl);overflow:hidden;border:1px solid var(--color-border)}.project-hero-image img{width:100%;height:100%;object-fit:cover}.project-overview,.project-process,.project-solution,.project-results,.project-learnings{padding:var(--spacing-4xl) 0}.project-content-grid{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-4xl);align-items:start}.project-section-label{position:sticky;top:calc(var(--nav-height) + var(--spacing-xl))}.project-label-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.project-section-content{max-width:800px}.project-section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.project-subsection-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.project-section-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.project-section-description+.project-section-description{margin-top:var(--spacing-lg)}.project-image{margin:var(--spacing-3xl) 0;width:100%}.project-image img{width:100%;height:auto;border-radius:var(--border-radius-xl);border:1px solid var(--color-border);display:block}.project-image-large{margin:var(--spacing-4xl) 0}.project-image-caption{margin-top:var(--spacing-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-style:italic}.project-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin:var(--spacing-3xl) 0}.project-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0 var(--spacing-3xl)}.project-result-card{padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);text-align:center}.project-result-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.project-result-label{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.project-achievements-list{list-style:none;padding:0;margin:var(--spacing-xl) 0 0 0}.project-achievements-list li{position:relative;padding-left:var(--spacing-xl);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.project-achievements-list li:before{content:"→";position:absolute;left:0;color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.project-navigation{padding:var(--spacing-4xl) 0;border-top:1px solid var(--color-border)}.project-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.project-nav-item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);text-decoration:none;transition:all var(--transition-base)}.project-nav-item:hover{border-color:var(--color-text-primary);transform:translateY(-2px)}.project-nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.project-nav-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.project-nav-next{text-align:right}@media(max-width:1023px){.project-content-grid{grid-template-columns:150px 1fr;gap:var(--spacing-2xl)}.project-section-title{font-size:var(--font-size-2xl)}.project-subsection-title{font-size:var(--font-size-lg)}}@media(max-width:767px){.project-hero{padding:calc(var(--nav-height) + var(--spacing-2xl)) 0 var(--spacing-2xl)}.project-content-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.project-section-label{position:static}.project-label-text{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-full)}.project-hero-title{font-size:var(--font-size-3xl)}.project-hero-subtitle{font-size:var(--font-size-base)}.project-section-title{font-size:var(--font-size-xl)}.project-subsection-title{font-size:var(--font-size-lg)}.project-section-description{font-size:var(--font-size-base)}.project-meta{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.project-image{margin:var(--spacing-2xl) 0}.project-image-grid,.project-results-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.project-result-value{font-size:var(--font-size-3xl)}.project-achievements-list li{font-size:var(--font-size-base)}.project-nav-grid{grid-template-columns:1fr}.project-nav-next{text-align:left}.project-overview,.project-process,.project-solution,.project-results,.project-learnings,.project-navigation{padding:var(--spacing-2xl) 0}}@media(max-width:480px){.project-hero-image{aspect-ratio:4 / 3}.project-meta{grid-template-columns:1fr}.project-back-link{font-size:var(--font-size-xs)}}