/* About page additions; shared navigation, footer and Webflow assets stay unchanged. */
.about-banner-wrapper .banner-about-top-content {
  padding-bottom: 32px;
  overflow: visible;
}
.about-story-panel {
  border-left: 1px solid var(--stroke);
  border-right: 1px solid var(--stroke);
  padding: clamp(56px, 7vw, 110px) 40px;
}
.about-story-panel .about-section-label {
  display: inline-block;
  width: fit-content;
  margin: 0 0 32px;
  padding: 4px 15px;
  font-size: 16px;
}
.about-story-panel > h2 { max-width: 1050px; margin-bottom: 36px; }
.about-story-copy { max-width: 1000px; }
.about-story-copy p + p { margin-top: 24px; }
.about-pillar-panel { min-height: 440px; display: flex; flex-direction: column; justify-content: center; }
.about-pillar-layout { display: grid; grid-template-columns: 1fr 1.25fr; align-items: start; gap: 64px; }
.about-pillar-number { display: block; color: var(--primary); margin-bottom: 16px; font-size: 16px; }
.about-pillar-name h2 { font-size: clamp(40px, 5vw, 72px); line-height: 1.15; }
.about-pillar-copy { max-width: 650px; }
.about-pillar-copy h3 { margin-bottom: 24px; }
.about-founder { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: 24px; margin: 40px 0 28px; }
.about-founder-photo-frame { border: 1px solid var(--stroke); min-width: 0; }
.about-founder > div:last-child { grid-column: span 2; min-width: 0; }
.about-founder-monogram { display: flex; flex: 0 0 140px; height: 140px; align-items: center; justify-content: center; background: var(--white-20); color: var(--white); font-size: 48px; }
.about-founder h3 { margin-bottom: 12px; }
.about-founder p:last-child { max-width: 740px; margin-bottom: 0; }
.about-agent-intro { max-width: 840px; margin-bottom: 32px; }
.about-agent-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.about-agent-card { min-width: 0; border: 1px solid var(--stroke); }
.about-agent-photo { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 25%; }
.about-agent-copy { padding: 28px; }
.about-agent-badge { display: inline-block; padding: 4px 10px; margin-bottom: 20px; background: var(--white-20); color: var(--white); font-size: 13px; }
.about-agent-copy h3 { font-size: 26px; margin-bottom: 14px; }
.about-agent-copy p:last-child { margin-bottom: 0; }
.about-final-cta { text-align: center; }
.about-final-cta > h2, .about-final-cta > p { max-width: 950px; margin-left: auto; margin-right: auto; }
.about-cta-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 36px; }
.about-cta-buttons .primary-button { gap: 16px; }
@media screen and (max-width: 991px) {
  .about-story-panel { padding: 56px 30px; }
  .about-pillar-layout { grid-template-columns: 1fr; gap: 28px; }
  .about-pillar-panel { min-height: 0; }
  .about-agent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-founder { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-founder > div:last-child { grid-column: auto; }
}
@media screen and (max-width: 767px) {
  .about-story-panel { padding: 48px 20px; }
  .about-story-panel .about-section-label { margin-bottom: 24px; }
  .about-agent-grid { grid-template-columns: 1fr; }
  .about-founder { grid-template-columns: 1fr; gap: 24px; }
  .about-founder-monogram { flex-basis: auto; width: 100px; height: 100px; font-size: 36px; }
  .about-agent-copy { padding: 24px; }
  .about-cta-buttons { flex-direction: column; align-items: stretch; }
}

/* Fine separators between the three What We Do panels. */
.about-story-section[aria-labelledby="pillar-2-title"] .about-pillar-panel,
.about-story-section[aria-labelledby="pillar-3-title"] .about-pillar-panel {
  border-top: 1px solid var(--stroke);
}