/* Larger primary header brand; footer branding intentionally remains compact. */
header .logo { gap: 14px; }
header .logo-mark { width: 48px; height: 48px; border-radius: 13px; }
header .logo-mark::before { border-radius: 12px; }
header .logo-mark i { left: 10px; top: 7px; font-size: 30px; }
header .logo-mark b { left: 25px; top: 11px; width: 14px; height: 23px; border-radius: 0 0 12px 0; }
header .logo-mark em { left: 33px; top: 7px; width: 8px; height: 8px; }
header .logo-name strong { font-size: 29px; letter-spacing: -1.8px; }
header .logo-name strong span { font-size: 30px; letter-spacing: -2.4px; }
header .logo-name small { margin-top: 5px; font-size: 8px; }

@media (max-width: 560px) {
  header .logo { gap: 12px; }
  header .logo-mark { width: 40px; height: 40px; border-radius: 12px; }
  header .logo-mark::before { border-radius: 11px; }
  header .logo-mark i { left: 8px; top: 6px; font-size: 25px; }
  header .logo-mark b { left: 21px; top: 9px; width: 12px; height: 19px; border-radius: 0 0 11px 0; }
  header .logo-mark em { left: 28px; top: 6px; width: 7px; height: 7px; }
  header .logo-name strong { font-size: 24px; }
  header .logo-name strong span { font-size: 25px; }
  header .logo-name small { margin-top: 4px; font-size: 7px; }
}