@media (max-width: 1040px) {
  .hero {
    min-height: min(660px, 100vh - 64px);
  }
  .hero__overlay {
    background:
      linear-gradient(180deg, rgba(42,24,5,0.46) 0%, rgba(42,24,5,0.22) 44%, rgba(42,24,5,0.08) 100%),
      linear-gradient(90deg, rgba(42,24,5,0.52) 0%, rgba(42,24,5,0.10) 100%);
  }
  .hero__image {
    object-position: 87% center;
  }
  .hero__inner {
    display: flex;
    align-items: flex-start;
    padding-top: 2.6rem;
    padding-bottom: 1.6rem;
  }
  .hero__content {
    max-width: 520px;
    padding: 1rem 1rem 1.05rem;
  }
  .hero__content::before {
    inset: -0.55rem;
    width: auto;
  }
  .hero__info {
    width: 100%;
  }
  .hero__badge,
  .hero__statcard {
    width: auto;
  }
}

@media (max-width: 680px) {
  .hero {
    min-height: 0;
  }
  .hero__overlay {
    background:
      linear-gradient(180deg, rgba(42,24,5,0.52) 0%, rgba(42,24,5,0.30) 38%, rgba(42,24,5,0.10) 100%);
  }
  .hero__image {
    object-position: 88% center;
  }
  .hero__inner {
    padding-top: 2rem;
    padding-bottom: 1.2rem;
    gap: 0.8rem;
  }
  .hero__content {
    padding: 0.9rem 0.9rem 0.9rem;
    gap: 0.75rem;
  }
  .hero__title {
    font-size: clamp(46px, 16vw, 72px);
  }
  .hero__desc {
    font-size: 13px;
    max-width: none;
  }
  .hero__actions {
    align-items: flex-start;
  }
  .hero__note {
    max-width: none;
  }
  .hero__info {
    flex-direction: column;
    width: 100%;
    margin-top: 0.1rem;
  }
  .hero__badge,
  .hero__statcard {
    max-width: none;
  }
  .hero__badge strong {
    font-size: 46px;
  }
  .hero__statTitle {
    font-size: 15px;
  }
}