/* ============================================================
   Responsive — Tablet (768px)
   ============================================================ */
@media(max-width:768px) {
  .nav__logo { display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto; gap:0 10px; align-items:center }
  .nav__avatar { grid-row:1 / 3 }
  .nav__divider { display:none }
  .nav__name { font-size:.85rem; grid-column:2; line-height:1.2 }
  .nav__role { font-size:.7rem; color:var(--text-muted); grid-column:2; line-height:1.2 }
  .hero__headline { font-size:clamp(2rem,6vw,2.8rem) }
  .hero__sub { font-size:1.1rem }
  .section-title { font-size:clamp(2rem,5vw,2.8rem) }
  .connect__heading { font-size:clamp(2rem,5vw,2.8rem) }
  .stats__grid { gap:28px }
  .stat__value { font-size:clamp(2.2rem,8vw,3rem) }
  .theme__content { padding:24px 28px }
  .patents__grid { grid-template-columns:1fr }
  .connect__card { padding:22px 28px; min-width:120px }
}

/* ============================================================
   Responsive — Small screens (480px)
   ============================================================ */
@media(max-width:480px) {
  .container { padding:0 20px }
  .nav__inner { padding:0 16px }
  .hero__inner { padding:0 20px }
  .hero { min-height:auto; padding:calc(var(--nav-h) + 32px) 0 48px }
  .hero__headline { font-size:clamp(1.8rem,7vw,2.4rem) }
  .hero__sub { font-size:1.05rem }
  .hero__actions { flex-direction:column; align-items:center }
  .beliefs, .work, .connect { padding:56px 0 }
  .impact { padding:40px 0 }
  .innovation { padding:56px 0 }
  .section-header { margin-bottom:28px }
  .section-title { font-size:clamp(1.8rem,6vw,2.2rem) }
  .section-label { font-size:13px }
  .beliefs__grid { gap:32px }
  .belief__title { font-size:1.4rem }
  .belief__body { font-size:1.05rem }
  .stats__grid { gap:20px }
  .stat__value { font-size:clamp(2rem,10vw,2.6rem) }
  .stat__label { font-size:.9rem }
  .themes__list { gap:12px }
  .theme__content { padding:20px 22px }
  .theme__title { font-size:1.2rem }
  .theme__body { font-size:.95rem }
  .patent { padding:28px 24px }
  .patent__title { font-size:1.15rem }
  .connect__heading { font-size:clamp(1.8rem,6vw,2.2rem) }
  .connect__text { font-size:1rem }
  .connect__links { gap:12px }
  .connect__card { padding:20px 24px; min-width:100px }
  .connect__icon { width:40px; height:40px; font-size:1.2rem }
  .btn { width:100%; max-width:280px }
  .footer__inner { justify-content:center; text-align:center }
  .back-to-top { bottom:20px; right:20px; width:40px; height:40px; font-size:1rem }
}