.container { width: min(var(--section-max-width), 92%); margin: 0 auto; }
.section { padding: var(--section-padding-y) 0; background: var(--color-bg); }
.section.surface { background: var(--color-surface); }
.narrow { max-width: 680px; }
.center { text-align: center; }
.hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.section-hero { padding: var(--space-120) 0 0; }
.gsc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.case-stack { display: grid; gap: 32px; margin-top: 24px; }
.project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 20px; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.process-row { display: flex; margin-top: 24px; }
.site-footer { background: var(--brown); color: rgba(255, 255, 255, 0.9); padding: 48px 0; }
.footer-top { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.footer-bottom { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.15); font-family: var(--font-mono); font-size: 11px; color: rgba(255,255,255,0.6); }