/* Shared iOS/web identity; reading typography remains in the existing theme. */
.brand-lockup { display:inline-flex; align-items:center; gap:10px; line-height:1; flex-shrink:0; }
.brand-lockup > .brand-name { color:inherit; }
.brand-mark { display:block; width:44px; height:44px; flex-shrink:0; border-radius:9px; }
.footer .brand-mark { width:36px; height:36px; border-radius:8px; }
@media (max-width:600px) {
  .header .brand-lockup { gap:8px; }
  .header .brand-mark { width:32px; height:32px; border-radius:7px; }
}
@media (max-width:360px) {
  .header .brand-lockup { font-size:27px; }
  .header .brand-mark { width:28px; height:28px; border-radius:6px; }
}