/* Photo captions retain bright subjects; shading follows the text area. */
.hero__scrim {
  background: linear-gradient(90deg, rgba(18,32,51,.62), rgba(18,32,51,.26) 48%, transparent 75%),
    linear-gradient(0deg, rgba(18,32,51,.72), rgba(18,32,51,.12) 65%, transparent);
}
.hero__copy h1 em { color: #ffd16b; }
.hero__copy p, .hero__card p { color: #fff; }
.hero__card { background: rgba(18,32,51,.82); }
.hero__tick b small { opacity: 1; }

/* Gold is decorative on light cards; numbers use an accessible ochre. */
.bento__n { color: #89600d; }
.bento__cell--navy .bento__n { color: #f6d48a; }
.bento__cell--sun .bento__n,
.bento__cell--sun p { color: #122033; }
.bento__cell--img::after {
  content: "";
  position: absolute;
  inset: 45% 0 0;
  background: linear-gradient(transparent, rgba(18,32,51,.78));
  pointer-events: none;
}
.bento__cell--img .cap { z-index: 1; }

/* Start the portrait scrim above the caption rather than at its first line. */
.teacher--hero .teacher__meta {
  padding-top: 70px;
  background: linear-gradient(transparent, rgba(18,32,51,.78) 52%, rgba(18,32,51,.9));
}
.teacher__meta span { opacity: 1; color: #e8eef4; }
.teacher--sm .teacher__meta { min-width: 0; background: #1b3a57; }
.teacher--sm p { color: #e8eef4; }
.teacher--sm { align-items: stretch; }
.teacher--sm img {
  position: absolute;
  inset: 0 auto 0 0;
  width: 42%;
  height: 100%;
}
.teacher--sm .teacher__meta { grid-column: 2; }

.slice__scrim {
  background: linear-gradient(180deg, transparent 25%, rgba(18,32,51,.55) 62%, rgba(18,32,51,.92));
}
.slice__txt p { color: #fff; }
.field input::placeholder, .field textarea::placeholder { color: #5a6b7c; opacity: 1; }
.price .sum small { opacity: 1; }
.quote--big footer span, .loader__pct { color: #d7e3ee; }

@media (max-width: 1024px) {
  .hero__scrim {
    background: linear-gradient(90deg, rgba(18,32,51,.62), rgba(18,32,51,.35) 70%, rgba(18,32,51,.18)),
      linear-gradient(0deg, rgba(18,32,51,.68), transparent 65%);
  }
}

@media (max-width: 720px) {
  .teacher--sm img { position: static; width: 100%; height: 220px; }
  .teacher--sm .teacher__meta { grid-column: 1; }
}