/* Extracted from page-about.php; preserve source block order. */

/* ── About page: stacked portrait-left / text-right cards ─────────── */
      .ugp-about-section-card {
        display: flex;
        gap: 2.5rem;
        align-items: flex-start;
      }
      .ugp-about-section-img {
        flex: 0 0 280px;
        max-width: 280px;
      }
      .ugp-about-section-img img {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 4;
        object-fit: cover;
        object-position: top center;
        border-radius: 10px;
        display: block;
        box-shadow: 0 4px 18px rgba(0,0,0,0.15);
      }
      .ugp-about-section-body {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0.6rem;
      }
      .ugp-about-section-body .ugp-card-title {
        font-size: 1.4rem;
        margin: 0 0 0.5rem;
      }
      .ugp-about-section-body .ugp-card-text {
        font-size: 0.97rem;
        line-height: 1.75;
        margin-bottom: 0;
      }
      .ugp-about-section-body .ugp-card-cta {
        margin-top: 1.25rem;
        font-size: 0.9rem;
      }
      @media (max-width: 700px) {
        .ugp-about-section-card { flex-direction: column; }
        .ugp-about-section-img  { flex: none; max-width: 100%; width: 100%; }
        .ugp-about-section-img img { aspect-ratio: 4 / 3; }
      }