.team-page .page-hero {
  align-items: start;
  padding-bottom: 3rem;
}

.team-page .site-nav a[aria-current="page"] {
  border-color: transparent;
  background: rgba(245, 241, 232, 0.14);
  color: var(--surface-strong);
}

.team-page .site-nav .nav-button {
  border: 1px solid var(--paper-soft);
  background: var(--paper-soft);
  color: var(--burgundy);
}

.team-page .team-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: clamp(1rem, 4vw, 2rem);
  align-items: stretch;
}

.team-page .team-main-photo {
  min-height: 100%;
  margin: 0;
  border: 1px solid rgba(229, 227, 221, 0.78);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(245, 241, 232, 0.52)),
    url("assets/Textures/6.png") left center / cover no-repeat;
  box-shadow: 0 18px 44px rgba(50, 51, 53, 0.08);
  overflow: hidden;
}

.team-page .team-main-photo img {
  width: 100%;
  height: 100%;
  min-height: 31rem;
  object-fit: cover;
  object-position: center;
}

.team-page .team-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.team-page .team-card {
  display: grid;
  align-content: end;
  min-height: 9.5rem;
  padding: 1.15rem;
  border: 1px solid rgba(229, 227, 221, 0.78);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.86)),
    url("assets/Textures/9.png") center / cover no-repeat;
  box-shadow: 0 12px 30px rgba(50, 51, 53, 0.05);
  text-align: left;
}

.team-page .team-card:nth-child(2n) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.86)),
    url("assets/Textures/6.png") left center / cover no-repeat;
}

.team-page .team-card:nth-child(3n) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(245, 241, 232, 0.86)),
    url("assets/Textures/7.png") right center / cover no-repeat;
}

.team-page .team-card:nth-child(5) {
  grid-column: 1 / -1;
}

.team-page .team-card::before {
  height: 4px;
  background: var(--burgundy);
}

.team-page .team-card:nth-child(2n)::before {
  background: var(--sage);
}

.team-page .team-card:nth-child(3n)::before {
  background: var(--gold);
}

.team-page .team-card h3 {
  margin: 0;
  color: var(--sage-deep);
  font-size: 1.35rem;
  line-height: 1.1;
}

.team-page .two-column {
  gap: 0.9rem;
}

@media (max-width: 980px) {
  .team-page .team-overview {
    grid-template-columns: 1fr;
  }

  .team-page .team-main-photo img {
    min-height: 24rem;
  }
}

@media (max-width: 560px) {
  .team-page .team-grid {
    grid-template-columns: 1fr;
  }

  .team-page .team-card:nth-child(5) {
    grid-column: auto;
  }

  .team-page .team-main-photo img {
    min-height: 18rem;
  }
}