H1 {
  font-family: 'AvantGarde'; }

H2 {
  font-family: 'AvantGarde'; }

H3 {
  font-family: 'AvantGarde'; }

H4 {
  font-family: 'AvantGarde'; }

hero {
  position: relative;
  display: flex;
  aspect-ratio: 3/0.8;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 960px;
  margin: 0 auto 0.5rem auto;
  border-radius: var(--q2-radius-lg);
  box-shadow: rgba(19, 19, 22, 0.04) 0 1px 2px, rgba(19, 19, 22, 0.04) 0 8px 24px -8px; }
  hero #hero-inner {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: clamp(1rem, 0.5rem + 2.5vw, 3rem);
    overflow: hidden; }
    hero #hero-inner #hero-badge {
      position: relative;
      max-width: 144px;
      max-height: 100%; }
      hero #hero-inner #hero-badge img {
        position: relative;
        border-radius: 0.375rem;
        max-height: 100%;
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px; }
    hero #hero-inner #hero-content H1 {
      font-size: clamp(2rem, 5vw + 1rem, 4rem);
      color: #ffffff;
      margin-bottom: clamp(0.2rem, 0.1rem + 2vw, 1rem); }
    hero #hero-inner #hero-content H2 {
      font-size: clamp(1.1rem, 0.5rem + 2.5vw, 1.8rem); }

@media (max-width: 780px) {
  hero #hero-inner #hero-badge {
    max-height: 20vw; } }
@media (max-width: 640px) {
  hero #hero-inner #hero-badge {
    display: none; } }

/*# sourceMappingURL=custom.css.map */