/* HiTD p2 · CSS riêng nhóm trang Về chúng tôi (about.html)
   Nạp sau ../style.css. Chỉ viết ở đây phần chỉ nhóm này dùng; phần dùng chung sửa ở style.css. */

/* FB-33 · logo đối tác (như trang chủ, css/home.css FB-16): luôn màu gốc (không âm bản, không xám). Rê chuột hoặc Tab vào thì cả ô nổi lên: nhích 3px, viền xanh brand, bóng nhẹ, logo phóng 1.04.
   Cùng độ ưu tiên với style.css (.logo-wall li:hover) và nạp sau nên thắng viền xám ở đó. Người bật «giảm chuyển động» chỉ đổi viền và bóng */
.logo-wall li{transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out)}
.logo-wall .logo{transition:transform var(--t-base) var(--ease-out)}
.logo-wall li:hover,.logo-wall li:focus-within,.logo-wall:focus-visible li{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 8px 20px rgba(0,112,244,.18)}
.logo-wall li:hover .logo,.logo-wall li:focus-within .logo,.logo-wall:focus-visible .logo{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){
  .logo-wall li,.logo-wall .logo{transition:border-color var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}
  .logo-wall li:hover,.logo-wall li:focus-within,.logo-wall:focus-visible li,
  .logo-wall li:hover .logo,.logo-wall li:focus-within .logo,.logo-wall:focus-visible .logo{transform:none}
}
/* Dải logo cuộn ngang nên overflow cắt cả chiều dọc: chừa chỗ trên và dưới để ô nhích 3px và bóng không bị cắt, bù margin để bố cục không xô. Không chừa hai bên: dải nằm gọn trong lề nội dung để thẻ không bị cắt nửa */
.logo-wall--scroll{padding:6px 0 24px;margin:calc(var(--s3) - 6px) 0 -12px}

/* Giải thưởng (feedback 28/10, Về chúng tôi · 2): dải thẻ cuộn ngang, mỗi thẻ có năm, tên giải, nút «Chi tiết» (mở dialog dùng chung ở main.js).
   Kiểu thẻ ở style.css (.award-card); dải là slider dùng chung với dải logo (#1248: main.js, style.css «Slider logo»), thanh cuộn ẩn, nút ‹ › ở .award-head */
.award-head{margin-bottom:var(--s4)}
.award-cards{list-style:none;margin:0;overflow-x:auto;padding:6px 0 14px;-webkit-overflow-scrolling:touch}
.award-cards:focus-visible{outline:2px solid var(--fg-strong);outline-offset:4px;border-radius:6px}
.award-card__year{font-size:clamp(26px,2.6vw,34px);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.award-card h3{font-size:18px}

/* Câu chuyện thương hiệu (Về chúng tôi · 1): đoạn văn về cỡ chữ thường */
.story-p1__text p{font-size:var(--fs-body);line-height:1.7}

/* Khối số liệu (Về chúng tôi · 5): 4 số nhỏ lại một chút */
.page-about .stat__num{font-size:clamp(34px,3.2vw,46px)}

/* Giá trị cốt lõi (Về chúng tôi · 6): ba chữ UY TÍN – BỀN VỮNG – SÁNG TẠO nổi bật hơn, đoạn mô tả chữ thường không đậm */
.value h5{margin-bottom:14px;font-size:clamp(22px,2.2vw,28px);font-weight:800;line-height:1.15;letter-spacing:.02em;width:fit-content;background:linear-gradient(90deg,var(--accent-hi),var(--ok));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.value p{font-weight:400}