/* Breakpoints */
.top-container__wrapper-facts {
  --margin: var(--grid-standard-margin);
  --padding-inline: var(--margin);
  --narrow-max-width: var(--grid-narrow-content-max);
  --content-max-width: var(--grid-standard-content-max);
  --content-size: calc((var(--content-max-width) - var(--narrow-max-width)) / 2);
  max-width: var(--grid-wide-content-max);
  margin: 0 auto;
  display: grid;
  height: 100%;
  grid-template-columns: [full-width-start] minmax(var(--padding-inline), 1fr) [content-start] minmax(0, var(--content-size)) [narrow-start] min(100% - var(--padding-inline) * 2, var(--narrow-max-width)) [narrow-end] minmax(0, var(--content-size)) [content-end] minmax(var(--padding-inline), 1fr) [full-width-end];
}

.top-container__base {
  max-width: 100vw;
  background-color: var(--colors-background-default);
}
.top-container__wrapper-top {
  position: relative;
  z-index: 2;
  background-color: var(--colors-background-default);
}
.top-container__wrapper-top .generic-stage {
  padding-bottom: var(--spacer-4);
}
@media screen and (min-width: 768px) {
  .top-container__wrapper-top .generic-stage {
    padding-bottom: 0;
  }
}
.top-container__wrapper-facts-intro {
  background-color: var(--colors-background-default);
}
.top-container__wrapper-facts {
  height: auto;
  width: 100%;
  padding-block: var(--spacer-5);
}
.top-container__wrapper-facts:not(:has(*)) {
  padding-block: 0;
}
@media screen and (min-width: 768px) {
  .top-container__wrapper-facts {
    height: 100%;
  }
}
.top-container__wrapper-facts .animated-facts__list {
  grid-column: content;
}
.top-container__wrapper-intro {
  height: auto;
}
.top-container__wrapper-intro:not(:has(*)) {
  margin-block: 0;
}
@media screen and (min-width: 768px) {
  .top-container__wrapper-intro {
    margin-block-start: calc(2 * var(--modul-spacing));
    height: 100vh;
    align-content: center;
  }
}
.top-container__wrapper-media {
  position: relative;
}
.top-container__wrapper-media picture {
  display: block;
}
.top-container__animated .generic-stage__main {
  padding-bottom: 79px;
}
.top-container__animated .top-container__wrapper-facts-intro {
  position: relative;
  overflow: clip auto;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .top-container__animated .top-container__wrapper-facts-intro {
    height: 100svh;
    padding-bottom: var(--spacer-16);
  }
}
@media screen and (min-width: 768px) {
  .top-container__animated .top-container__wrapper-facts {
    position: absolute;
    top: 0;
    z-index: 4;
    width: 100%;
    padding-left: unset;
  }
}
.top-container__animated .top-container__wrapper-facts .animated-facts__list {
  grid-column: auto;
  flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  .top-container__animated .top-container__wrapper-intro {
    position: relative;
    display: grid;
    align-content: center;
  }
}
.top-container__animated .textual-intro__base {
  position: relative;
}
.top-container__animated .top-container__wrapper-media {
  position: relative;
}

body.page--mode-edit .top-container__base, body.page--mode-edit .top-container__wrapper-top, body.page--mode-edit .top-container__wrapper-facts-intro, body.page--mode-edit .top-container__wrapper-facts {
  display: flex;
  flex-direction: column;
  height: auto;
  max-height: 50vh;
}
body.page--mode-edit .top-container__base > *, body.page--mode-edit .top-container__wrapper-top > *, body.page--mode-edit .top-container__wrapper-facts-intro > *, body.page--mode-edit .top-container__wrapper-facts > * {
  position: relative;
  margin-top: 1rem;
}