.l-cover {
  display: flex;
  flex-direction: column;
  min-block-size: var(--cover-height, 70vh);
  padding-block: var(--s-4);
}

.l-cover > * {
  margin-block: var(--s-4);
}

.l-cover > :first-child:not(.l-cover__principal) {
  margin-block-start: 0;
}

.l-cover > :last-child:not(.l-cover__principal) {
  margin-block-end: 0;
}

.l-cover > .l-cover__principal {
  margin-block: auto;
}

.l-cover--height-screen {
  --cover-height: 100vh;
  --cover-height: 100svh;
}

.l-cover--height-tall {
  --cover-height: min(70vh, 44rem);
  --cover-height: min(70svh, 44rem);
}