/* Shared compact header, following the existing 900px navigation breakpoint. */
.header-open-app{display:none}
.menu-button .close-icon{display:none}
.menu-button[aria-expanded="true"] .menu-icon{display:none}
.menu-button[aria-expanded="true"] .close-icon{display:block}
@media(max-width:900px){
  .site-header{gap:.75rem}
  .header-open-app{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:.65rem .85rem;border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap;background:rgba(255,255,255,.05)}
  .site-header .menu-button{margin-left:0;justify-content:center;min-width:44px;min-height:44px;padding:0;color:inherit;cursor:pointer}
}
@media(max-width:360px){
  .site-header{gap:.4rem;padding-inline:.75rem}
  .site-header .brand-logo{width:7rem}
  .header-open-app{padding-inline:.6rem}
}
/* Keep scrolling content blurred in both standard and WebKit browsers. */
.site-header{
  background:rgba(20,18,24,.78);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
.site-header .brand-logo{height:3.25rem}