:root {
  --dark-tone: #222831;
  --darker-tone: #0A131E;
  --default-color: #E6E6E6;
  --ink-color: #49423b;
  --light-tone: #5D6D78;
  --primary-color: #5b69fc;
  --red-tone: #5F1F20;
  --very-large-breakpoint: 80rem;
  --large-breakpoint: 64rem;
  --medium-breakpoint: 48rem;
  --small-breakpoint: 40rem;
  --very-small-breakpoint: 30rem;
}

main > section#home_content {
  align-items: center;
  background: var(--light-tone);
  display: flex;
}
@media (max-width: 359px) {
  main > section#home_content {
    padding: 2rem 0;
  }
}
main > section#home_content > nav {
  margin: 0 auto;
  max-width: var(--large-breakpoint);
}
main > section#home_content > nav > ul {
  gap: 2rem;
}
main > section#home_content > nav > ul > li {
  align-content: center;
  background: center/cover;
  border-radius: 1rem;
  box-shadow: 0.125rem 0.5rem 1rem black;
  display: block;
  flex: 1 1 400px;
  min-height: 320px;
  padding: 2rem 1rem;
  position: relative;
  text-shadow: 0 0 1rem black;
}
main > section#home_content > nav > ul > li:after {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1rem;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
main > section#home_content > nav > ul > li.downloads {
  background-image: url("../images/train-TaDlv8a.webp");
}
main > section#home_content > nav > ul > li.downloads:after {
  background: rgba(0, 0, 0, 0.625);
}
main > section#home_content > nav > ul > li.lore {
  background-image: url("../images/city-r1q_nXB.webp");
}
main > section#home_content > nav > ul > li.lore:after {
  background: rgba(0, 0, 0, 0.625);
}
main > section#home_content > nav > ul > li.news {
  background-image: url("../images/newspaper-kojbZJc.webp");
}
main > section#home_content > nav > ul > li.shop {
  background-image: url("../images/market-W5DgpmQ.webp");
}
main > section#home_content > nav > ul > li.shop:after {
  background: rgba(0, 0, 0, 0.625);
}
main > section#home_content > nav > ul > li > a {
  color: var(--default-color);
  display: block;
  position: relative;
  overflow: hidden;
  height: 80px;
  font-variant: initial;
  transition: text-shadow 0.25s ease, height 0.325s ease;
  z-index: 1;
}
main > section#home_content > nav > ul > li > a > h2 {
  color: var(--default-color);
  font-size: 32px;
  font-variant: small-caps;
  text-align: center;
}
main > section#home_content > nav > ul > li > a > p {
  font-size: 20px;
  text-align: justify;
}
main > section#home_heading {
  align-items: center;
  display: flex;
  height: calc(100vh - 60px);
  min-height: 0;
  overflow: hidden;
  padding-top: 2.5rem;
  position: relative;
}
@media (max-width: 40rem) {
  main > section#home_heading {
    padding-bottom: 1.25rem;
  }
}
main > section#home_heading > h1 {
  display: flex;
  flex-direction: column;
  font-family: "Times New Roman", serif;
  font-size: 64px;
  font-variant: small-caps;
  margin: auto;
  max-height: calc(100% - 80px);
  max-width: 100%;
  opacity: 0;
  transform: scale(50%);
  transition: opacity 3s ease-out, transform 4s ease-out;
  will-change: opacity, transform;
}
@media (max-width: 1113px) {
  main > section#home_heading > h1 {
    font-size: 5vw;
  }
}
main > section#home_heading > h1 > span {
  min-height: 0;
  text-align: center;
}
main > section#home_heading > h1 > span.image-container > img {
  display: initial;
  height: 100%;
  width: 100%;
}
main > section#home_heading > video {
  bottom: 0;
  height: 100vh;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 1;
}
main > section#home_slideshow {
  align-items: center;
  background: var(--red-tone);
  display: flex;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 30rem) {
  main > section#home_slideshow {
    min-height: auto;
  }
}
main > section#home_slideshow > .splide {
  margin: 2rem auto;
}
main > section#home_slideshow > .splide .splide__slide {
  align-items: center;
  display: flex;
  justify-content: center;
}
main > section#home_slideshow > .splide .splide__slide > .splide__slide__container {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid var(--darker-tone);
  border-radius: 1rem;
  display: flex;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  opacity: 0.5;
  transition: opacity 0.5s ease-in-out;
  width: 1024px;
}
@media (max-width: 64rem) {
  main > section#home_slideshow > .splide .splide__slide > .splide__slide__container {
    border-radius: 0;
  }
}
main > section#home_slideshow > .splide .splide__slide > .splide__slide__container > a {
  height: 600px;
  position: relative;
  width: 100%;
}
@media (max-width: 30rem) {
  main > section#home_slideshow > .splide .splide__slide > .splide__slide__container > a {
    height: 280px;
  }
}
main > section#home_slideshow > .splide .splide__slide > .splide__slide__container > a > .bottom-line {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  margin: 1rem;
  min-height: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-shadow: 0 0 8px black;
  transition: opacity 0.5s ease-in-out;
  visibility: hidden;
}
main > section#home_slideshow > .splide .splide__slide > .splide__slide__container > a > .bottom-line > h2 {
  color: white;
  margin: 0;
}
main > section#home_slideshow > .splide .splide__slide > .splide__slide__container > a > .bottom-line > .price {
  font-size: 40px;
  font-weight: 700;
  margin: 0;
  text-align: right;
}
main > section#home_slideshow > .splide .splide__slide > .splide__slide__container > a > .image-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
main > section#home_slideshow > .splide .splide__slide > .splide__slide__container > a > .image-container > img {
  border-radius: 1rem;
  height: 100%;
  object-fit: cover;
  opacity: 0.75;
  width: 100%;
}
@media (max-width: 64rem) {
  main > section#home_slideshow > .splide .splide__slide > .splide__slide__container > a > .image-container > img {
    border-radius: 0;
  }
}
main > section#home_slideshow > .splide .splide__slide > .splide__slide__container > a > .preview {
  margin: 1rem;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: justify;
  text-shadow: 0 0 8px black;
  top: 0;
  transition: opacity 0.5s ease-in-out;
  visibility: hidden;
  width: 60%;
}
main > section#home_slideshow > .splide .splide__slide.is-active > .splide__slide__container {
  opacity: 1;
}
main > section#home_slideshow > .splide .splide__slide.is-active > .splide__slide__container > a > .bottom-line {
  opacity: 100;
  visibility: visible;
}
main > section#home_slideshow > .splide .splide__slide.is-active > .splide__slide__container > a > .preview {
  opacity: 100;
  visibility: visible;
}
@media (max-width: 40rem) {
  main > section#home_slideshow > .splide .splide__slide.is-active > .splide__slide__container > a > .preview {
    visibility: hidden;
  }
}
main > section#home_slideshow > .splide .splide__slide.is-next {
  justify-content: flex-start;
}
main > section#home_slideshow > .splide .splide__slide.is-next > .splide__slide__container > a > .image-container > img {
  margin-right: auto;
}
main > section#home_slideshow > .splide .splide__slide.is-prev {
  justify-content: flex-end;
}
main > section#home_slideshow > .splide .splide__slide.is-prev > .splide__slide__container > a > .image-container > img {
  margin-left: auto;
}
@media (min-width: 64rem) {
  main > section#home_slideshow > .splide .splide__arrow--next {
    right: 15%;
  }
  main > section#home_slideshow > .splide .splide__arrow--prev {
    left: 15%;
  }
}
main > section#home_slideshow > .splide > .splide__pagination {
  bottom: -1rem;
}
main > section.home-presentation {
  text-align: center;
  position: relative;
}
main > section.home-presentation#home_factions {
  background: var(--darker-tone);
}
main > section.home-presentation#home_factions > div > .image-container {
  height: 100%;
}
@media (max-width: 64rem) {
  main > section.home-presentation#home_factions > div > .image-container {
    bottom: 0;
    position: absolute;
  }
}
main > section.home-presentation#home_factions > div > .image-container > img {
  mix-blend-mode: lighten;
  mask-image: radial-gradient(closest-side, black 75%, transparent 100%);
}
@media (max-width: 64rem) {
  main > section.home-presentation#home_factions > div > .image-container > img {
    opacity: 40%;
  }
}
@media (max-width: 30rem) {
  main > section.home-presentation#home_factions > div > .image-container > img {
    mask-image: linear-gradient(to top, transparent 0%, black 15%);
  }
}
main > section.home-presentation#home_game {
  background: var(--darker-tone);
}
@media (max-width: 64rem) {
  main > section.home-presentation#home_game > div > .image-container {
    bottom: 0;
    top: 0;
    position: absolute;
  }
}
main > section.home-presentation#home_game > div > .image-container > img {
  mix-blend-mode: difference;
  mask-image: radial-gradient(farthest-side, black 50%, transparent 100%);
}
@media (max-width: 64rem) {
  main > section.home-presentation#home_game > div > .image-container > img {
    mask-image: none;
    opacity: 50%;
    object-fit: cover;
  }
}
@media (max-width: 80rem) {
  main > section.home-presentation#home_introduction > div > .image-container > img {
    mask-image: linear-gradient(to left, black 90%, transparent 100%);
  }
}
@media (max-width: 64rem) {
  main > section.home-presentation#home_introduction > div > .image-container > img {
    mask-image: none;
  }
}
main > section.home-presentation#home_introduction > div > .text-container {
  max-width: 28rem;
}
@media (max-width: 80rem) {
  main > section.home-presentation#home_introduction > div > .text-container {
    margin: 0 2.5rem;
  }
}
@media (max-width: 64rem) {
  main > section.home-presentation#home_introduction > div > .text-container {
    max-width: 100%;
  }
}
main > section.home-presentation#home_introduction h2 {
  color: revert;
}
main > section.home-presentation#home_introduction img {
  mix-blend-mode: multiply;
  mask-image: linear-gradient(to left, transparent 0%, black 10%, black 90%, transparent 100%);
}
main > section.home-presentation#home_world {
  background: url("../images/scourges-LTkZmkU.webp") 0 75%/cover;
  position: relative;
}
main > section.home-presentation#home_world:after {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
main > section.home-presentation#home_world .text-container {
  text-align: center;
  text-shadow: 0 0 0.5rem black;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/styles/components/variables.scss%22,%22../../assets/styles/home.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAcA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvBA;EACC;EACA;EACA;;AAEA;EALD;IAME;;;AAGD;EACC;EACA;;AAEA;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;AAIF;EACC;;AAEA;EACC;;AAIF;EACC;;AAGD;EACC;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAQN;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATD;IAUE;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAdD;IAeE;;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAEA;EAPD;IAQE;;;AAGD;EACC;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXD;IAYE;;;AAGD;EACC;EACA;EACA;;AAEA;EALD;IAME;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EAPD;IAQE;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMF;EACC;;AAGC;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EAJD;IAKE;;;AAOL;EACC;;AAEA;EACC;;AAIF;EACC;;AAEA;EACC;;AAKH;EACC;IACC;;EAGD;IACC;;;AAIF;EACC;;AAKH;EACC;EACA;;AAEA;EACC;;AAEA;EACC;;AAEA;EAHD;IAIE;IACA;;;AAGD;EACC;EACA;;AAEA;EAJD;IAKE;;;AAGD;EARD;IASE;;;AAMJ;EACC;;AAGC;EADD;IAEE;IACA;IACA;;;AAGD;EACC;EACA;;AAEA;EAJD;IAKE;IACA;IACA;;;AASD;EADD;IAEE;;;AAGD;EALD;IAME;;;AAIF;EACC;;AAEA;EAHD;IAIE;;;AAGD;EAPD;IAQE;;;AAKH;EACC;;AAGD;EACC;EACA;;AAIF;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA%22,%22file%22:%22home-e83249bd3b.output.css%22%7D */