/* Homepage mobile hero proportions */
@media (max-width: 760px) {
  .hero-inner {
    gap: 32px;
    padding-bottom: 42px;
  }

  .hero-visual {
    width: 100%;
    min-height: 0;
    height: auto;
    aspect-ratio: 16 / 10;
    border-radius: 20px;
  }

  .hero-visual img {
    object-fit: cover;
    object-position: 56% 50%;
    border-radius: 20px;
  }

  .hero-spec {
    padding: 13px 15px;
    border-radius: 14px;
  }

  .hero-spec strong {
    font-size: 17px;
  }
}

@media (max-width: 420px) {
  .hero-visual {
    aspect-ratio: 4 / 3;
  }
}