/* ============================================================
   THE HUMAN ELEMENT — NOSOTROS
   ============================================================ */

.nos-intro {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  border-bottom: 1.5px solid var(--he-ink);
}
.nos-intro__copy {
  padding: 80px 40px;
  display: flex;
  flex-direction: column;
  gap: 26px;
  border-right: 1.5px solid var(--he-ink);
}
.nos-intro__eyebrow { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--he-ink-soft); }
.nos-intro__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(32px, 6vw, 64px);
  line-height: 1.0;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
.nos-intro__title em { font-family: var(--font-serif); font-style: italic; text-transform: lowercase; font-weight: 400; color: var(--he-orange); }
.nos-intro__body { margin: 0; max-width: 520px; font-size: 18px; line-height: 1.6; color: var(--he-ink-soft); }
.nos-intro__panel {
  position: relative;
  background: var(--he-grey-light);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 340px;
}

.team-section { border-bottom: 1.5px solid var(--he-ink); }
.team-section__eyebrow { padding: 44px 40px 8px; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--he-ink-soft); }
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  padding: 32px 0 0;
  border-top: 1px solid var(--he-grey);
  margin-top: 32px;
}
.team-member { padding: 40px; border-right: 1px solid var(--he-grey); display: flex; flex-direction: column; gap: 16px; }
.team-member:last-child { border-right: none; }
.team-member__photo {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid var(--he-grey);
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}
.team-member--orange .team-member__photo { background: var(--he-orange-tint); }
.team-member--lilac .team-member__photo { background: var(--he-lilac-tint); }
.team-member--teal .team-member__photo { background: var(--he-teal-tint); }
.team-member__name { font-size: 20px; font-weight: 800; letter-spacing: -0.01em; font-family: var(--font-display); }
.team-member__role { font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; }
.team-member--orange .team-member__role { color: var(--he-orange); }
.team-member--lilac .team-member__role { color: var(--he-lilac-deep); }
.team-member--teal .team-member__role { color: var(--he-teal-deep); }
.team-member--blue .team-member__role { color: var(--he-blue); }
.team-member--blue .team-member__photo { background: var(--he-blue-tint); }
.team-member__bio { margin: 0; font-size: 14px; line-height: 1.5; color: var(--he-ink-soft); }
.team-section__note { padding: 0 40px 24px; font-size: 13px; color: var(--he-grey-dark); }

.digest-band {
  background: var(--he-teal-tint);
  border-bottom: 1.5px solid var(--he-ink);
  padding: 64px clamp(20px, 5vw, 40px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px 40px;
  align-items: center;
}
.digest-band__copy { display: flex; flex-direction: column; gap: 14px; }
.digest-band__eyebrow { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--he-teal-deep); font-weight: 700; }
.digest-band__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(28px, 5vw, 38px);
  line-height: 1.05;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
.digest-band__title em { font-family: var(--font-serif); font-style: italic; text-transform: lowercase; font-weight: 400; color: var(--he-teal-deep); }
.digest-band__body { margin: 0; font-size: 16px; line-height: 1.5; color: var(--he-ink-soft); max-width: 480px; }

.contact-section { border-bottom: 1.5px solid var(--he-ink); }
.contact-section__eyebrow { padding: 56px 40px 8px; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--he-ink-soft); }
.contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 0;
  padding: 24px 0 64px;
  max-width: var(--container-max);
  margin: 0 auto;
}
.contact-grid__copy {
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-right: 1px solid var(--he-grey);
}
.contact-grid__title { margin: 0; font-family: var(--font-display); font-weight: 900; font-size: 34px; line-height: 1.1; text-transform: uppercase; letter-spacing: -0.01em; }
.contact-grid__title em { font-family: var(--font-serif); font-style: italic; text-transform: lowercase; font-weight: 400; color: var(--he-orange); }
.contact-grid__body { margin: 0; font-size: 16px; line-height: 1.55; color: var(--he-ink-soft); max-width: 400px; }
.contact-grid__details {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
  color: var(--he-ink-soft);
  padding-top: 12px;
  border-top: 1px solid var(--he-grey);
}
.contact-grid__form-col { padding: 0 40px; }

@media (max-width: 640px) {
  .nos-intro__copy { border-right: none; border-bottom: 1px solid var(--he-grey); }
  .contact-grid__copy { border-right: none; border-bottom: 1px solid var(--he-grey); padding-bottom: 32px; margin-bottom: 8px; }
}