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

.splash__image-wrapper {
  position: relative;
}

@media screen and (max-width:1023px) {
  .splash__image {
    height: 300px;
    object-fit: cover;
  }
}

.entire-directory-text {
  color: var(--burnt-orange);
  font-weight: var(--fw-bold);
}

.entire-directory-text__sub-prompt {
  font-size: 1em;
  margin-left: 2em;
  font-weight: var(--fw-light);
}

.entire-directory-text a, .sub-directory a {
  text-decoration: none;
}

.sub-directory {
  margin-left: var(--line-height-em);
  margin-top: calc(var(--line-height-em)*2);
  margin-bottom: calc(var(--line-height-em)*2);
  position: relative;
  list-style: none;
}

.sub-directory li {
  width: 100%;
}

.sub-directory li a {
  padding: calc(var(--line-height-em)/4) 0;
  line-height: var(--line-height);
  display: block;
  width: 100%;
}

.sub-directory::before {
  content: '';
  position: absolute;
  left: 0;
  top: -10%;
  height: 120%;
  width: 10px;
  background-color: var(--burnt-orange);
}