/* ---------------- MANAGER ---------------- */
.manager-section {
  padding: 80px 60px 40px; /* match Ranger */
  background-color: #000000;
  color: #ffffff;
  display: flex;
  justify-content: center; /* center the whole section */
}

.manager-inner-container {
  display: flex;
  align-items: center;
  gap: 60px; /* space between text and image */
  max-width: 1200px;
  flex-wrap: wrap;
  flex-direction: row-reverse; /* image on right, text on left */
  margin: 0 auto;
}

.manager-image-wrapper {
  width: 300px; /* fixed width like Ranger */
  cursor: default;
}

.manager-image-wrapper img {
  width: 100%;
  height: auto;
  border-radius: 24px;
  display: block;
  object-fit: cover;
}

.manager-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 600px; /* limits text width so it breaks nicely */
}

.manager-name {
  font-size: 42px;
  letter-spacing: 1px;
  margin: 0 0 20px 0;
  font-family: 'Geist', sans-serif;
  color: #ffffff;
}

.manager-description {
  font-size: 20px;
  letter-spacing: 1px;
  margin: 0;
  color: #d0d0d0;
  line-height: 1.5;
}

/* MOBILE */
@media (max-width: 991px) {
  .manager-inner-container {
    flex-direction: column; /* stack image above text */
    gap: 40px;
    text-align: center;
  }

  .manager-text {
    max-width: 100%;
  }

  .manager-image-wrapper {
    width: 100%;
    max-width: 400px;
  }
}