.wata-about { color:var(--ink); }
.about-activity-grid { display:grid; gap:24px; }
.about-activity-image { display:block; overflow:hidden; border-radius:8px; background:#f5f7fa; }
.about-activity-image img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; }
@media(min-width:700px) { .about-activity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.about-hero-photo { margin:0; align-self:center; }
.about-hero-photo img { width:100%; height:auto; display:block; border-radius:8px; }
.about-hero-photo figcaption { margin-top:12px; color:#53667e; font-size:12px; line-height:1.6; }
.about-feature-icon { display:grid; place-items:center; width:48px; height:48px; background:#edf3ff; border-radius:8px; color:#175cff; margin-bottom:18px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .about-hero-photo img,.about-leader img { transition:transform .35s ease; }
 .about-hero-photo:hover img,.about-leader figure:hover img { transform:scale(1.015); }
 .about-feature-icon { transition:background-color .2s ease,transform .2s ease; }
 .about-capabilities article:hover .about-feature-icon { background:#e1ebff; transform:translateY(-2px); }
}
.wata-about .container { max-width:1280px; }
.wata-about p { max-width:68ch; line-height:1.75; }
.wata-about .about-label { color:#53667e; font-size:12px; font-weight:600; letter-spacing:.04em; margin:0 0 16px; }
.about-intro { padding:44px 0 40px; background:#f5f7fa; }
.about-intro-grid,.about-split,.about-leader { display:grid; gap:28px; }
.wata-about h1 { max-width:19ch; }
.wata-about .about-lead { margin:22px 0 26px; }
.about-intro-note { border-left:2px solid #175cff; padding:8px 0 8px 24px; align-self:center; }
.about-intro-note p { font-size:24px; font-weight:600; line-height:1.5; margin:16px 0; color:var(--navy); }
.about-intro-note>span:last-child { font-size:14px; color:#53667e; }
.about-index { position:sticky; top:var(--about-header-height,80px); z-index:20; border-bottom:1px solid #dce3eb; background:#fff; box-shadow:0 4px 16px #102a4308; }
body #main .about-index a { text-decoration:none; padding:0 14px; min-height:52px; border-bottom:2px solid transparent; font-weight:500; }
body #main .about-index a:hover,body #main .about-index a[aria-current="location"] { color:#175cff; background:#f3f6fc; border-bottom-color:#175cff; }
.wata-about .about-index .container { gap:4px; }
.wata-about figcaption { display:none; }
.wata-about section[id] { scroll-margin-top:calc(var(--about-header-height,80px) + 76px); }
.about-index .container { display:flex; gap:24px; overflow-x:auto; }
.about-index a { display:flex; align-items:center; min-height:56px; white-space:nowrap; color:var(--ink); font-size:14px; flex-shrink:0; }
.about-section { padding-block:44px; }
.wata-about section[id] { scroll-margin-top:calc(var(--about-header-height,80px) + 76px); }
.about-tint { background:#f7f9fc; }
.about-copy>p:first-child { margin-top:0; }
.about-rows article { padding:20px 0; border-top:1px solid #dce3eb; }
.about-rows article:first-child { padding-top:0; border-top:0; }
.wata-about h3 { font-size:20px; line-height:1.4; margin:0 0 12px; }
.about-rows p,.about-capabilities p { margin:0 0 18px; }
.about-section-heading { max-width:760px; margin-bottom:30px; }
.about-capabilities { display:grid; gap:28px; }
.about-capabilities article { border-top:1px solid #cbd5e1; padding-top:20px; display:flex; flex-direction:column; align-items:flex-start; }
.about-capabilities .text-link { margin-top:auto; }
.about-number { color:#175cff; font-size:13px; margin-bottom:18px; font-variant-numeric:tabular-nums; }
.about-process { margin:0; padding:0; list-style:none; counter-reset:step; }
.about-process li { counter-increment:step; position:relative; padding:0 0 22px 44px; }
.about-process li::before { content:counter(step,decimal-leading-zero); position:absolute; left:0; top:2px; font-size:13px; color:#175cff; }
.about-process p { margin:0; }
.about-leader figure { margin:0; }
.about-leader img { width:100%; height:auto; display:block; border-radius:6px; }
.about-leader figcaption { font-size:12px; color:#53667e; margin-top:10px; }
.about-close { padding:32px 0; border-top:1px solid #dce3eb; background:#f5f7fa; }
.about-close .container { display:grid; gap:20px; }
.about-close .button { justify-self:start; align-self:center; }
@media(min-width:700px) { .about-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; } }
@media(min-width:960px) {
 .about-intro { padding:64px 0; }
 .about-intro-grid { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:72px; }
 .about-section { padding-block:64px; }
 .about-split { grid-template-columns:minmax(0,1fr) minmax(0,1.45fr); gap:80px; }
 .about-leader { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:center; }
 .about-close .container { grid-template-columns:minmax(0,1fr) auto; gap:40px; }
}
@media(prefers-reduced-motion:no-preference) { html:has(.wata-about) { scroll-behavior:smooth; } }

/* Danh hieu & giai thuong */
.about-award-list,.about-cert-list { list-style:none; margin:0; padding:0; display:grid; }
.about-award-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.about-award { display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:20px 16px; border:1px solid #dce6f2; border-radius:12px; background:#fff; }
.about-award-image { display:grid; place-items:center; width:100%; height:120px; }
.about-award-image img { max-width:100%; max-height:120px; width:auto; height:auto; object-fit:contain; }
.about-award h3 { margin:0; font-size:16px; line-height:1.35; color:#102a43; }
.about-award p { margin:0; font-size:14px; line-height:1.55; color:#52627a; }
.about-cert-heading { margin:36px 0 16px; font-size:18px; color:#102a43; }
.about-cert-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.about-cert { display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:14px 10px; border-radius:10px; background:#f7f9fc; }
.about-cert-image { display:grid; place-items:center; height:76px; width:100%; }
.about-cert-image img { max-height:76px; max-width:100%; width:auto; height:auto; object-fit:contain; }
.about-cert strong { font-size:13px; line-height:1.35; color:#102a43; }
.about-cert span { font-size:12px; color:#607086; }
@media(min-width:700px) { .about-award-list { grid-template-columns:repeat(4,minmax(0,1fr)); } .about-cert-list { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(min-width:1100px) { .about-cert-list { grid-template-columns:repeat(8,minmax(0,1fr)); } }