section#projects.portfolio-section{background:transparent;position:relative;padding:clamp(6rem,10vw,7.5rem) 1.5rem 4rem;min-height:100vh}.portfolio-container{max-width:1100px;margin:0 auto}.portfolio-header{text-align:center;margin-bottom:3.5rem}.portfolio-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:400;color:var(--text-primary);font-family:var(--font-heading);margin-bottom:.75rem}.portfolio-subtitle{color:var(--text-secondary);font-size:clamp(.9rem,1.8vw,1rem);max-width:500px;margin:0 auto;line-height:1.6}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.portfolio-item{position:relative}.project-tags{position:absolute;top:.75rem;left:.75rem;z-index:5;display:flex;flex-wrap:wrap;gap:.3rem}.project-tag{display:inline-block;padding:.2rem .55rem;background:rgba(17,17,17,.7);backdrop-filter:blur(8px);color:rgba(255,255,255,.8);font-size:.65rem;font-weight:500;border-radius:4px;letter-spacing:.02em}@media (max-width:960px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:600px){section#projects.portfolio-section{padding:7.25rem 1rem 2rem!important}.portfolio-grid{grid-template-columns:1fr;gap:1rem}}.project-badge{position:absolute;top:.75rem;right:.75rem;z-index:5;padding:.2rem .55rem;border-radius:4px;background:rgba(184,188,198,.92);color:#111111;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.portfolio-header .portfolio-title{margin-bottom:.75rem}