.hero-header { top: clamp(24px,4.8svh,46px); }
.header-brand { margin: 0; font-family: Funnel,Arial,sans-serif; font-size: 34px; font-weight: 400; line-height: 1; letter-spacing: -1.8px; pointer-events: auto; }
.header-brand a { display: inline-block; padding: 3px 0; color: #e6e8f4; text-decoration: none; }
.hero-nav { gap: 24px; }
.hero-nav button { padding: 10px 12px; font-size: 12px; }
.hero-nav button:last-child { padding-right: 0; }
@media (max-width: 950px) {
  .header-brand { font-size: 29px; letter-spacing: -1.5px; }
  .hero-nav { gap: 8px; }
  .hero-nav button { padding: 10px 9px; font-size: 11px; }
}
@media (min-width: 701px) and (max-width: 950px) {
  .world { top: 52svh; width: min(69vw,1180px); }
}