/* Colour and contrast only, scoped to the version 73 homepage. */
#homePage { background: #e8f5f4; }
#homePage .hero p, #homePage .hero .micro { color: #455762; }
#homePage .hero .session-hero-photo { background: var(--purple-dark); }
#homePage .hero .session-hero-photo figcaption { color: var(--white); }
#homePage > #about {
  background: var(--white);
  box-shadow: 0 0 0 100vmax var(--white);
  clip-path: inset(0 -100vmax);
}
#homePage #about .pillcard:nth-child(1) { background: #e8f5f4; border-color: #a1cbc9; }
#homePage #about .pillcard:nth-child(2) { background: #fff6c5; border-color: #e8cd5c; }
#homePage #about .pillcard:nth-child(3) { background: #eee8f7; border-color: #c5b3df; }
#homePage #about .pillcard span { color: #454052; }
#homePage > section:nth-of-type(3) {
  background: var(--purple-dark);
  box-shadow: 0 0 0 100vmax var(--purple-dark);
  clip-path: inset(0 -100vmax);
}
#homePage > section:nth-of-type(3) > .section-kicker { color: var(--yellow); }
#homePage > section:nth-of-type(3) > .section-title { color: var(--white); }
#homePage .page-doorway { border-color: transparent; border-top-color: var(--teal); }
#homePage .page-doorway:nth-child(3n + 2) { border-top-color: var(--yellow); }
#homePage .page-doorway:nth-child(3n) { border-top-color: var(--purple); }
#homePage .page-doorway:hover, #homePage .page-doorway:focus-visible { border-color: var(--yellow); }
#homePage .page-doorway p { color: #585365; }