/* O nás */
.about-story__grid { display: grid; gap: clamp(34px, 6vw, 82px); align-items: start; }
.about-story__copy { display: grid; gap: 18px; color: var(--ink-soft); }
.metrics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.metric-card { min-height: 145px; border: 1px solid var(--border); border-radius: var(--radius-md); padding: 20px; background: var(--surface); }
.metric-card__value { display: block; color: var(--accent-dark); font-family: var(--font-display); font-size: clamp(1.75rem, 1.25rem + 1.6vw, 2.8rem); font-weight: 700; line-height: 1; }
.metric-card__label { display: block; margin-top: 9px; color: var(--ink-soft); font-size: .88rem; }
@media (min-width: 920px) { .about-story__grid { grid-template-columns: minmax(0, 1fr) minmax(390px, .9fr); } }

.about-legal__grid { display: grid; gap: clamp(32px, 6vw, 80px); align-items: center; }
.about-legal__visual {
  display: grid;
  min-height: 360px;
  place-items: center;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at 50% 35%, rgba(240,162,60,.2), transparent 30%),
    linear-gradient(145deg, #0c1a2e, #183b60);
  color: var(--accent);
}
.about-legal__visual svg { width: 96px; height: 96px; }
.about-legal__copy p { max-width: 65ch; color: var(--ink-soft); font-size: 1.04rem; }
@media (min-width: 900px) { .about-legal__grid { grid-template-columns: .8fr 1.2fr; } }

.values-grid { display: grid; gap: 16px; }
@media (min-width: 640px) { .values-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1120px) { .values-grid { grid-template-columns: repeat(4, 1fr); } }

.regions-panel { display: grid; gap: 28px; align-items: center; border: 1px solid var(--border); border-radius: var(--radius-xl); padding: clamp(26px, 5vw, 58px); background: var(--surface); box-shadow: var(--shadow-md); }
.regions-panel__countries { display: flex; flex-wrap: wrap; gap: 10px; }
.regions-panel__countries span { border: 1px solid var(--border); border-radius: 999px; padding: 9px 13px; background: var(--surface-2); font-weight: 600; }
@media (min-width: 800px) { .regions-panel { grid-template-columns: 1.1fr .9fr; } }