.beta-about { --navy:var(--beta-navy); --brand:var(--beta-brand); background:#fff; color:var(--navy); }
.about-container { width:min(100% - 56px, 1240px); margin:auto; }
.about-section { padding:30px 0; }
.about-section--bleed { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.about-intro__grid,.about-profile__grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); gap:36px; }
.about-photo-grid {  grid-template-columns:minmax(0,2.12fr) minmax(0,1fr); grid-template-rows:1fr 1fr; gap:4px; height:358px; }
.about-photo-grid img { width:100%; height:100%; object-fit:cover; border-radius:5px; }
.about-photo-grid__large { grid-row:span 2; object-position:42% center; }
.about-photo-grid__small { object-position:center; }
.about-kicker { color:var(--brand); text-transform:uppercase; font-size:15px; font-weight:800; }
.about-intro h1 { margin:7px 0 8px; max-width:490px; font-size:28px; line-height:1.18; letter-spacing:-.8px; }
.about-intro p,.about-heading p,.about-profile p { color:#687588; margin:0 0 7px; font-size:16px; line-height:1.33; }
.about-offerings { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:10px; }
.about-offerings article,.about-values article { border:1px solid #dbe5ec; border-radius:4px; padding:12px 17px; background:#fff; }
.about-offerings span,.about-team__benefits>article>span,.about-values span { display:block; color:#ff6b1b; font-size:36px; line-height:1; font-weight:400; }
.about-offerings h2 { margin:5px 0 0; font-size:18px; line-height:1.1; }
.about-team,.about-journey { background:#edf8ff; }
.about-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:13px; }
.about-heading h2 { margin:0 0 1px; font-size:28px; line-height:1.1; letter-spacing:-.8px; }
.about-heading--link a { color:var(--brand); font-weight:700; font-size:15px; white-space:nowrap; }
.about-heading--link b { font-size:24px; margin-left:6px; }
.about-team__figure { margin:0; height:300px; position:relative; overflow:hidden; border-radius:5px; }
.about-team__figure img { height:100%; width:100%; object-fit:cover; object-position:right center; }
.about-team__figure figcaption { position:absolute; bottom:8px; right:10px; font-size:11px; color:white; text-shadow:0 1px 2px #000; }
.about-team__benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:8px; }
.about-team__benefits article { background:#fff; border-radius:4px; display:flex; gap:14px; padding:12px 18px; }
.about-team__benefits h3,.about-values h3 { margin:0 0 3px; font-size:16px; }
.about-team__benefits p,.about-values p { margin:0; font-size:13px; line-height:1.35; color:#687588; }
.about-vision { padding-top:10px; }
.about-vision__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.about-mission,.about-vision__card { min-height:130px; display:flex; gap:24px; align-items:center; padding:25px 32px; border-radius:5px; background:#043b6d; color:#fff; overflow:hidden; }
.about-vision__card { background:#eaf7ff; color:var(--navy); }
.about-mission>span,.about-vision__card>span { font-size:57px; line-height:1; color:var(--brand); }
.about-vision h2 { font-size:25px; margin:0 0 4px; }.about-vision p { margin:0; font-size:15px; line-height:1.33; }
.about-values { padding-top:0; }.about-values__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.about-values article { min-height:142px; position:relative; padding:12px 20px; }.about-values b { color:#58729d; font-size:20px; font-weight:500; }.about-values span { font-size:33px; margin:3px 0; }
.about-timeline { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; position:relative; }.about-timeline:before { content:''; position:absolute; top:82px; left:8%; right:8%; border-top:2px solid #a6cce1; }
.about-timeline article { position:relative; }.about-timeline img { width:100%; height:72px; object-fit:cover; border-radius:4px; }.about-timeline i { display:block; width:11px; height:11px; background:var(--brand); border-radius:50%; border:2px solid #fff; margin-top:5px; position:relative; }.about-timeline h3 { margin:5px 0 2px; font-size:16px; }.about-timeline p { color:#687588; font-size:13px; line-height:1.3; margin:0; }
.about-profile { padding-top:12px; }.about-profile__grid { gap:34px; }.about-profile__grid>img { height:185px; width:100%; object-fit:cover; object-position:40% center; border-radius:4px; }.about-profile__grid h2 { font-size:25px; margin:0 0 4px; }.about-cta { display:flex; width:250px; padding:11px 18px; margin:11px 0; justify-content:space-between; align-items:center; color:#fff; background:var(--brand); border-radius:4px; font-weight:700; }.about-cta span { font-size:22px; }.about-cert { border:1px solid #dbe5ec; border-radius:4px; display:flex; align-items:center; gap:14px; padding:10px 16px; }.about-cert>span:first-child { font-size:32px; }.about-cert b,.about-cert small { display:block; }.about-cert small { color:#687588; margin-top:2px; }
@media (max-width:767px) { .about-container { width:min(100% - 30px, 1240px); }.about-section { padding:24px 0; }.about-intro__grid,.about-profile__grid,.about-vision__grid { grid-template-columns:minmax(0,1fr); gap:21px; }.about-photo-grid { grid-template-columns:1fr; height:260px; }.about-photo-grid__large { grid-row:auto; }.about-photo-grid__small { display:none; }.about-intro h1 { font-size:26px; }.about-offerings { gap:5px; }.about-offerings article { padding:10px; }.about-offerings span { font-size:28px; }.about-offerings h2 { font-size:14px; overflow-wrap:anywhere; }.about-heading { align-items:start; flex-direction:column; gap:6px; }.about-heading h2 { font-size:25px; }.about-team__figure { height:210px; }.about-team__benefits,.about-values__grid { grid-template-columns:minmax(0,1fr); }.about-team__benefits article { padding:12px; }.about-mission,.about-vision__card { padding:21px; min-height:0; }.about-vision h2 { font-size:22px; }.about-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }.about-timeline:before { display:none; }.about-timeline img { height:90px; }.about-profile__grid>img { height:170px; }.about-cta { width:100%; } }

/* Icon dang hinh anh (SVG Lucide) cho cac the trang Ve BETA */
.about-icon { display:block; width:38px; height:38px; flex:none; object-fit:contain; }
.about-icon--lg { width:64px; height:64px; }
.about-icon--cert { width:36px; height:36px; }