.splash {
  margin-top: calc(var(--line-height-em)*5);
}

.splash .overlapping-element {
  margin-bottom: calc(var(--line-height-em)*3);
}

.overlapping-element__image {
  max-width: 30em;
  margin-bottom: calc(var(--line-height-em)*2);
  margin-right: 0;
  margin-left: auto;
}

.overlapping-element__text::before {
  width: 200px;
}

.overlapping-element__text {
  width: 45em;
}


.announcements {
  background: var(--white);
  display: block;
  margin: 0 0 0 auto;
  max-width: 90%;
  padding: calc(var(--line-height-em)/2) var(--line-height-em);
}


.announcement__date {
  font-size: var(--fs-x-small);
  color: var(--muted);
  margin-bottom: calc(var(--line-height-em)/2);
}