/* ==========================================================================
   about.css — About page specific layout
   Most of this page reuses shared components (.page-hero, .split-copy,
   .bento-grid, .value-grid, .pull-quote from components.css); only true
   page-specific tweaks live here.
   ========================================================================== */

.value-grid__item p {
  margin-top: var(--spacing-sm);
  color: var(--color-text-secondary);
}

.overview-text {
  font: italic normal normal 20px/26px Nicholas;
}

.belief-heading {
  max-width: 900px;
}

/* Founder's Vision and Legacy: image and right-column copy must both start
   flush at the top, immediately below the section heading — no extra
   offset on either side. */
.split-copy--founder {
  margin-top: 0;
  align-items: flex-start;
}

.split-copy--founder .split-copy__media {
  margin-top: 0;
  max-width: 340px;
  justify-self: end;
  object-position: top center;
}

.split-copy--founder > div {
  margin-top: 0;
}

@media (min-width: 1024px) {
  .split-copy--founder {
    grid-template-columns: 2fr 3fr;
  }
}

.split-copy--founder .overview-text:first-child {
  margin-top: 0;
}

/* Pull quote: shift the whole icon+text line 40% toward the right, with the
   quote text right-aligned. */
.pull-quote--shifted {
  margin-left: 25%;
  text-align: right;
}

.pull-quote--shifted .pull-quote__text {
  text-align: right;
  /* 52px/63px at desktop, scaling down fluidly on narrower viewports. */
  font: italic normal normal clamp(1.75rem, 1rem + 2.5vw, 3.25rem)/1.21 "Nicholas";
}