.sobre-shell { width: min(100% - 2rem, 720px); margin: 0 auto; padding: clamp(2rem, 6vw, 4rem) 0 5rem; }
.sobre-shell h1 { max-width: 16ch; margin: .35rem 0 1.5rem; font-size: clamp(2.2rem, 7vw, 3.3rem); line-height: 1; letter-spacing: -.045em; }
.sobre-shell .lead { max-width: 65ch; color: var(--ink); font-size: 1.15rem; line-height: 1.6; margin-bottom: 2rem; }
.sobre-section { margin-bottom: 2rem; }
.sobre-section h2 { margin: 0 0 .6rem; font-size: 1.4rem; letter-spacing: -.02em; }
.sobre-section p { max-width: 65ch; color: var(--ink); line-height: 1.65; margin: 0 0 1rem; }
.sobre-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin: 2.5rem 0 1.5rem; }
.sobre-actions .button { text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.sobre-footer { color: var(--muted); font-size: .9rem; }
.sobre-footer a { color: var(--primary-dark); font-weight: 700; }

@media (max-width: 620px) {
  .sobre-actions { flex-direction: column; }
  .sobre-actions .button { width: 100%; }
}

.real-people-banner {
  position: relative;
  overflow: hidden;
  border-radius: 1.4rem;
  margin: 2.5rem 0;
  box-shadow: var(--shadow);
}
.real-people-banner img {
  display: block;
  width: 100%;
  height: clamp(220px, 38vw, 380px);
  object-fit: cover;
}
.real-people-banner-copy {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.2rem, 4vw, 2.2rem);
  background: linear-gradient(180deg, rgba(37, 35, 31, 0) 35%, rgba(37, 35, 31, .78) 100%);
}
.real-people-banner-copy h2 {
  margin: 0 0 .3rem;
  color: #fff;
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  letter-spacing: -.02em;
}
.real-people-banner-copy p {
  margin: 0;
  color: rgba(255, 255, 255, .92);
  font-size: 1.05rem;
  font-weight: 600;
}