@media (max-width: 360px) {
  body {
    overflow-x: hidden;
  }

  .hero-title {
    font-size: clamp(34px, 11.5vw, 40px);
  }

  .object-types {
    gap: 7px;
  }

  .object-type {
    font-size: clamp(11px, 3.8vw, 13px);
  }

  .hero-actions .btn {
    padding-inline: 12px;
    gap: 8px;
  }

  .hero-actions .btn img {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
  }

  .hero-actions .btn--phone {
    font-size: clamp(15px, 5.2vw, 18px);
    white-space: nowrap;
  }
}

@media (max-width: 330px) {
  .hero-title {
    font-size: 36px;
  }

  .hero-actions .btn--phone {
    font-size: 16px;
  }
}