/* About page */

.about-hero .hero-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--spacing);
  align-items: center;
}
.about-hero { background: #fff; }
.about-hero .hero-img { width: min(420px, 100%); object-fit: cover; border-radius: var(--radius); }

.about-body { padding: clamp(48px, 7vw, 80px) 0; display: grid; gap: 40px; }

.about-block {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  align-items: center;
}
.about-img-wrap {
  max-width: 520px;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border);
}
.about-main-img { width: 100%; height: 100%; object-fit: cover; }
.about-copy h2 { margin: 0 0 10px; color: var(--primary); }
.about-copy p { margin: 0 0 12px; color: var(--muted); line-height: 1.7; }

.mvv {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}
.mvv-card {
  background: #fff;
  padding: 16px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
}
.mvv-card h3 { margin: 0 0 8px; color: var(--primary); }
.mvv-card p, .mvv-card li { color: var(--muted); line-height: 1.6; margin: 0 0 6px; }
.mvv-card ul { padding-left: 16px; margin: 0; display: grid; gap: 4px; }

.info-block h2 { margin: 0 0 10px; color: var(--primary); }
.info-block p { color: var(--muted); line-height: 1.7; margin: 0 0 12px; }