/* About page. Layout only; tokens, type, grids, dark section come from site.css. */
.ab-mark { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 30px; }
.ab-mark__img { width: clamp(110px, 12vw, 160px); height: auto; }
.ab-mark__line {
  font-family: 'Outfit', system-ui, sans-serif; font-weight: 700; letter-spacing: -.025em;
  font-size: clamp(26px, 3.2vw, 44px); line-height: 1.18; max-width: 900px; text-wrap: balance;
}
.ab-h { margin: 22px 0 10px; }
.ab-steps { list-style: none; }
.ab-stat { margin-top: 18px; max-width: 320px; }
.ab-see {
  display: flex; align-items: center; justify-content: space-between; gap: 24px 40px; flex-wrap: wrap;
  margin-top: clamp(80px, 10vw, 140px); padding-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--line);
}
@media (max-width: 1100px) and (min-width: 761px) { .ab-steps { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) { .ab-see { flex-direction: column; align-items: flex-start; } }