/* Preserve the original mobile layout; center a larger brand in the PC header. */
.desktop-logo { display:none; }
@media(min-width:701px) {
  aside .brand { display:none; }
  .shell header { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:44px 24px 18px; min-height:160px; }
  .desktop-logo { display:block; width:min(440px,100%); max-width:100%; }
  .desktop-logo img { display:block; width:100%; height:auto; filter:url(#logo-brand-red); background:transparent; }
  .shell header>span { order:2; text-align:center; font-size:12px; }
}
