/* ໜ້າກ່ຽວກັບພວກເຮົາ */
.about-page { height: auto; min-height: 100%; }
.about-nav { margin-left: auto; gap: 10px; }
.about { max-width: 980px; margin: 0 auto; padding: 32px 20px 64px; }
.about-hero { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: center; }
.eyebrow { color: var(--primary); font-weight: 700; margin: 0 0 6px; }
.about-text h1 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); margin-bottom: 16px; }
.about-text p { font-size: 1rem; margin: 0 0 14px; }
.sign { font-weight: 700; color: var(--ink-2); }
.about-art { display: grid; place-items: center; }
.about-art img { width: min(280px, 70%); border-radius: 36px; box-shadow: var(--shadow); }
.about-stats { margin-top: 48px; }
.about-stats h2, .about-block h2 { font-size: 1.2rem; margin-bottom: 14px; }
.about-stats ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.about-stats li { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 18px; display: flex; flex-direction: column; }
.about-stats b { font-size: 2rem; color: var(--primary); font-family: 'Inter', var(--font); line-height: 1.2; }
.about-stats span { color: var(--ink-2); font-weight: 600; }
.about-block { margin-top: 40px; }
.about-block .qr { width: 220px; height: 220px; border-radius: var(--r); background: #fff; padding: 10px; margin-top: 10px; }
@media (max-width: 760px) {
  .about-hero { grid-template-columns: 1fr; }
  .about-art { order: -1; }
  .about-art img { width: 120px; border-radius: 26px; }
  .about-nav .btn { padding: 0 12px; font-size: .82rem; }
}