/* Approved In Memoriam master: engraved artwork and memorial entries share one canvas. */
.memoriam-body.memoriam-responsive {
  overflow-x: hidden;
  min-height: 100vh;
  background: #070808;
}

.memoriam-responsive > .memoriam-page { visibility: hidden; }
.memoriam-stage-canvas > .memoriam-page { visibility: visible; }

.memoriam-stage-shell {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

.memoriam-stage-canvas {
  position: relative;
  display: block;
  width: 2033px;
  height: 1144px;
  overflow: hidden;
  transform-origin: left top;
  background: #070808;
}

.memoriam-background-layer {
  position: absolute;
  z-index: 0;
  inset: 0;
  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 / 2033px 1144px no-repeat;
  pointer-events: none;
  user-select: none;
}

.memoriam-responsive .site-header {
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 30;
  width: 2033px;
  min-width: 2033px;
  height: 68px;
  min-height: 68px;
}

.memoriam-responsive .main-nav {
  justify-content: center;
  gap: 16px;
  width: 2033px;
  min-width: 0;
  height: 68px;
  padding-right: 152px;
  padding-left: 152px;
  overflow: visible;
}

.memoriam-responsive .main-nav a { flex: initial; font-size: 12px; }
.memoriam-responsive .main-nav a.active::after { bottom: -14px; width: 55px; height: 4px; }
.memoriam-responsive .site-header-logo { top: 50%; left: 34px; width: 106px; height: 53px; }
.memoriam-responsive .site-header-logo img { max-height: 46px; }

.memoriam-responsive .memoriam-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 2033px;
  min-width: 2033px;
  height: 1144px;
  min-height: 1144px;
  margin: 0;
  padding: 0;
}

.memoriam-responsive .memoriam-wall {
  position: absolute;
  top: 390px;
  left: 476.5px;
  width: 1080px;
  min-height: 700px;
  margin: 0;
  padding: 0 40px 50px;
}

.memoriam-responsive .memoriam-list {
  width: 1000px;
  margin: 0 auto;
}

.memoriam-responsive .memoriam-list span {
  font-size: 20px;
}

@media (max-width: 720px) {
  .memoriam-responsive .memoriam-list {
    grid-template-columns: 1fr;
  }
}