/* =========================================================
   ABOUT PAGE (about.html) — styles specific to this page.
   ========================================================= */

/* company profile */
.profile-grid{display:grid; grid-template-columns:1.35fr 1fr; gap:56px; align-items:start;}
.profile-grid p{color:var(--paper-mute); font-size:15.5px; margin-bottom:18px;}
.profile-grid p:last-of-type{margin-bottom:0;}
.pull{
  font-family:'Lora',serif; font-size:19px; font-weight:600; color:var(--paper-text);
  border-left:3px solid var(--brass); padding-left:18px; margin:28px 0; line-height:1.5;
}
.expertise-card{background:var(--ink); color:var(--ink-text); border-radius:16px; padding:30px;}
.expertise-card h3{font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brass); font-weight:400; margin-bottom:18px;}
.tag-list{display:flex; flex-wrap:wrap; gap:9px;}
.tag-list span{
  font-family:'IBM Plex Mono',monospace; font-size:12px; color:#C7CEDF;
  border:1px solid var(--ink-line); padding:7px 12px; border-radius:20px;
}

/* vision / mission (full panels) */
.vm-grid{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--ink-line); border:1px solid var(--ink-line); border-radius:16px; overflow:hidden;}
.vm-panel{background:var(--ink); color:var(--ink-text); padding:36px;}
.vm-panel h3{font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brass); font-weight:400; margin-bottom:16px;}
.vm-panel .vtext{font-size:16px; color:var(--ink-text); line-height:1.6;}
.vm-panel ol{list-style:none; counter-reset:m;}
.vm-panel ol li{counter-increment:m; font-size:14.5px; color:var(--ink-mute); padding-left:30px; position:relative; margin-bottom:16px;}
.vm-panel ol li:last-child{margin-bottom:0;}
.vm-panel ol li::before{content:counter(m,decimal-leading-zero); position:absolute; left:0; top:0; font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--brass);}

/* who we serve */
.serve-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.serve-card{background:var(--paper); border:1px solid var(--paper-line); border-radius:12px; padding:28px 24px;}
.serve-card .tag{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--forest-dark); letter-spacing:0.05em; text-transform:uppercase; margin-bottom:14px;}
.serve-card h3{font-size:18px; margin-bottom:10px; font-weight:600;}
.serve-card p{font-size:14px; color:var(--paper-mute);}

@media (max-width:900px){
  .profile-grid{grid-template-columns:1fr;}
  .vm-grid{grid-template-columns:1fr;}
  .serve-grid{grid-template-columns:1fr;}
}