/* ── About Us Page ─────────────────────────────────────────── */

.ab-header {
  max-width: 1080px;
  margin: 0 auto;
  padding: 56px 48px 48px;
  border-bottom: 1px solid #ebebeb;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
}
.ab-breadcrumb { font-size: 11px; color: #bbb; letter-spacing: 0.5px; margin-bottom: 20px; }
.ab-breadcrumb a { color: #bbb; text-decoration: none; }
.ab-breadcrumb span { color: #1A4B89; }
.ab-eyebrow { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: #FBA504; font-weight: 500; margin-bottom: 14px; }
.ab-h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 48px; font-weight: 400; line-height: 1.15; color: #0C1E38; }
.ab-h1 em { font-style: italic; color: #1A4B89; }
.ab-header-right p { font-size: 15px; color: #666; line-height: 1.85; font-weight: 300; }

.ab-story {
  max-width: 1080px;
  margin: 0 auto;
  padding: 80px 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.ab-img-wrap { position: relative; }
.ab-img { width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: 2px; display: block; background: #e8e8e8; }
.ab-badge {
  position: absolute; bottom: -18px; right: -18px;
  background: #FBA504; color: #0C1E38;
  padding: 16px 20px; font-size: 11px; font-weight: 600;
  letter-spacing: 1px; text-transform: uppercase; line-height: 1.6; text-align: center;
}
.ab-section-label {
  font-size: 10px; letter-spacing: 3px; text-transform: uppercase;
  color: #FBA504; font-weight: 500; margin-bottom: 18px;
  display: flex; align-items: center; gap: 12px;
}
.ab-section-label::after { content: ''; flex: 1; height: 1px; background: #ebebeb; }
.ab-story-text h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 34px; font-weight: 400; color: #0C1E38; line-height: 1.25; margin-bottom: 24px; }
.ab-story-text p { font-size: 14.5px; color: #555; line-height: 1.9; margin-bottom: 18px; font-weight: 300; }
.ab-story-text p strong { color: #0C1E38; font-weight: 500; }
.ab-quote { margin-top: 28px; padding: 20px 24px; background: #fafaf9; border-left: 3px solid #FBA504; }
.ab-quote p { font-size: 13.5px; color: #444; line-height: 1.75; font-style: italic; font-weight: 300; }

.ab-stats { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.ab-stats-inner { max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); }
.ab-stat { padding: 52px 32px; text-align: center; border-right: 1px solid #ebebeb; }
.ab-stat:last-child { border-right: none; }
.ab-stat-num { font-family: 'Playfair Display', Georgia, serif; font-size: 46px; font-weight: 400; color: #0C1E38; line-height: 1; }
.ab-stat-num em { color: #FBA504; font-style: normal; }
.ab-stat-lbl { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #aaa; margin-top: 10px; }

.ab-values { max-width: 1080px; margin: 0 auto; padding: 80px 48px; }
.ab-values-header { text-align: center; margin-bottom: 56px; }
.ab-values-header .ab-section-label { justify-content: center; }
.ab-values-header .ab-section-label::after { display: none; }
.ab-values-header h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 34px; font-weight: 400; color: #0C1E38; margin-top: 14px; }
.ab-values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }
.ab-value-card { padding: 40px 28px; background: #fafaf9; }
.ab-value-card.dark { background: #0C1E38; }
.ab-value-card.dark .ab-value-n { color: rgba(255,255,255,0.07); }
.ab-value-card.dark h3 { color: #fff; }
.ab-value-card.dark p { color: rgba(255,255,255,0.45); }
.ab-value-n { font-family: 'Playfair Display', Georgia, serif; font-size: 52px; font-weight: 400; color: rgba(0,0,0,0.05); line-height: 1; margin-bottom: 20px; display: block; }
.ab-value-card h3 { font-size: 13.5px; font-weight: 600; color: #0C1E38; margin-bottom: 10px; }
.ab-value-card p { font-size: 12.5px; color: #777; line-height: 1.8; font-weight: 300; }

.ab-cta-wrap { padding: 0 48px 80px; max-width: 1080px; margin: 0 auto; }
.ab-cta { background: #fafaf9; border: 1px solid #ebebeb; padding: 64px 56px; display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: center; }
.ab-cta h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 30px; font-weight: 400; color: #0C1E38; margin-bottom: 10px; }
.ab-cta p { font-size: 14px; color: #888; line-height: 1.7; font-weight: 300; max-width: 480px; }
.ab-cta-btns { display: flex; flex-direction: column; gap: 12px; min-width: 180px; }
.ab-btn-primary { background: #0C1E38; color: #fff; padding: 14px 32px; text-align: center; font-size: 11px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; border: none; cursor: pointer; text-decoration: none; display: block; }
.ab-btn-ghost { background: transparent; color: #0C1E38; padding: 14px 32px; text-align: center; font-size: 11px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; border: 1px solid #0C1E38; cursor: pointer; text-decoration: none; display: block; }

@media (max-width: 900px) {
  .ab-header, .ab-story { grid-template-columns: 1fr; gap: 32px; padding: 40px 24px; }
  .ab-stats-inner { grid-template-columns: repeat(2, 1fr); }
  .ab-stat { border-right: none; border-bottom: 1px solid #ebebeb; }
  .ab-values-grid { grid-template-columns: repeat(2, 1fr); }
  .ab-cta { grid-template-columns: 1fr; }
  .ab-cta-wrap { padding: 0 24px 48px; }
  .ab-values { padding: 48px 24px; }
  .ab-h1 { font-size: 36px; }
}
@media (max-width: 600px) {
  .ab-values-grid { grid-template-columns: 1fr; }
  .ab-stats-inner { grid-template-columns: 1fr; }
}