.parents-container {
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
}

.parents-intro {
  padding: 5rem 1rem 3.5rem;
  background: #fdf6ed;
  text-align: center;
}

.parents-intro .parents-container {
  max-width: 820px;
}

.parents-eyebrow,
.parent-kicker {
  display: inline-block;
  margin-bottom: .8rem;
  color: #eb562f;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.parents-intro h2,
.parents-values h2 {
  margin: 0 0 1rem;
  color: #212121;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.15;
}

.parents-intro p {
  margin: 0;
  color: #635f5b;
  font-size: 1.08rem;
  line-height: 1.85;
}

.parent-profiles {
  padding: 2rem 1rem 5rem;
  background: #fdf6ed;
}

.parent-profile {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5rem);
  margin-bottom: 5rem;
}

.parent-profile:last-child {
  margin-bottom: 0;
}

.parent-profile-reverse .parent-photo-wrap {
  order: 2;
}

.parent-photo-wrap {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  border-radius: 28px;
  background: #eee3d8;
  box-shadow: 0 22px 50px rgba(64, 38, 25, .14);
}

.parent-photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
}

.parent-role {
  position: absolute;
  left: 22px;
  bottom: 22px;
  padding: .68rem 1.2rem;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 999px;
  background: rgba(33,33,33,.82);
  color: #fff;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.parent-copy h2 {
  margin: 0 0 .7rem;
  color: #212121;
  font-size: clamp(2.25rem, 4vw, 3.7rem);
  line-height: 1;
}

.parent-copy > p {
  color: #68615c;
  font-size: 1.03rem;
  line-height: 1.82;
}

.parent-copy .parent-subtitle {
  margin: 0 0 1.25rem;
  color: #9b4a30;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-style: italic;
  line-height: 1.45;
}

.parent-traits {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin: 1.7rem 0 0;
  padding: 0;
  list-style: none;
}

.parent-traits li {
  padding: .65rem 1rem;
  border: 1px solid #efcdbf;
  border-radius: 999px;
  background: #fff;
  color: #67483c;
  font-size: .86rem;
  font-weight: 700;
}

.parents-values {
  padding: 5rem 1rem;
  background: #fff;
}

.parents-values-heading {
  max-width: 720px;
  margin: 0 auto 2.6rem;
  text-align: center;
}

.parents-values-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

.parents-values-grid article {
  padding: 2rem;
  border: 1px solid #f0dfd3;
  border-radius: 20px;
  background: #fffaf6;
}

.parents-values-grid article > span {
  color: #eb562f;
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.parents-values-grid h3 {
  margin: .8rem 0 .65rem;
  color: #212121;
  font-size: 1.25rem;
}

.parents-values-grid p {
  margin: 0;
  color: #6c6661;
  line-height: 1.7;
}

@media (max-width: 800px) {
  .parents-intro { padding-top: 3.5rem; }
  .parent-profile { grid-template-columns: 1fr; gap: 2rem; margin-bottom: 4rem; }
  .parent-profile-reverse .parent-photo-wrap { order: 0; }
  .parent-photo-wrap, .parent-photo { min-height: 440px; }
  .parents-values-grid { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .parents-container { width: min(100% - 24px, 1160px); }
  .parents-intro, .parent-profiles, .parents-values { padding-left: .4rem; padding-right: .4rem; }
  .parent-photo-wrap, .parent-photo { min-height: 390px; border-radius: 20px; }
  .parent-copy h2 { font-size: 2.4rem; }
  .parent-copy .parent-subtitle { font-size: 1.15rem; }
  .parents-values-grid article { padding: 1.5rem; }
}
