/* Reuse the homepage arena and logo in a compact header above the form. */
.support-hero { height: 300px; }
.support-hero .hero-image { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.support-hero .logo-lockup { top: 50%; --logo-scale: .85; }
.support-content {
  width: min(100% - 40px, 760px);
  margin-inline: auto;
}
.support-content { padding-block: 48px; }
.support-content h1 { max-width: none; margin: 0 0 24px; font-size: clamp(36px, 7vw, 56px); }
.support-content p { color: var(--body); font-size: 17px; line-height: 1.65; }
.support-content iframe { display: block; margin-top: 32px; border: 0; }
.support-content .support-fallback { margin-top: 24px; font-size: 14px; }
.support-fallback a { text-underline-offset: 3px; }
@media (max-width: 520px) {
  .support-hero { height: 220px; }
  .support-hero .logo-lockup { --logo-scale: .6; }
}
