/* ============================================================
   ABOUT PAGE — STYLES
   Manifesto block, commitment sections, closing statement.
   ============================================================ */

/* ============================================================
   COMMITMENT SECTIONS
   Support for writers / Respect for readers / Freedom for editors
   ============================================================ */

.commitment {
  border-top: 1px solid var(--c-rule);
  padding-top: var(--gap-lg);
  opacity: 1;
  animation: none;
}

/* ============================================================
   CLOSING STATEMENT
   ============================================================ */

.closing-wrap {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--gap-lg) var(--gap-2xl);
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 0 var(--gap-2xl);
  align-items: start;
  opacity: 0;
  animation: rise 0.7s 0.55s ease forwards;
}

.closing {
  border-top: 1px solid var(--c-rule);
  padding-top: var(--gap-lg);
}

.closing p {
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  line-height: 1.8;
  color: var(--c-ink);
  margin-bottom: var(--gap-lg);
}

.closing p.final {
  font-style: italic;
  color: var(--c-mid);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 768px) {
  .closing-wrap {
    grid-template-columns: 1fr;
    gap: var(--gap-md);
    padding-left: var(--gap-md);
    padding-right: var(--gap-md);
  }
}