section#about {
  align-items: end;
  justify-content: left;
  padding-top: calc(var(--margin-vertical) + 54px + var(--margin-vertical))
}

section#about img {
  height: 100%;
  right: 0;
  top: 0;
}

section#about picture + picture img {
  z-index: 1;
}

section#capital,
section#areas {
  align-items: center;
  justify-content: center;
  text-align: center;
}

section#equity {
  align-items: start;
  height: calc(100vh - var(--margin-vertical) - 54px - var(--margin-vertical));
  justify-content: right;
  text-align: right;
}

section#equity img {
  bottom: 0;
  height: 100%;
  left: 0;
}

section#goals,
section#ecosystem {
  align-items: end;
  height: calc(100vh - var(--margin-vertical) - 54px - var(--margin-vertical));
  justify-content: left;
}

section#goals {
  color: var(--color-negative);
}

section#goals h3, section#goals mark {
  color: var(--color-mute);
  opacity: 0.6;
}

section#goals a.button {
  backdrop-filter: 
    blur(12px)
    brightness(1.05);
}

section#goals a.button:hover {
  backdrop-filter: 
    blur(18px)
    brightness(1.1);
}

section#goals div.background {
  background-color: #e6dbd3;
}

section#goals img,
section#ecosystem img {
  bottom: 0;
  height: calc(100vh + 10vh - var(--margin-vertical) - 54px - var(--margin-vertical));
  right: 0;
}

section#goals video {
  filter: invert(1.0);
  mix-blend-mode: multiply;
  transform: rotate(180deg);
}

section#contact {
  align-items: start;
  justify-content: left;
  padding-bottom: calc(var(--margin-vertical) + 54px + var(--margin-vertical));
}

section#contact img {
  bottom: 0;
  height: calc(100vh + 10vh - 1px);
  right: 0;
}

section#contact video {
  transform: rotate(180deg);
}

section#privacy, 
section#terms {
  height: auto;
  padding-bottom: calc(var(--margin-vertical) + 54px + var(--margin-vertical) + 25vh);
}

section#privacy div.foreground, 
section#privacy h2, section#privacy h3, 
section#privacy p, 

section#terms div.foreground, 
section#terms h2, section#terms h3, 
section#terms p {
  max-width: 799px;
}

section#privacy div.foreground,
section#terms div.foreground {
  margin-left: auto;
  margin-right: auto;
}

section#privacy + footer,
section#terms + footer {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}