/* ============================================================
   ABOUT PAGE ONLY
   Requires base.css to be loaded first.
   ============================================================ */

/* intro copy block (About Us paragraphs) */
.about-intro{max-width:760px;}
.about-intro p{font-size:15.5px;line-height:1.75;color:#3F5164;margin:16px 0 0;}
.about-intro p:first-of-type{margin-top:20px;}

/* "what we do" checklist grid */
.about-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 32px;margin-top:8px;}
.about-service-item{
  display:flex;gap:12px;align-items:flex-start;font-size:14.3px;color:#3F5164;line-height:1.5;
  padding:12px 0;border-bottom:1px solid var(--line-soft);
}
.about-service-item .hex{width:8px;height:8px;background:var(--gold);flex-shrink:0;margin-top:7px;}

/* vision / mission cards */
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px;}
.vm-card{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:4px;padding:30px 28px;}
.vm-card .eyebrow{margin-bottom:14px;}
.vm-card p{font-size:15px;line-height:1.7;color:#3F5164;margin:0;}

/* closing statement */
.about-closing{max-width:760px;font-size:15px;line-height:1.75;color:#3F5164;font-style:italic;border-left:3px solid var(--line);padding-left:20px;}

/* values */
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.value-card{padding:26px 22px;border:1px solid var(--line);border-radius:6px;background:var(--white);}
.value-card .num{font-family:'IBM Plex Mono',monospace;color:var(--gold-ink);font-size:12px;margin-bottom:10px;}
.value-card h3{font-size:17px;margin-bottom:8px;}
.value-card p{font-size:13.6px;line-height:1.55;color:#3F5164;margin:0;}

/* team */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.team-card{text-align:left;}
.team-photo{
  width:100%;aspect-ratio:1;background:linear-gradient(150deg,var(--sky),var(--navy));border-radius:6px;margin-bottom:14px;
  display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.65);font-family:'IBM Plex Mono',monospace;font-size:12px;
}
.team-card h3{font-size:16px;margin-bottom:2px;}
.team-card .role{font-size:12.5px;color:var(--brand);font-weight:600;margin-bottom:8px;}
.team-card p{font-size:13.3px;color:#3F5164;line-height:1.55;margin:0;}

@media(max-width:900px){
  .about-services-grid, .vm-grid{grid-template-columns:1fr;}
  .value-grid,.team-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .value-grid,.team-grid{grid-template-columns:1fr;}
}