/* page-specific rules for projects-en.html (generated) */
.about { background: var(--surface-2); }
.services { background: #fff; }
.projects { background: var(--surface-2); color: var(--ink); padding: 60px 0 120px; }
.projects > .container { display: block; width: 100%; max-width: 1280px; margin: 0 auto; }
.projects .section-head { display: block; width: 100%; text-align: center; margin: 0 auto 30px; max-width: 760px; }
.projects .section-head h2 { color: var(--ink); }
.projects .section-head p { color: var(--text-muted); }
.projects .filter-bar { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; width: 100%; margin: 20px 0 40px; }
.projects-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; width: 100%; }
.projects-grid > a { display: block; text-decoration: none; color: inherit; }
.project-body { padding: 20px 22px 24px; flex: 1; display: flex; flex-direction: column; }
@media (max-width: 968px) {
.projects-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (max-width: 600px) {
.projects-grid { grid-template-columns: 1fr; gap: 16px; }
}
.why-us { background: var(--surface-2); }
.contact { background: #fff; }
.contact-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; }
.contact-form { padding: 50px 0 0; }
@media (max-width: 968px) {
.contact-grid { grid-template-columns: 1fr; gap: 40px; }
.projects-grid { grid-template-columns: 1fr; }
}