/* =========================================================
   about.css — about page-specific styles
   ========================================================= */

/* ------------- About hero grid (wider left column) ------------- */

.about-hero__grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 60px;
  align-items: end;
}

/* ------------- Scope list (in scope / out of scope / wanted) ------------- */

.scope-list { list-style: none; padding: 0; margin: 0; }
.scope-list li + li { margin-top: 28px; }
.scope-list h4 { font-size: 22px; }
.scope-list p  { font-size: 17px; }

/* ------------- Full-width rule ------------- */

.rule--full {
  max-width: var(--max);
  margin-left: auto;
  margin-right: auto;
}

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