html {
  -webkit-text-size-adjust: 100%;
  overflow-x: clip;
}

body {
  overflow-wrap: anywhere;
}

img,
svg,
video {
  max-width: 100%;
}

img {
  height: auto;
}

img[alt="Help On Arrival brand mark"] {
  aspect-ratio: 1;
  height: 48px;
  object-fit: contain;
  width: 48px;
}

button,
[role="button"],
input[type="submit"],
input[type="button"],
a.inline-flex,
header a,
header button {
  min-height: 44px;
  touch-action: manipulation;
}

button[aria-controls="hoa-mobile-menu"] {
  min-height: 44px;
  min-width: 44px;
}

footer a {
  min-height: 32px;
}

@media (max-width: 480px) {
  header {
    min-height: 88px;
  }

  h1 {
    overflow-wrap: balance;
  }

  input,
  select,
  textarea {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
.hoa-brand-name-strong {
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.hoa-menu-toggle {
  flex: 0 0 auto;
}

.mobile-fallback-menu {
  z-index: 70;
}

.hoa-social-action .hoa-social-orb,
.hoa-contact-pill > span:first-child {
  align-items: center;
  display: inline-flex !important;
  justify-content: center;
}

.hoa-social-action .hoa-brand-logo {
  display: block;
  height: 28px;
  width: 28px;
}

.hoa-waist-up-crop {
  height: clamp(340px, 44vw, 560px) !important;
  object-fit: cover !important;
  object-position: center 18% !important;
  width: 100% !important;
}

@media (min-width: 1024px) {
  .hoa-menu-toggle {
    display: none !important;
  }
}

@media (max-width: 1023.98px) {
  header .hoa-menu-toggle {
    display: inline-flex !important;
  }

  .mobile-fallback-menu[data-open="true"] {
    display: block !important;
  }

  .hoa-waist-up-crop {
    height: clamp(320px, 86vw, 430px) !important;
    object-position: center 15% !important;
  }
}