.section--projects-page{padding-top:var(--space-3xl)}.section__intro{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin-bottom:var(--space-2xl)}.section--project-hero{padding-top:var(--space-3xl);padding-bottom:var(--space-2xl)}.section--project-hero .container{max-width:800px;margin:0 auto}.back-link{display:inline-block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-lg);transition:color var(--transition)}.back-link:hover{color:var(--color-accent)}.project-hero__title{font-size:var(--text-2xl);margin-bottom:var(--space-lg)}.project-hero__summary{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:700px;margin-bottom:var(--space-xl)}.project-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-xl)}.project-meta{display:flex;flex-direction:column;gap:var(--space-xs)}.project-meta__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent)}.project-meta__value{font-size:var(--text-base);font-weight:500;color:var(--color-text)}.section--project-image{padding:var(--space-xl) 0}.section--project-image .project-image{max-width:800px;margin:0 auto}.project-image{border-radius:var(--radius-lg);overflow:hidden}.project-image__placeholder{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.section--project-content{padding:var(--space-2xl) 0}.project-content{max-width:800px;margin:0 auto}.project-section{margin-bottom:var(--space-2xl)}.project-section__title{font-size:var(--text-2xl);margin-bottom:var(--space-md)}.project-section p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8}.section--project-nav{padding:var(--space-2xl) 0;border-top:1px solid var(--color-border)}.project-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.project-nav__link{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-text);transition:color var(--transition)}.project-nav__link:hover,.project-nav__link--all{color:var(--color-accent)}@media(min-width:768px){.project-hero__title{font-size:var(--text-3xl)}}@media(min-width:1024px){.project-hero__title{font-size:var(--text-3xl)}}