.reputation__inner {
  display: flex;
  align-items: center;
  gap: 7.5%;
}

.reputation__visual {
  flex: 0 0 46%;
  max-width: 46%;
  aspect-ratio: 740 / 774;
  overflow: hidden;
}

.reputation__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reputation__content {
  flex: 1;
}

.reputation__heading {
  font-size: clamp(1.75rem, 3.75vw, 4.5rem);
  line-height: 1.2;
  color: var(--color-navy-footer);
  margin-bottom: var(--space-lg);
}

.reputation__highlight {
  color: var(--color-accent);
}

.reputation__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: var(--space-lg);
}

.reputation__list li {
  display: flex;
  align-items: center;
  gap: 20px;
}

.reputation__list img {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.reputation__list span {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 1.6vw, 2rem);
  color: var(--color-navy-footer);
}

@media (max-width: 1024px) {
  .reputation__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-lg);
  }

  .reputation__visual,
  .reputation__content {
    max-width: 100%;
    flex-basis: auto;
    width: 100%;
  }

  .reputation__visual {
    aspect-ratio: 16 / 10;
    max-height: 60vh;
  }
}

@media (max-width: 640px) {
  .reputation__visual {
    aspect-ratio: 4 / 3;
    max-height: 50vh;
  }
}
