/* About page — scoped with .page-about. */

.page-about .site-main .entry-header { display: none; }
.page-about .entry-content { padding: 0 !important; }

.page-about .ag-page-hero,
.page-about .ag-story-section,
.page-about .ag-services-section,
.page-about .ag-page-cta {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* --- Page hero --- */
.page-about .ag-page-hero {
  padding: clamp(56px, 8vw, 96px) 20px;
  background: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%);
  text-align: center;
}
.page-about .ag-page-hero__kicker {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #2563EB;
  margin: 0 0 12px;
}
.page-about .ag-page-hero h1,
.page-about .ag-page-hero__title {
  font-size: clamp(2rem, 5vw, 3.25rem) !important;
  line-height: 1.15;
  font-weight: 800;
  color: #1E293B;
  margin: 0 auto 16px;
  max-width: 24ch;
}
.page-about .ag-page-hero p {
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  line-height: 1.55;
  color: #475569;
  max-width: 62ch;
  margin: 0 auto;
}

/* --- Story section (prose) --- */
.page-about .ag-story-section {
  padding: clamp(56px, 8vw, 96px) 20px;
  background: #FFFFFF;
}
.page-about .ag-story-section > * {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.page-about .ag-story-section h2 {
  font-size: clamp(1.75rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: #1E293B;
  margin: 0 0 24px;
}
.page-about .ag-story-section p {
  font-size: 1.075rem;
  line-height: 1.65;
  color: #334155;
  margin: 0 0 18px;
}

/* --- Services section (what we do) --- */
.page-about .ag-services-section {
  padding: clamp(56px, 8vw, 96px) 20px;
  background: #F8FAFC;
}
.page-about .ag-services-section > * {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.page-about .ag-services-section > h2 {
  font-size: clamp(1.75rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: #1E293B;
  text-align: center;
  margin: 0 0 clamp(28px, 4vw, 48px);
}
.page-about .ag-services-section .wp-block-columns {
  gap: clamp(20px, 2.5vw, 32px);
  margin: 0;
}
.page-about .ag-services-section .wp-block-column {
  background: #FFFFFF;
  padding: 28px 24px;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
}
.page-about .ag-services-section h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #1E293B;
  margin: 0 0 10px;
}
.page-about .ag-services-section .wp-block-column p {
  font-size: 0.975rem;
  line-height: 1.6;
  color: #475569;
  margin: 0;
}

/* --- Closing CTA --- */
.page-about .ag-page-cta {
  padding: clamp(56px, 8vw, 80px) 20px;
  background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
  color: #FFFFFF;
  text-align: center;
}
.page-about .ag-page-cta h2 {
  font-size: clamp(1.75rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 auto 14px;
  max-width: 22ch;
}
.page-about .ag-page-cta p {
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  color: #DBEAFE;
  max-width: 58ch;
  margin: 0 auto 28px;
}
.page-about .ag-page-cta .wp-block-button__link {
  background: #FFFFFF !important;
  color: #1D4ED8 !important;
  padding: 14px 32px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
}
.page-about .ag-page-cta .wp-block-button__link:hover { background: #F8FAFC !important; }