/* =========================================================
   ABOUT US PAGE
   ========================================================= */

.about-hero{ padding:64px 0; position:relative; }
.about-hero-grid{ display:flex; gap:48px; align-items:center; flex-wrap:wrap; position:relative; z-index:1; }
.about-hero-img{ flex:1 1 420px; }
.about-hero-img .img-card{
  border:var(--pg-border-width) solid var(--pg-fg); border-radius:var(--pg-radius-lg); overflow:hidden;
  box-shadow:8px 8px 0px 0px var(--pg-tertiary);
}
.about-hero-img img{ width:100%; height:100%; object-fit:cover; display:block; min-height:340px; }
.about-hero-img .img-placeholder{
  width:100%; min-height:340px; display:flex; align-items:center; justify-content:center; font-size:60px;
  background:repeating-linear-gradient(135deg, var(--pg-muted), var(--pg-muted) 12px, #fff 12px, #fff 24px);
}
.about-hero-copy{ flex:1 1 460px; }
.about-hero-copy h1{ font-size:36px; line-height:1.2; margin-bottom:16px; }
.about-hero-copy p{ font-size:14.5px; color:var(--pg-fg); line-height:1.75; margin-bottom:14px; }
.about-hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-top:20px; }

.about-stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; position:relative; z-index:1; }
@media (max-width:800px){ .about-stats-grid{ grid-template-columns:repeat(2,1fr); } }
.about-stat-card{
  background:#fff; border:var(--pg-border-width) solid var(--pg-fg); border-radius:var(--pg-radius-lg);
  padding:28px 16px; text-align:center; box-shadow:6px 6px 0px 0px var(--pg-border);
}
.about-stat-card .num{ font-family:var(--pg-font-heading); font-weight:800; font-size:32px; color:var(--pg-accent); }
.about-stat-card .lbl{ font-size:12.5px; font-weight:700; color:var(--pg-muted-fg); text-transform:uppercase; margin-top:6px; }

.vm-grid{ display:flex; gap:32px; flex-wrap:wrap; position:relative; z-index:1; }
.vm-card{
  flex:1 1 380px; background:#fff; border:var(--pg-border-width) solid var(--pg-fg); border-radius:var(--pg-radius-lg);
  padding:30px; box-shadow:6px 6px 0px 0px var(--pg-border);
}
.vm-card h3{ font-size:20px; margin-bottom:12px; }
.vm-card p{ font-size:14px; color:var(--pg-fg); line-height:1.7; margin-bottom:10px; }
.vm-card ul{ margin-top:10px; }
.vm-card ul li{ font-size:13.5px; margin-bottom:8px; display:flex; gap:8px; }
.vm-card ul li::before{ content:"✓"; color:var(--pg-quaternary); font-weight:800; flex-shrink:0; }

.about-timeline{ display:flex; flex-wrap:wrap; gap:20px; justify-content:center; position:relative; z-index:1; }
.about-step{
  flex:1 1 180px; max-width:220px; background:#fff; border:var(--pg-border-width) solid var(--pg-fg);
  border-radius:var(--pg-radius-md); padding:20px; text-align:center; box-shadow:4px 4px 0px 0px var(--pg-border);
}
.about-step .step-num{
  width:36px; height:36px; border-radius:50%; background:var(--pg-accent); color:#fff; font-weight:800;
  display:flex; align-items:center; justify-content:center; margin:0 auto 12px; font-family:var(--pg-font-heading);
}
.about-step h4{ font-size:13.5px; font-family:var(--pg-font-heading); margin-bottom:6px; }
.about-step p{ font-size:12px; color:var(--pg-muted-fg); line-height:1.5; }

.team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; position:relative; z-index:1; }
@media (max-width:800px){ .team-grid{ grid-template-columns:repeat(2,1fr); } }
.team-card{ background:#fff; border:var(--pg-border-width) solid var(--pg-fg); border-radius:var(--pg-radius-lg); overflow:hidden; box-shadow:5px 5px 0px 0px var(--pg-border); text-align:center; }
.team-photo{ width:100%; aspect-ratio:1/1; background:repeating-linear-gradient(135deg, var(--pg-muted), var(--pg-muted) 10px, #fff 10px, #fff 20px); display:flex; align-items:center; justify-content:center; font-size:40px; }
.team-photo img{ width:100%; height:100%; object-fit:cover; }
.team-info{ padding:16px; }
.team-info h4{ font-family:var(--pg-font-heading); font-size:14.5px; margin-bottom:3px; }
.team-info .role{ font-size:12px; color:var(--pg-muted-fg); }