.qm-hero-banner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto 36px auto;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    background-image: url("//ueeshop.ly200-cdn.com/u_file/UPBA/UPBA677/2605/08/photo/20260508162147258940.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    aspect-ratio: 3 / 1;
  }

  .qm-hero-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.03) 0%,
      rgba(255, 255, 255, 0) 48%,
      rgba(0, 0, 0, 0.04) 100%
    );
  }

  .qm-hero-link {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    text-decoration: none;
  }

  @media (max-width: 1024px) {
    .qm-hero-banner {
      aspect-ratio: 2.4 / 1;
      background-position: center center;
      margin-bottom: 28px;
    }
  }

  @media (max-width: 768px) {
    .qm-hero-banner {
      aspect-ratio: 1.65 / 1;
      background-size: cover;
      background-position: 58% center;
      margin-bottom: 24px;
    }
  }

  @media (max-width: 480px) {
    .qm-hero-banner {
      aspect-ratio: 1.35 / 1;
      background-position: 62% center;
    }
  }