.pb-about-page .content-hero {
  background:
    radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--pb-color-primary) 13%, transparent), transparent 23rem),
    linear-gradient(145deg, var(--pb-color-primary-soft), var(--pb-color-canvas) 64%);
}

.pb-about-page .pb-about-hero__grid {
  grid-template-columns: minmax(0, 1fr) minmax(19rem, 0.72fr);
  align-items: center;
}

.pb-about-page .pb-about-hero__copy > p:not(.page-eyebrow) {
  max-width: 38rem;
  margin-block: var(--pb-space-6);
  font-size: clamp(1rem, 1.2vw, 1.125rem);
}

.pb-about-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pb-space-3);
}

.pb-about-hero__principles {
  padding: clamp(var(--pb-space-6), 4vw, var(--pb-space-12));
  border: 1px solid var(--pb-color-border);
  border-radius: var(--pb-radius-lg);
  background: color-mix(in srgb, var(--pb-color-surface) 90%, transparent);
  box-shadow: var(--pb-shadow-card);
}

.pb-about-hero__label {
  margin: 0 0 var(--pb-space-6);
  color: var(--pb-color-ink);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--pb-font-weight-semibold);
  line-height: var(--pb-line-height-compact);
}

.pb-about-hero__principles ul {
  display: grid;
  gap: var(--pb-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.pb-about-hero__principles li {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--pb-space-3);
  align-items: start;
}

.pb-about-hero__principles li > span,
.pb-about-team__areas > article > span {
  color: var(--pb-color-primary);
  font-size: var(--pb-font-size-metadata);
  font-weight: var(--pb-font-weight-semibold);
  letter-spacing: var(--pb-letter-spacing-eyebrow);
  line-height: 2.25rem;
}

.pb-about-hero__principles li:not(:last-child) {
  padding-block-end: var(--pb-space-4);
  border-block-end: 1px solid var(--pb-color-border);
}

.pb-about-hero__principles strong,
.pb-about-hero__principles small {
  display: block;
}

.pb-about-hero__principles strong {
  color: var(--pb-color-ink);
  font-size: var(--pb-font-size-label);
}

.pb-about-hero__principles small {
  margin-block-start: var(--pb-space-1);
  color: var(--pb-color-ink-muted);
  font-size: var(--pb-font-size-secondary);
  line-height: var(--pb-line-height-body);
}

.pb-about-section {
  padding-block: clamp(var(--pb-space-12), 8vw, 6rem);
}

.pb-about-section__heading {
  max-width: 43rem;
}

.pb-about-section__heading h2,
.pb-about-team__intro h2,
.pb-about-partner h2 {
  max-width: 20ch;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.08;
}

.pb-about-mission {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 0.82fr);
  gap: clamp(var(--pb-space-8), 7vw, 6rem);
  align-items: start;
}

.pb-about-mission__copy {
  display: grid;
  gap: var(--pb-space-4);
}

.pb-about-mission__copy p {
  margin: 0;
}

.pb-about-approach__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--pb-space-4);
  margin-block-start: var(--pb-space-8);
}

.pb-about-card {
  padding: var(--pb-space-6);
  border: 1px solid var(--pb-color-border);
  border-radius: var(--pb-radius-lg);
  background: var(--pb-color-surface);
  box-shadow: var(--pb-shadow-card);
}

.pb-about-card__icon,
.pb-about-partner__icon {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border-radius: var(--pb-radius-md);
  color: var(--pb-color-primary);
  background: var(--pb-color-primary-soft);
}

.pb-about-card__icon svg,
.pb-about-partner__icon svg {
  width: 1.4rem;
  height: 1.4rem;
}

.pb-about-card h3,
.pb-about-team__areas h3,
.pb-about-partner__action h3 {
  margin: var(--pb-space-6) 0 var(--pb-space-2);
  font-size: 1.125rem;
  line-height: var(--pb-line-height-compact);
}

.pb-about-card p,
.pb-about-team__areas p,
.pb-about-partner__action p {
  margin: 0;
  font-size: var(--pb-font-size-secondary);
}

.pb-about-trust {
  padding-block: clamp(var(--pb-space-12), 8vw, 6rem);
  background: var(--pb-color-surface-muted);
}

.pb-about-trust__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1fr);
  gap: clamp(var(--pb-space-8), 7vw, 6rem);
  align-items: start;
}

.pb-about-trust__list {
  display: grid;
  gap: var(--pb-space-4);
  margin: 0;
}

.pb-about-trust__list > div {
  padding-block-end: var(--pb-space-4);
  border-block-end: 1px solid var(--pb-color-border);
}

.pb-about-trust__list > div:last-child {
  padding-block-end: 0;
  border-block-end: 0;
}

.pb-about-trust dt {
  color: var(--pb-color-ink);
  font-weight: var(--pb-font-weight-semibold);
}

.pb-about-trust dd {
  margin: var(--pb-space-1) 0 0;
  color: var(--pb-color-ink-muted);
  line-height: 1.7;
}

.pb-about-team {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
  gap: clamp(var(--pb-space-8), 8vw, 7rem);
  align-items: start;
}

.pb-about-team__intro > p:last-child {
  max-width: 39rem;
  margin: var(--pb-space-6) 0 0;
}

.pb-about-team__areas {
  display: grid;
  gap: var(--pb-space-3);
}

.pb-about-team__areas > article {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  column-gap: var(--pb-space-3);
  padding: var(--pb-space-4);
  border: 1px solid var(--pb-color-border);
  border-radius: var(--pb-radius-md);
  background: var(--pb-color-surface);
}

.pb-about-team__areas h3,
.pb-about-team__areas p {
  grid-column: 2;
}

.pb-about-team__areas h3 {
  margin: 0 0 var(--pb-space-1);
}

.pb-about-partner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.62fr);
  gap: clamp(var(--pb-space-8), 8vw, 7rem);
  align-items: center;
  margin-block: var(--pb-space-8) clamp(var(--pb-space-12), 8vw, 6rem);
  padding: clamp(var(--pb-space-6), 5vw, var(--pb-space-12));
  border: 1px solid var(--pb-color-border);
  border-radius: var(--pb-radius-lg);
  background: linear-gradient(135deg, var(--pb-color-primary-soft), var(--pb-color-surface) 70%);
  box-shadow: var(--pb-shadow-card);
}

.pb-about-partner__copy > p:not(.page-eyebrow) {
  max-width: 42rem;
  margin: var(--pb-space-4) 0 0;
}

.pb-about-partner__action {
  padding: var(--pb-space-6);
  border: 1px solid var(--pb-color-border);
  border-radius: var(--pb-radius-md);
  background: var(--pb-color-surface);
}

.pb-about-partner__action .pb-button {
  width: 100%;
  margin-block-start: var(--pb-space-6);
}

.pb-about-partner__action small {
  display: block;
  margin-block-start: var(--pb-space-3);
  color: var(--pb-color-ink-muted);
  font-size: var(--pb-font-size-metadata);
  line-height: var(--pb-line-height-body);
}

@media (max-width: 63.99rem) {
  .pb-about-page .pb-about-hero__grid,
  .pb-about-mission,
  .pb-about-trust__inner,
  .pb-about-team,
  .pb-about-partner {
    grid-template-columns: 1fr;
  }

  .pb-about-approach__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 47.99rem) {
  .pb-about-approach__grid {
    grid-template-columns: 1fr;
  }

  .pb-about-actions,
  .pb-about-actions .pb-button {
    width: 100%;
  }
}

@supports not (background: color-mix(in srgb, white, transparent)) {
  .pb-about-page .content-hero {
    background: linear-gradient(145deg, var(--pb-color-primary-soft), var(--pb-color-canvas) 64%);
  }

  .pb-about-hero__principles {
    background: var(--pb-color-surface);
  }
}