/* =====================================
   MISSION PAGE
   ===================================== */

body.is-dark [text-split] {
  opacity: 0;
}

html.w-editor body.is-dark [text-split] {
  opacity: 1;
}

body.is-dark .word {
  overflow: hidden;
  padding-bottom: 0.1em;
  margin-bottom: -0.1em;
  transform-origin: bottom;
}

body.is-dark .footer-wrap,
body.is-dark .footer-wrap .footer {
  background: #000;
}

body.is-dark .footer-wrap {
  margin-top: 0 !important;
}

body.is-dark .mission {
  margin-bottom: 0 !important;
}

body.is-dark .mission-wrap {
  padding-bottom: 4.8rem;
}
/* Mission: animations */

@keyframes slideup {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}

@keyframes slidedown {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
/* Mission: dark color scheme */

body.is-dark [color-mode="dark"] {
  --color--bg: var(--dark--bg);
  --color--text: var(--dark--text);
}
/* Mission: hide custom cursor on tablets */

@media (min-device-width: 768px) and (max-device-width: 1024px),
       (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  body.is-dark .cursor {
    display: none;
  }
}
/* Mission: menu spacing */

@media (max-width: 1078px) and (min-width: 992px) {
  body.is-dark .menu-links {
    margin-left: 5%;
    margin-right: 5%;
  }
}
/* Mission: heading text wrapping */

body.is-dark .h-2 {
  word-break: keep-all;
  hyphens: none;
}

body.is-dark .h-2 * {
  white-space: nowrap;
}
/* Mission: collection item background */

body.is-dark .collection-item:nth-child(even) {
  background-color: #f0f0f0;
}
/* Mission: responsive root font size */

html:has(body.is-dark) {
  font-size: 10px;
}

@media screen and (min-width: 1440px) {
  html:has(body.is-dark) {
    font-size: 0.6944vw;
  }
}

@media screen and (max-width: 760px) {
  html:has(body.is-dark) {
    font-size: 1.3vw;
  }
}

@media screen and (max-width: 479px) {
  html:has(body.is-dark) {
    font-size: 2.667vw;
  }
}