.brand-logo {
  display: block;
  width: clamp(210px, 20vw, 300px);
  height: auto;
}

.leadership-section {
  padding: 8vw 7vw;
  background: var(--cream);
  display: grid;
  grid-template-columns: minmax(280px, .78fr) 1.22fr;
  gap: 8vw;
  align-items: center;
}

.leadership-photo-slot {
  aspect-ratio: 4 / 5;
  background: #e7dfbd;
  border: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}

.leadership-photo-slot::after {
  content: "Headshot";
  position: absolute;
  inset: auto 1rem 1rem;
  font: 700 .72rem "Manrope";
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(40, 54, 24, .45);
}

.leadership-photo-slot img { width: 100%; height: 100%; object-fit: cover; display: block; }
.leadership-kicker { color: var(--rust); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; font-size: .78rem; margin-bottom: .75rem; }
.leadership-copy h2 { margin-bottom: 1.5rem; }
.leadership-copy > p:not(.section-number):not(.leadership-kicker) { font-size: 1.08rem; color: #43502c; max-width: 760px; }
.quote-label { font: 700 .7rem "Manrope"; text-transform: uppercase; letter-spacing: .12em; color: var(--rust); margin-bottom: 1.25rem; }

@media (max-width: 900px) {
  .leadership-section { grid-template-columns: 1fr; }
  .leadership-photo-slot { max-width: 520px; }
}

@media (max-width: 600px) {
  .brand-logo { width: 190px; }
  .leadership-section { padding: 5.5rem 6vw; }
}