:root {
  --am-navy: #001e50;
  --am-text: #1c2430;
  --am-page-width: 1180px;
}

.am-page {
  background: #fff;
  color: var(--am-text);
  overflow: hidden;
}

.am-models {
  padding: 34px 14px 120px;
}

.am-models__grid {
  display: grid;
  gap: 62px 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto;
  max-width: var(--am-page-width);
}

.am-model-card {
  min-width: 0;
  text-align: center;
}

.am-model-card__media {
  color: inherit;
  display: block;
  text-decoration: none;
}

.am-model-card__media img {
  display: block;
  height: auto;
  width: 100%;
  transition: transform .28s ease;
}

.am-model-card:hover .am-model-card__media img {
  transform: translateY(-4px);
}

.am-model-card__link {
  align-items: center;
  color: var(--am-navy);
  display: inline-flex;
  font-size: 14px;
  font-weight: 800;
  gap: 9px;
  margin-top: 26px;
  text-decoration: none;
}

.am-model-card__link:hover {
  color: #003399;
}

.am-model-card__link i {
  font-size: .8em;
  transition: transform .22s ease;
}

.am-model-card__link:hover i {
  transform: translateX(4px);
}

@media (max-width: 900px) {
  .am-models__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 580px) {
  .am-models {
    padding-bottom: 70px;
  }

  .am-models__grid {
    gap: 58px 0;
    grid-template-columns: 1fr;
  }
}