/* About page — page-specific rules only. Everything else comes from site.css. */

/* Values: four cards read better two-up than the three-column clause grid */
.about-values { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.4rem; }

/* Commitment: copy beside the Dublin stamp */
.about-commit {
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}
.about-commit p { color: var(--ink-soft); max-width: 36em; }
.about-commit-aside {
  text-align: center;
  padding: 2.4rem 1.6rem;
  border: 1px dashed var(--ledger);
  border-radius: 10px;
}
.about-commit-aside .stamp { font-size: 1rem; }
.about-commit-note { font-size: .88rem; color: var(--ink-soft); margin: 1.4rem auto 0; max-width: 20em; }

/* Careers / contact cards */
.about-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; align-items: stretch; }
.about-cards .btn { margin-top: .4rem; }

@media (max-width: 960px) {
  .about-commit { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .about-values, .about-cards { grid-template-columns: 1fr; }
}