/* Style riêng của /ve-chung-toi/. Component chung ở base.css, giá trị ở tokens.css. Breakpoint: md 640px, lg 900px. */

/* Hero */
.about-hero{padding:var(--sp-10) 0;}
.about-hero h1{font-size:var(--fs-h2);max-width:12.6em;}
.about-hero .lede{max-width:var(--w-text);color:var(--ink-soft);font-size:var(--fs-lg);margin:var(--sp-6) 0 0;}
@media (min-width:900px){ .about-hero{padding:var(--sp-16) 0 var(--sp-10);} }

/* Người sáng lập */
.founder{padding:var(--sp-10) 0;}
.founder-name{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);}
.founder-role{font-size:var(--fs-sm);font-weight:700;color:var(--violet-deep);margin:var(--sp-2) 0 var(--sp-5);}
.founder-card p{margin:0;color:var(--ink-soft);font-size:var(--fs-md);}
.founder-card p + p{margin-top:var(--sp-4);}
.founder-card .founder-quote{color:var(--violet-deep);font-style:italic;font-weight:600;border-left:var(--bw) solid var(--violet);padding-left:var(--sp-4);}
@media (min-width:900px){ .founder{padding:var(--sp-16) 0;} }

/* Triết lý cùng nhau thắng lợi */
.philosophy{padding:var(--sp-10) 0;}
.pillar-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5);}
.pillar .icon{width:40px;height:40px;border-radius:var(--r-sm);background:var(--violet);margin-bottom:var(--sp-4);display:flex;align-items:center;justify-content:center;color:var(--on-dark);font-family:var(--font-display);font-weight:700;}
.pillar .icon-coral{background:var(--coral);}
.pillar h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2);}
.pillar p{margin:0;color:var(--card-text-soft);font-size:var(--fs-md);}
@media (min-width:900px){
  .philosophy{padding:var(--sp-16) 0;}
  .pillar-grid{grid-template-columns:repeat(3,1fr);}
}

/* Cam kết cụ thể */
.commitments{padding:var(--sp-10) 0;}
.commit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3);}
.commit-list .notice{font-size:var(--fs-md);color:var(--ink-soft);}
@media (min-width:900px){ .commitments{padding:var(--sp-16) 0 var(--sp-24);} }

/* CTA cuối trang — box dùng .cta-box component chung ở base.css */
.about-cta{padding:0 0 var(--sp-20);}