/* ============================================================
   OFFSEE — about.css
   La storia in poche righe: testo a misura, un solo scatto
   (l'etichetta), il payoff. Nessun muro di testo.
   ============================================================ */

/* Prosa: misura di lettura, respiro tra paragrafi */
.about-prose {
  max-width: 42em;
}
.about-prose p + p {
  margin-top: var(--space-4);
}

/* Blocco cima: testo e foto etichetta affiancati da tablet in su */
.about-grid {
  display: grid;
  gap: var(--space-6);
  align-items: center;
}
@media (min-width: 768px) {
  .about-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-7);
  }
}

.about-figure {
  background: var(--sand-tint);
}
.about-figure img {
  width: 100%;
  height: auto;
}
.about-figure figcaption {
  margin-top: var(--space-3);
  color: var(--ink-muted);
}

/* Payoff: riga mono grande, centrata */
.about-payoff {
  font-family: var(--font-mono);
  font-size: var(--text-xl);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.3;
  text-wrap: balance;
}
.about-closing .mono {
  display: block;
  margin-top: var(--space-3);
  color: var(--ink-muted);
}
.about-closing .btn {
  margin-top: var(--space-6);
}