.memoriam-body {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(2, 5, 6, 0.08), rgba(2, 5, 6, 0.36)),
    #070808 url("images/in-memoriam-gallery-background-v4.png") center top / 100% auto no-repeat scroll;
}

.memoriam-page {
  min-height: calc(100vh - var(--site-header-height, 68px));
  padding-top: clamp(275px, 22vw, 450px);
  padding-right: clamp(20px, 15vw, 280px);
  padding-bottom: 90px;
  padding-left: clamp(20px, 15vw, 280px);
}

.memoriam-wall {
  position: relative;
  width: min(1380px, 100%);
  min-height: min(700px, calc(100vh - 150px));
  margin: 0 auto;
  padding: 0 clamp(38px, 6vw, 110px) 72px;
  background: transparent;
  box-shadow: none;
}

.memoriam-laurel {
  display: none;
}

.memoriam-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.memoriam-list {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px 16px;
  width: min(1000px, 100%);
  margin: 0 auto;
}

.memoriam-list:has(a:only-child) {
  grid-template-columns: minmax(320px, 620px);
  justify-content: center;
}

.memoriam-list a {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 39px;
  padding: 5px 9px 6px 13px;
  color: #d8d0c4;
  border: 0;
  border-bottom: 1px solid rgba(177, 151, 109, 0.34);
  background: linear-gradient(90deg, rgba(113, 90, 57, 0.1), transparent 80%);
  box-shadow: none;
  text-decoration: none;
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.8);
  transition: color 160ms ease, transform 160ms ease;
}

.memoriam-list a:hover,
.memoriam-list a:focus-visible {
  color: #fff;
  background: linear-gradient(90deg, rgba(10, 116, 155, .2), transparent 88%);
  border-color: rgba(181, 215, 58, 0.62);
  transform: translateX(3px);
}

.memoriam-list span {
  display: block;
  min-width: 0;
  font: 600 clamp(17px, .98vw, 20px)/1 "Barlow Condensed", sans-serif;
  letter-spacing: .9px;
  text-align: left;
  text-transform: uppercase;
}

.memoriam-list a > b {
  color: #a9a297;
  font: 600 10px/1 "Barlow Condensed", sans-serif;
  font-weight: 600;
  letter-spacing: .7px;
  text-transform: uppercase;
  white-space: nowrap;
}

.memoriam-list i { position: absolute; top: 9px; bottom: 9px; left: 0; display: block; width: 2px; background: var(--cyan); }

.memoriam-list i.lime {
  background: var(--lime);
}

.memoriam-empty {
  margin: 90px auto 0;
  color: #bcb5a9;
  font: 24px/1.4 Georgia, serif;
  text-align: center;
}

@media (max-width: 1100px) {
  .memoriam-page {
    padding-right: 5vw;
    padding-left: 5vw;
  }

}

@media (max-width: 720px) {
  .memoriam-body {
    background-size: auto, 100% auto;
    background-position: center top, center 64px;
    background-attachment: scroll;
  }

  .memoriam-page {
    padding-top: clamp(270px, calc(58vw + 64px), 314px);
  }

  .memoriam-list {
    grid-template-columns: 1fr;
  }

  .memoriam-wall {
    padding-right: 24px;
    padding-left: 24px;
  }
}