/* ABOUT: statement block. Art-gallery spacing, no label, no eyebrow. */

.s-about {
  background: var(--ink);
  padding-top: clamp(9rem, 22vh, 16rem);
  padding-bottom: clamp(9rem, 22vh, 16rem);
}

.about-inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: clamp(1rem, 2vw, 2rem);
}

/* Statement pushed left; columns 11 and 12 stay empty so the right breathes. */
.about-statement {
  grid-column: 1 / 11;
}

.about-side {
  grid-column: 5 / 10;
  margin-top: clamp(3.5rem, 9vh, 6.5rem);
}

.about-pull {
  margin-top: clamp(2.25rem, 5vh, 3.5rem);
  font-variation-settings: 'wdth' 110, 'wght' 800;
  font-stretch: 110%;
  font-weight: 800;
  font-size: clamp(1.75rem, 3.4vw, 3rem);
  line-height: 1.04;
  letter-spacing: -0.02em;
  color: var(--paper);
}

.about-pull-em {
  color: var(--signal);
}

.about-stat {
  margin-top: clamp(2rem, 5vh, 3.25rem);
  color: var(--paper-dim);
}

@media (max-width: 767px) {
  .about-inner {
    display: block;
  }
  .about-side {
    margin-top: 3rem;
  }
  .about-stat {
    margin-top: 2rem;
  }
}