/* ===== About page ===== */

.about-block{ padding: 88px 0; }
.about-block.alt{ background: var(--blue-100); border-top: 1px solid var(--border-soft); border-bottom: 1px solid var(--border-soft); }
.about-grid{ align-items:center; }
.about-grid h2{ font-size: 1.5rem; }

.approach-card{ padding: 28px; }
.approach-card h3{ font-size: 1.05rem; }

.team-card{ padding: 30px; text-align:center; }
.team-photo{
  width: 76px; height:76px;
  border-radius: 50%;
  margin: 0 auto 18px;
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  font-family: var(--font-display);
  font-weight:700;
  font-size: 1.2rem;
}
.team-card h3{ font-size: 1.05rem; margin-bottom:2px; }
.team-role{ display:block; font-size: .78rem; color: var(--amber-600); font-weight:700; text-transform:uppercase; letter-spacing:.03em; margin-bottom: 14px; }
.team-card p{ font-size: .88rem; }

.tech-list{ display:flex; flex-direction:column; gap: 16px; }
.tech-item{
  display:flex; align-items:center; gap: 12px;
  padding: 16px 18px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: .92rem;
  font-weight: 500;
  color: var(--navy);
}

.services-cta{ background: var(--surface); border-top: 1px solid var(--border-soft); text-align:center; }
.services-cta-inner{ max-width: 600px; margin:0 auto; }

@media (max-width: 800px){
  .about-grid{ grid-template-columns: 1fr; }
}