/* Erma Shoes v4.2.6 — responsive image framing */
.image-frame {
  max-width: none;
}

.image-frame img {
  width: 100%;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
}

.image-badge {
  right: 24px;
  bottom: 24px;
}

.gallery figure:nth-child(2) img {
  object-position: center 42%;
}

@media (max-width: 900px) {
  .image-frame img {
    aspect-ratio: 16 / 10 !important;
  }
}

@media (max-width: 620px) {
  .hero {
    min-height: 1120px !important;
    align-items: flex-start;
    background: #080b0e;
  }

  .hero-bg {
    inset: 0 0 auto !important;
    height: 540px !important;
    object-fit: cover !important;
    object-position: 68% center !important;
  }

  .hero::after {
    background: linear-gradient(
      180deg,
      rgba(5, 8, 10, .04) 0%,
      rgba(5, 8, 10, .12) 29%,
      rgba(5, 8, 10, .76) 44%,
      #080b0e 53%,
      #080b0e 100%
    ) !important;
  }

  .hero-content {
    padding-top: 510px !important;
    padding-bottom: 55px !important;
  }

  .image-frame img {
    aspect-ratio: 4 / 3 !important;
  }

  .image-badge {
    right: 12px;
    bottom: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gallery img {
    transition: none;
  }
}