:root {
  --ink: #173b5e;
  --green: #2f6f9f;
  --sage: #b9d6e8;
  --mint: #eaf4fa;
  --cream: #f7fafc;
  --gold: #4c91c5;
  --muted: #5a6f7f;
  --serif: "Merriweather", Georgia, serif;
  --sans: "Manrope", Arial, sans-serif;
}

.site-header {
  background: rgba(247, 250, 252, 0.96);
  border-bottom-color: rgba(23, 59, 94, 0.1);
}

.hero-art {
  background: linear-gradient(#d9edf8 0 46%, #8ebbd6 46%);
  box-shadow: 0 24px 70px rgba(23, 59, 94, 0.16);
}

.portrait-hero::after {
  content: "";
  position: absolute;
  inset: 55% 0 0;
  background: linear-gradient(transparent, rgba(16, 47, 75, 0.84));
  pointer-events: none;
}

.portrait-hero img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 38%;
}

.portrait-hero p {
  z-index: 1;
}

.hill-one { background: #5e99bd; }
.hill-two { background: #285f87; }
.portrait-placeholder { background: #dcecf6; }
.portrait-placeholder img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 38%;
  border-radius: inherit;
}
.support .eyebrow { color: #d7ebf7; }
.support p,
footer a,
footer p { color: #d7e6f0; }

.interest-form input,
.interest-form select,
.interest-form textarea { border-color: #bfd1df; }

footer { background: #102f4b; }
.notice { background: rgba(10, 34, 53, 0.7); }
.forms-section { scroll-margin-top: 88px; padding-top: 36px; }

@media (max-width: 850px) {
  .mobile-menu { border-bottom-color: #cbdce7; }
  .forms-section { scroll-margin-top: 76px; padding-top: 30px; }
}