/* Warm premium visual system */
:root {
  --ink: #183129;
  --paper: #f4f1e9;
  --gold: #b89155;
  --line: rgba(24, 49, 41, .17);
  --muted: #5d6b65;
}

.site-header { background: #f4f1e9; }
.hero, .contact { background: #183129; }
.hero h1 em, .contact h2 em { color: #d4ac69; }
.eyebrow.accent, .director-grid span, .advisory-grid > article > p { color: #9d743d; }
.eyebrow.light { color: #d7b071; }
.ventures, .leadership { background: #e7e2d6; }
.intro h2 em, .ventures h2 em, .projects h2 em, .leadership h2 em { color: #9d743d; }
.button-gold { background: #b89155; color: #172f28; }
.project-card p { color: #a17238; }
.hero-visual img, .featured-project, .project-card img { background: #e5e0d5; }

/* Presentation logo, uncropped imagery and leadership section */
.brand img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  border-radius: 50%;
}

.hero-visual img,
.featured-project img,
.project-card img {
  object-fit: contain;
  background: #e5e0d5;
}

/* Let project visuals use their natural proportions—no padded side panels. */
.project-card img {
  height: auto;
  aspect-ratio: auto;
  background: transparent;
}

/* One project per row keeps the image and its information together. */
.project-grid,
.upcoming-grid {
  grid-template-columns: 1fr;
  gap: 58px;
}

.project-card {
  max-width: 100%;
}

.project-card div {
  max-width: 760px;
  padding-top: 24px;
}

.featured-project { background: #e5e0d5; }

.upcoming-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 36px;
}

.leadership { background: #e7e2d6; }
.leadership h2 { font-size: clamp(39px, 4.1vw, 61px); }
.leadership h2 em { color: #9d743d; }
.leadership-heading {
  display: grid;
  grid-template-columns: 1fr .7fr;
  gap: 10vw;
  margin: 20px 0 60px;
}
.leadership-heading p { color: var(--muted); font-size: 17px; padding-top: 10px; }
.director-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
}
.director-grid article { padding: 29px 24px 30px 0; border-bottom: 1px solid var(--line); }
.director-grid article + article { padding-left: 24px; border-left: 1px solid var(--line); }
.director-grid span, .advisory-grid > article > p {
  color: #a47538;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.director-grid h3 { font-size: 31px; margin-top: 46px; }
.advisory-grid { display: grid; grid-template-columns: 1fr 1fr 1.35fr; gap: 24px; padding-top: 32px; }
.advisory-grid h3 { font-size: 21px; line-height: 1.25; margin: 10px 0 16px; }
.advisory-grid span { color: var(--muted); font-size: 13px; }

@media (max-width: 750px) {
  .leadership-heading, .director-grid, .advisory-grid, .upcoming-grid { grid-template-columns: 1fr; }
  .director-grid article + article { padding-left: 0; border-left: 0; }
  .director-grid h3 { margin-top: 20px; }
}