/* About page — two-column illustration splits + photo gallery.
   Illustrations carry transparent fields, so they blend on whatever band ground
   they sit on (no matting panel). Split sections keep a LEFT axis (Law A). */

.about-split { display: grid; gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
@media (min-width: 820px) {
  .about-split { grid-template-columns: 1fr 1fr; }
  .about-split--reverse .about-split__text { order: 2; }
}
.about-split .measure { max-width: none; }
/* Law A: earned two-column sections keep a left axis (header, eyebrow, block) */
.about-split .band-header { text-align: left; margin-inline: 0; margin-bottom: var(--space-6); }
.about-split .band-header .eyebrow { justify-content: flex-start; }
.about-split__img { display: flex; align-items: center; justify-content: center; }
.about-illus { width: 100%; max-width: 26rem; height: auto; margin-inline: auto; }

.about-gallery { display: grid; gap: var(--space-2); grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }
.about-gallery > picture { display: block; }
.about-gallery img { display: block; width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; }