.projects-hero{background:var(--bg-black);width:100%;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:120px 0 64px}.projects-back-link{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-base);align-items:center;gap:6px;margin-bottom:28px;font-weight:600;text-decoration:none;display:inline-flex}.projects-back-link:hover{color:var(--text-primary)}.projects-hero-title{font-size:var(--text-5xl);letter-spacing:-.03em;margin:8px 0 16px;font-weight:800;line-height:1.05}.projects-hero-subtitle{font-size:var(--text-lg);color:var(--text-muted);max-width:520px;margin:0;line-height:1.65}.projects-grid-section{background:var(--bg-black);width:100%;color:var(--text-primary);padding:56px 0 80px}.projects-full-grid{grid-template-columns:repeat(3,1fr)}.projects-count{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 32px}.projects-count strong{color:var(--text-primary)}.projects-cta-strip{background:var(--bg-dark);border-top:1px solid var(--border-subtle);width:100%;padding:64px 0}.projects-cta-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.projects-cta-title{font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--text-primary);margin:0 0 8px;font-weight:800}.projects-cta-sub{font-size:var(--text-base);color:var(--text-muted);margin:0}.projects-cta-btn{background:var(--brand-red);color:#fff;border-radius:var(--radius-pill);font-size:var(--text-base);white-space:nowrap;transition:opacity var(--transition-base), transform var(--transition-base);flex-shrink:0;align-items:center;padding:14px 32px;font-weight:700;text-decoration:none;display:inline-flex}.projects-cta-btn:hover{opacity:.88;transform:translateY(-2px)}@media (max-width:1024px){.projects-full-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-hero-title{font-size:var(--text-4xl)}.projects-full-grid{grid-template-columns:1fr}.projects-cta-inner{flex-direction:column;align-items:flex-start}.projects-cta-btn{justify-content:center;width:100%}}@media (max-width:480px){.projects-hero{padding:100px 0 48px}.projects-hero-title{font-size:var(--text-3xl)}}
