@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&display=swap');
/* A prominent, compact wordmark anchored at the right edge of every header. */
.site-header { gap: clamp(14px, 2vw, 30px); }
.site-header .brand {
  order: 3;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  padding: 4px 0;
  font-family: 'Syne', sans-serif !important;
  letter-spacing: -.045em;
  transition: transform .2s ease;
}
.site-header .brand:hover { transform: translateY(-2px); }
.site-header .brand small {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding-left: 13px;
  border-left: 3px solid var(--accent);
  font: 800 26px/.85 'Syne', sans-serif;
  letter-spacing: -.045em;
}
.site-header .brand small b { font-weight: 800; }
.footer-top .brand { font-family: 'Syne', sans-serif !important; letter-spacing: -.045em; }
.footer-top .brand small { display: flex; flex-direction: column; gap: 1px; margin: 0; padding-left: 12px; border-left: 3px solid var(--accent); font: 800 22px/.9 'Syne', sans-serif; letter-spacing: -.045em; }
.site-header .desktop-nav { order: 1; margin-right: auto; }
.site-header .header-actions { order: 2; margin-left: auto; }
@media (max-width: 900px) {
  .site-header .header-actions { order: 1; margin-left: 0; margin-right: auto; }
  .site-header .brand { order: 2; margin-left: auto; }
}
@media (max-width: 640px) {
  .site-header .brand small { font-size: 23px; padding-left: 10px; }
  .site-header .header-actions { gap: 4px; }
}
@media (max-width: 380px) {
  .site-header .brand small { font-size: 21px; }
}