#mission {
  height: auto;
  min-height: 80vh;
}
#mission .layout {
  display: grid;
  grid-template-columns: 50% 1fr;
  gap: 6em;
  align-items: end;
  height: inherit;
  min-height: inherit;
}
#mission .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
}
#mission h1 {
  font-size: min(48px, 6em);
  font-weight: 700;
}
#mission ._main {
  color: #010302;
  font-size: max(16px, 2.4em);
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  max-width: 70rem;
  padding-bottom: 7em;
  order: 2;
  z-index: 10;
  mix-blend-mode: multiply;
}
#mission ._main::before {
  width: 16em;
  height: 16em;
  border-radius: 100%;
  background-color: #327e40;
  position: absolute;
  right: -8em;
  top: 8em;
  z-index: -1;
  mix-blend-mode: multiply;
}
#mission ul {
  list-style: initial;
  padding-left: 1em;
  gap: 0.61em;
  display: flex;
  flex-direction: column;
}

#generic h1 {
  font-size: min(48px, 6em);
  font-weight: 700;
}
#generic ._main {
  color: #010302;
  font-size: max(16px, 2em);
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  margin: auto;
  gap: 0.6em;
  max-width: 110rem;
  padding-bottom: 3em;
  order: 2;
  z-index: 10;
  mix-blend-mode: multiply;
}
#generic ._main::before {
  width: 16em;
  height: 16em;
  border-radius: 100%;
  background-color: #327e40;
  position: absolute;
  right: -8em;
  top: 8em;
  z-index: -1;
  mix-blend-mode: multiply;
}
#generic ul {
  list-style: initial;
  padding-left: 1em;
  gap: 0.61em;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1440px) {
  #mission .layout {
    display: flex;
    flex-direction: column;
  }
  #mission .image {
    height: 30vh;
  }
  #mission ._main {
    max-width: 145rem;
    margin: 0 auto;
    padding: 0 3vw;
  }
}
@media (max-width: 980px) {
  #mission ._main {
    padding-bottom: 15vw;
  }
}/*# sourceMappingURL=mission.css.map */