.ee-era--illustrated {
  max-width: none;
  min-height: 520px;
  margin: 0 calc(clamp(1.4rem,7vw,7rem) * -1) 4rem;
  padding: clamp(3rem,7vw,6rem) clamp(1.4rem,7vw,7rem) clamp(3rem,7vw,6rem) calc(clamp(1.4rem,7vw,7rem) + 12rem);
  background-size: cover;
  background-position: center;
  color: #fff;
  isolation: isolate;
}
.ee-era--illustrated::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg,rgba(14,14,18,.82),rgba(14,14,18,.66) 58%,rgba(14,14,18,.45));
}
.ee-era--illustrated[data-era="1"] { background-image: url('../images/generated/timeline-1865-1930-afrocentric-v1.png'); }
.ee-era--illustrated[data-era="2"] { background-image: url('../images/generated/timeline-1930-1965-afrocentric-v1.png'); }
.ee-era--illustrated[data-era="3"] { background-image: url('../images/generated/timeline-1959-2006-afrocentric-v1.png'); }
.ee-era--illustrated[data-era="4"] { background-image: url('../images/generated/timeline-2008-today-afrocentric-v1.png'); }
.ee-era--illustrated .ee-period { color: #f3ca75; }
.ee-era--illustrated .ee-tags li { color: #211b18; background: rgba(255,248,235,.94); }
.ee-era-art-credit { margin-top: 1.4rem; font-size: .72rem!important; color: #e6d7bd; }
@media (max-width:850px) {
  .ee-era--illustrated { margin-left: calc(clamp(1.4rem,7vw,7rem) * -1); margin-right: calc(clamp(1.4rem,7vw,7rem) * -1); padding-left: 4.5rem; min-height: 580px; }
}