@font-face {
  font-family: Neuland Grotesk Expanded;
  src: url('../fonts/Neuland-Grotesk-Medium-Expanded.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Condensed;
  src: url('../fonts/NeulandGroteskCondensedBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Condensed;
  src: url('../fonts/NeulandGroteskCondensedRegular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Condensed;
  src: url('../fonts/NeulandGroteskCondensedLight.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neulandgrotesk;
  src: url('../fonts/NeulandGrotesk-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neulandgrotesk;
  src: url('../fonts/NeulandGrotesk-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neulandgrotesk;
  src: url('../fonts/NeulandGrotesk-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvneue 75 Arm Roman";
  src: url('../fonts/HelvNeue75-ARM-roman-bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvneue 45 Arm";
  src: url('../fonts/HelvNeue45-ARM-light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvneue 35 Arm";
  src: url('../fonts/HelvNeue35-ARM-thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
  --dark-blue: #05226d;
  --red_global: #ca0000;
  --state-pending: #5e5e5e;
  --blue-mid: #0065a3;
  --state-complete: #0065a3;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

body {
  color: var(--white);
  font-family: Condensed, sans-serif;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Helvneue 35 Arm", sans-serif;
  font-size: 4rem;
  font-weight: 500;
  line-height: 44px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Neulandgrotesk, sans-serif;
  font-weight: 400;
  line-height: 30px;
}

p {
  margin-bottom: 10px;
  font-family: "Helvneue 35 Arm", sans-serif;
  font-size: 1.4em;
}

img {
  max-width: 100%;
  display: inline-block;
}

.spline-scene {
  background-color: #2c2c2c;
  width: 100vw;
  height: 100vh;
}

.body {
  margin-top: 0;
  margin-left: 0;
}

.spline-scene-2 {
  width: 100vw;
  height: 100vh;
}

.body-2 {
  background-color: var(--black);
  flex-flow: column;
  align-items: center;
  margin: 0;
}

.pack-3d-container {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 150vw;
  height: 150vh;
  font-family: Condensed, sans-serif;
  position: fixed;
  top: -25vh;
  left: -25vw;
}

.pack-3d-container.mexico {
  z-index: 0;
}

.pack-3d-container.serbia {
  z-index: -1;
  width: 120vw;
  height: 120vh;
  top: -10vh;
  left: -10vw;
}

.pack-3d-container.romania {
  z-index: 0;
}

.pack-3d-container.glx2 {
  z-index: 0;
  filter: brightness();
}

.sec {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sec.header {
  z-index: 9;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-bottom: 8rem;
}

.sec.order {
  background-image: linear-gradient(#0000 30%, #000 81%);
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
}

.sec.text-hori-scroll {
  justify-content: center;
  align-items: center;
  padding-left: 0%;
}

.sec.hori-scroll {
  justify-content: flex-start;
  align-items: center;
}

.sec.pre-order {
  background-image: linear-gradient(#000, #0000 56%);
  justify-content: space-between;
  align-items: flex-start;
  display: block;
}

.sec.index-top {
  background-color: #000;
  justify-content: space-between;
  align-items: flex-start;
}

.sec.league {
  z-index: 0;
  background-color: #fff;
  justify-content: space-between;
  align-items: flex-start;
  height: 72vh;
  padding-top: 0;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.sec.league.h-auto {
  background-color: #000;
  background-image: radial-gradient(circle closest-side at 50% 0, #fff, #e2e2e2 5%, #fff 29%, #e4e4e4 51%, #ccc);
}

.first-world-txt {
  z-index: 1;
  color: #fff;
  letter-spacing: -4px;
  text-transform: uppercase;
  word-break: keep-all;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #616161, #fff 31%, #cecece 46%, #f5f5f5 74%, #aeaeae 90%);
  -webkit-background-clip: text;
  background-clip: text;
  width: 50vw;
  padding-top: 1.2em;
  font-family: Condensed, sans-serif;
  font-size: 100px;
  line-height: .9em;
}

.first-world-txt.romania {
  width: auto;
}

.content__wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.content__wrapper.order {
  background-image: linear-gradient(135deg, #000 18%, #0000);
  width: 50%;
  margin-left: 10%;
  padding: 6%;
}

.content__wrapper.left {
  justify-content: flex-end;
  align-items: flex-end;
  height: 100vh;
  padding-top: 0%;
  padding-bottom: 10vh;
  padding-left: 0%;
  display: none;
  position: relative;
}

.content__wrapper.left.hidden {
  display: none;
}

.content__wrapper.header {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 0%;
  padding-right: 0%;
}

.content__wrapper.header._60vw {
  width: 60vw;
}

.content__wrapper.league {
  padding-left: 0%;
  padding-right: 0%;
}

.paragraph__50 {
  z-index: 3;
  color: var(--white);
  margin-bottom: 20px;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.5;
  position: relative;
}

.paragraph__50.league {
  color: var(--dark-blue);
  width: 40%;
  padding-top: 1rem;
}

.paragraph__50.league.mexico, .paragraph__50.league.red {
  color: var(--red_global);
}

.paragraph__50.league.rules-teaser {
  color: var(--state-pending);
  text-align: center;
  background-image: radial-gradient(circle farthest-side at 0 100%, #000, #00000080);
  border: 1px solid #ffffff1a;
  align-self: stretch;
  margin-bottom: 0;
  padding: 2em;
  font-size: 1.2em;
  line-height: 1.2;
}

.paragraph__50.phase1 {
  width: 100%;
  font-size: 20px;
  line-height: 1.4;
}

.paragraph__50.centered {
  text-align: center;
  margin-bottom: 0;
}

.paragraph__50.intro {
  letter-spacing: 1px;
  width: 100%;
  max-width: none;
  padding: 0;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.5em;
}

.paragraph__50.intro.mexico {
  text-transform: uppercase;
}

.paragraph__50.center {
  margin-bottom: 0;
  font-family: Neulandgrotesk, sans-serif;
  font-size: 1.5em;
}

.paragraph__50.prize-title._1 {
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.2em;
}

.bac {
  z-index: -3;
  background-image: radial-gradient(circle, #0000, #000 59%), url('../images/CompressedBack.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  width: 100vw;
  height: 70vw;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.bac.tabs {
  z-index: -3;
  position: absolute;
}

.bac.prizes {
  z-index: -1;
  position: absolute;
}

.bac.prizes.teaser {
  z-index: 1;
  background-image: none;
  background-position: 0 0;
  height: 100%;
}

.bac.footer {
  background-image: radial-gradient(circle farthest-side, #fff0 8%, #000 88%), url('../images/gettyimages-1287065554-2048x2048.jpg'), url('../images/0_0-1.webp');
  background-position: 0 0, 50%, 50% 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, cover, cover;
  background-attachment: scroll, scroll, scroll;
  justify-content: center;
  align-items: flex-end;
  height: 80%;
  margin-top: 8rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.bac.mexico {
  background-image: radial-gradient(circle farthest-side, #fff0 8%, #000 88%), url('../images/gettyimages-1287065554-2048x2048_red.jpg'), url('../images/gettyimages-1287065554-2048x2048.jpg'), url('../images/0_0-1.webp');
  background-position: 0 0, 0 0, 50%, 50% 0;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: auto, auto, cover, cover;
  background-attachment: scroll, scroll, scroll, scroll;
}

.back {
  z-index: -3;
  filter: none;
  background-image: radial-gradient(circle closest-side, #006aff, #006aff00);
  width: 100vw;
  height: 80vw;
  display: block;
  position: fixed;
  top: -20vh;
}

.button {
  background-image: linear-gradient(156deg, #1a4ebd, #000);
  border-radius: 10px;
  padding: 1.2em 2em;
  font-family: Open Sans, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1em;
}

.cmd {
  z-index: 99;
  color: #747474;
  background-color: #313131;
  align-self: flex-start;
  width: 15vw;
  height: 5vw;
  padding: 1em;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.container {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  min-width: 100vw;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.navbar {
  z-index: 999;
  background-color: #000;
  border-width: 1px 1px .2px;
  border-color: #000 #000 #fff;
  width: 100vw;
  padding-top: 1vh;
  padding-bottom: 1vh;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 2.5em 5em 2em #000;
}

.menu-anchor {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Condensed, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1em;
}

.menu-anchor.global {
  text-transform: uppercase;
}

.menu-anchor.global.w--current {
  color: var(--red_global);
}

.menu-anchor.global.mexico-right {
  flex: 1;
  order: 0;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  display: flex;
}

.menu-anchor.glx2:hover {
  color: var(--state-pending);
}

.menu-anchor.glx2:active, .menu-anchor.glx2:focus {
  -webkit-text-stroke-color: var(--red_global);
}

.menu-anchor.glx2.w--current, .menu-anchor.glx2.w--current:active, .menu-anchor.glx2.w--current:focus {
  color: var(--red_global);
}

.heading-2 {
  text-align: left;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(315deg, #727272, #fff 51%, #9b9b9b);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 3.5em;
  font-weight: 300;
  line-height: 1.2;
}

.heading-2.right {
  text-align: right;
  margin-top: 0;
  font-size: 6em;
  line-height: 1;
  position: relative;
}

.heading-2.right.mexico {
  display: none;
}

.heading-2.right.romania {
  padding-top: 2vh;
  display: block;
}

.heading-2.right.armenia {
  display: none;
}

.heading-2.text-hori-scroll {
  text-transform: none;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
}

.cta {
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: linear-gradient(135deg, #a7a7a7, #fff 49%, #b7b7b7 94%);
  border-radius: 8px;
  padding: 1.2em;
  font-family: Condensed, sans-serif;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 0;
}

.cta.points {
  text-transform: none;
  padding: 12px 20px;
  position: absolute;
  inset: 18% 0% 12% auto;
}

.cta.points.game {
  z-index: 2;
  margin-bottom: 6px;
  padding-bottom: 10px;
  position: relative;
  top: 0%;
  bottom: 0%;
  right: -10%;
}

.cta.points.game.left {
  right: 10%;
}

.cta.points._2 {
  position: static;
}

.cta.points._1 {
  white-space: nowrap;
  padding-top: 1em;
  padding-bottom: 1em;
  line-height: 0;
  position: static;
}

.cta.points._3 {
  position: static;
}

.cta.points.score {
  z-index: 9999;
  white-space: nowrap;
  border-radius: .5em;
  font-family: Condensed, sans-serif;
  font-size: 1.3em;
  line-height: 20px;
  text-decoration: underline;
  position: relative;
}

.cta.points.score.barrow {
  opacity: .5;
  color: var(--white);
  background-color: #fff0;
  background-image: none;
  border: 1px solid #ffffff40;
  padding: 1.2em 1.8em;
  font-family: Merriweather, serif;
  font-size: 1.6em;
  font-weight: 300;
  line-height: .8em;
  text-decoration: none;
  bottom: 18%;
}

.cta.points.score.next {
  padding: 1.2em;
  font-size: 1.5em;
  line-height: 1.2em;
  text-decoration: none;
}

.cta.points.score.pre {
  margin-top: 2%;
  padding: 1.2em;
  font-size: 1.5em;
  text-decoration: none;
}

.cta.discover, .cta.hide {
  display: none;
}

.heading-3 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #9f9f9f, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: "Helvneue 45 Arm", sans-serif;
  font-size: 2.5rem;
  line-height: 1.5em;
}

.image {
  width: 40%;
  padding-top: 16px;
  padding-bottom: 16px;
}

.image.mexico {
  width: 60%;
}

.paragraph-2 {
  position: relative;
}

.horizontal-scroll-wrapper {
  flex-direction: row;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.horizontal-scroll-section {
  height: 400vh;
  position: relative;
}

.section {
  width: 80vw;
  height: 100vh;
}

.section._3, .section._1, .section._2 {
  background-image: none;
}

.heading-wrapper {
  width: 80%;
  position: relative;
}

.horizontal-scroll-content {
  flex-direction: row;
  width: 320vw;
  height: 100vh;
  display: flex;
}

.container-2 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.heading-4 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
}

.gallery__item {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  border: 1px solid #fff3;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  min-height: 80vh;
  max-height: 100vh;
  padding: 8rem;
  display: flex;
  position: relative;
}

.gallery__embed {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  display: flex;
  position: relative;
}

.features_item-content {
  z-index: 5;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 370px;
  display: flex;
  position: relative;
}

.gallery__item-title {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #888, #fff 44%, #efefef 78%, #b4b4b4);
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 10px;
  padding-bottom: 6px;
  font-family: Condensed, sans-serif;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1;
}

.gallery__item-title.is--big {
  font-size: 15rem;
  line-height: .8;
}

.gallery__mask {
  z-index: 100;
  background-color: #1f1f1f;
  width: 60%;
  display: none;
  position: absolute;
  inset: 0%;
}

.gallery__item-sub {
  text-transform: uppercase;
  max-width: 240px;
  font-family: Inconsolata, monospace;
  font-size: .9rem;
  line-height: 1.2;
}

.gallery__item-sub.about__block-kicker {
  text-transform: none;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}

.gallery__number {
  flex: none;
  padding: .5rem;
  font-size: 2rem;
  line-height: 1;
}

.gallery__content {
  z-index: 50;
  color: #fff;
  flex-direction: row;
  align-items: center;
  margin-right: 10rem;
  padding-left: 10rem;
  display: flex;
}

.marquee-section {
  background-image: linear-gradient(180deg, #0000 20%, black 35%, var(--black) 70%, #5550 85%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw !important;
  height: 150vh;
  padding-top: 110px;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-section.romania {
  background-image: linear-gradient(#0000 15%, #000 35% 70%, #0000 85%);
}

.marquee-section.romania.mobile {
  display: none;
}

.marquee-section.mxq_mobile {
  height: 100vh;
}

.marquee-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 12px;
  display: flex;
  position: relative;
}

.marquee-wrapper.is--z-index-top {
  z-index: 300;
}

.marquee-wrapper.mobile {
  justify-content: center;
  align-items: flex-start;
  display: none;
}

.marquee-wrapper.top.glx2 {
  left: -80vw;
}

.marquee-wrapper.mid.glx2 {
  left: 20vw;
}

.marquee-wrapper.low.glx2 {
  left: 30vw;
}

.marquee {
  grid-column-gap: 1rem;
  color: #fff;
  flex-direction: row;
  flex: none;
  justify-content: space-around;
  align-items: center;
  font-family: "Helvneue 35 Arm", sans-serif;
  font-size: 80px;
  font-weight: 300;
  line-height: .8;
  display: flex;
}

.marquee.scroll {
  grid-column-gap: 3rem;
  position: relative;
}

.marquee.scroll-reverse {
  grid-column-gap: 3rem;
}

.marquee.scroll-reverse.romania {
  margin-left: -30%;
  padding-left: 0%;
}

.marquee.scroll-reverse.romania.line3 {
  margin-left: -10%;
}

.marquee.romania {
  margin-left: -10%;
  padding-left: 0%;
  font-size: 70px;
}

.marquee__text {
  font-size: 2em;
}

.marquee__text.is--outline {
  color: #ffffff29;
  -webkit-text-stroke-color: #fff;
  font-size: 2em;
}

.features_item {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  background-image: linear-gradient(30deg, #000, #0000 57%);
  border: 1px solid #ffffff26;
  border-right-style: none;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  min-width: 80vw;
  min-height: 60vh;
  max-height: 100vh;
  padding: 8rem;
  display: flex;
  position: relative;
}

.gallery__head {
  color: #fff;
  background-color: #1f1f1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
}

.gallery__feature-title {
  font-size: 3rem;
}

.gallery__feature-title.is--title {
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: 1rem;
}

.features-section {
  z-index: 9;
  background-color: #0000;
  width: 100vw;
  height: 600vh;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  position: relative;
}

.features-section.romania {
  height: 432vh;
  padding-bottom: 0;
}

.gallery__feature-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  border-top: 1px solid #fff3;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.gallery__feature-item.is--first {
  border-top-width: 0;
}

.gallery-border__wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.camera {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 50px;
  overflow: hidden;
}

.camera.is--lg {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.camera.romania {
  top: 0;
}

.gallery__feature-link {
  color: #fff;
  border: 1px dashed #fff3;
  border-radius: 16px;
  padding: 1rem 2rem;
  transition: background-color .2s;
}

.gallery__feature-label {
  flex-direction: row;
  align-items: center;
  width: 40px;
  font-family: Inconsolata, monospace;
  display: flex;
}

.text-accent {
  text-align: left;
  text-transform: uppercase;
  font-size: 1rem;
}

.gallery__title {
  text-align: center;
}

.gallery__topline {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Inconsolata, monospace;
  display: flex;
}

.gallery__feature-icon {
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: flex;
}

.gallery {
  flex-flow: row;
  height: 100%;
  display: flex;
  position: sticky;
  top: 0;
}

.gallery__lottie {
  width: 220px;
  height: 220px;
}

.gallery__features {
  padding-top: 15vh;
  padding-bottom: 15vh;
}

.gallery__content-2 {
  z-index: 50;
  color: #fff;
  background-color: #1f1f1f;
  flex-direction: row;
  align-items: center;
  margin-right: 10rem;
  padding-left: 10rem;
  display: flex;
}

.section-title {
  text-transform: uppercase;
  line-height: .6;
}

.section-title.is--accent {
  line-height: .9;
}

.gallery-border {
  z-index: 50;
  width: 110%;
  max-width: none;
  margin-left: -2px;
  position: relative;
}

.gallery-wrapper {
  z-index: 50;
  width: 100vw;
  min-height: 100vh;
  margin-top: 20vh;
  margin-bottom: 25vh;
  position: relative;
  overflow: hidden;
}

.features_content-3 {
  z-index: 1;
  color: #fff;
  flex-flow: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  height: 90%;
  padding-top: 0;
  padding-left: 8rem;
  padding-right: 8rem;
  display: flex;
  position: relative;
  top: 50px;
}

.big-title-sec {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: linear-gradient(#0000, #000 53%);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  padding-bottom: 10em;
  display: flex;
  position: relative;
  inset: 0 0% 0%;
  overflow: hidden;
}

.big-title-sec.league-intro {
  z-index: 3;
  background-image: radial-gradient(circle closest-side, #00000080, #000);
  flex-flow: column;
  height: auto;
  padding-bottom: 5vh;
}

.big-title-sec.league-intro.mexico {
  background-image: radial-gradient(circle farthest-side at 50% 100%, #bd000063, #0000);
  justify-content: center;
  align-items: center;
}

.big-title-sec.league-intro.hidden {
  display: none;
}

.big-title-sec.prizes {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  height: 64vh;
  padding-top: 0;
}

.big-title-sec.mobile {
  display: block;
}

.big-title-sec.romania {
  display: none;
}

.big-title-sec.glx2 {
  z-index: 3;
  height: 100vh;
}

.intro-deco {
  font-family: Inconsolata, monospace;
  font-size: .8rem;
  line-height: 1.1;
}

.intro-deco__element {
  display: inline-block;
}

.quote-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 0;
}

.quote-wrapper.league-intro {
  z-index: 0;
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  margin-top: 12rem;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.quote-wrapper.league-intro.footer {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  margin-top: -17rem;
}

.quote-wrapper.league-intro.serbian-page {
  width: 70%;
}

.quote {
  letter-spacing: -1px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #919191, #fff 47%, #6b6b6b);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  font-family: Condensed, sans-serif;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1em;
}

.quote.dark {
  color: var(--dark-blue);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  padding: 0;
  font-weight: 500;
}

.quote.dark.mexico {
  color: var(--red_global);
}

.about__block-kicker {
  font-family: Inconsolata, monospace;
  font-size: 1rem;
  line-height: 1;
}

.nav-menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 3rem;
  display: flex;
  position: static;
}

.nav-menu.mexico {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: none;
  justify-content: space-between;
  align-items: center;
}

.roof-footer {
  padding-bottom: 4px;
}

.heading__50 {
  white-space: normal;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(315deg, #949494 21%, #fff 30%, #8c8c8c 66%, #dcdcdc);
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  padding-bottom: 8px;
  font-family: Condensed, sans-serif;
  line-height: 1.5;
}

.heading__50.league {
  color: var(--white);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neulandgrotesk, sans-serif;
  font-size: 1.5em;
  font-weight: 300;
}

.heading__50.league.mexico {
  color: var(--red_global);
}

.heading__50.teaser {
  text-transform: capitalize;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
}

.heading__50.game-title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 2rem;
}

.brand {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.features-icon {
  align-self: flex-start;
  height: 40px;
}

.features-icon.red {
  filter: hue-rotate(135deg);
}

.order-button {
  background-color: var(--blue-mid);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: none;
  border-radius: .5em;
  align-self: auto;
  padding: 1em 1.5em;
  font-family: Condensed, sans-serif;
  font-size: 2em;
  font-weight: 300;
  transition: box-shadow .325s ease-in-out;
}

.order-button:hover {
  box-shadow: 2px 2px 12px 3px #0057fa7a;
}

.order-button.play {
  z-index: 2;
  text-align: center;
  position: relative;
}

.order-button.mexico {
  background-color: var(--red_global);
}

.order-button.mexico:hover {
  box-shadow: 2px 2px 12px 3px #fa00007a;
}

.order-button.nav {
  white-space: nowrap;
  background-image: none;
  padding: 12px 20px;
  font-size: 1.3em;
}

.order-button.nav:hover {
  box-shadow: 0 0 12px 3px var(--blue-mid);
}

.order-button.nav.red, .order-button.red {
  background-color: var(--red_global);
}

.order-button.red:hover {
  box-shadow: 2px 2px 12px 3px #f63a3a99;
}

.stay-tuned {
  z-index: 99;
  background-color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  height: 10vh;
  font-size: 26px;
  font-weight: 300;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

.stay-tuned__text {
  font-size: 2rem;
}

.tabs {
  background-image: linear-gradient(#000, #0000);
  flex: 1;
  width: 100vw;
  height: 100vh;
  padding-top: 1rem;
}

.tabs.teaser {
  background-image: none;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tabs-menu {
  z-index: 101;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.tabs-menu.teaser {
  height: auto;
}

.steps {
  letter-spacing: .1rem;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: 300;
}

.tabs-content {
  height: 70vh;
  padding-left: 10%;
  padding-right: 10%;
}

.tabs-content.teaser {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: visible;
}

.tab-pane-pre-order {
  padding-top: 8rem;
  padding-left: 0%;
  padding-right: 10%;
}

.tab-link-pre-order {
  color: #ffffff4d;
  background-color: #ddd0;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-pre-order:hover, .tab-link-pre-order:visited {
  color: #fff;
}

.tab-link-pre-order.w--current {
  color: #fff;
  background-color: #c8c8c800;
}

.tab-link-collect-points {
  color: #ffffff4d;
  letter-spacing: .1rem;
  background-color: #ddd0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 300;
}

.tab-link-collect-points:hover, .tab-link-collect-points:visited {
  color: #fff;
}

.tab-link-collect-points.w--current {
  color: #fff;
  background-color: #ddd0;
}

.tab-link-collect-points.w--current:visited {
  color: #fff;
}

.tab-link-participate {
  color: #ffffff4d;
  letter-spacing: .1rem;
  background-color: #ddd0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 300;
}

.tab-link-participate:hover, .tab-link-participate:visited {
  color: #fff;
}

.tab-link-participate.w--current {
  color: #fff;
  background-color: #ddd0;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-win-prizes {
  color: #ffffff4d;
  letter-spacing: .1rem;
  background-color: #ddd0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 300;
}

.tab-link-win-prizes:visited {
  color: #fff;
}

.tab-link-win-prizes.w--current {
  color: #fff;
  background-color: #ddd0;
}

.tab-link-win-prizes.w--current:hover {
  color: #fff;
}

.tab-pane-collect-points, .tab-pane-participate {
  padding-top: 8rem;
  padding-left: 0%;
  padding-right: 10%;
}

.tab-pane-win-prizes {
  z-index: 101;
  padding-top: 8rem;
  padding-left: 0%;
  padding-right: 3%;
}

.tab-pane-win-prizes.teaser {
  width: 80vw;
}

.progress-bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  padding-left: 8rem;
  padding-right: 8rem;
}

.progress-line {
  background-color: #fff;
  width: 220px;
  max-width: 500px;
  height: .5px;
}

.steps__wrapper {
  z-index: 120;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 50%;
}

.steps__wrapper.teaser {
  width: 50%;
}

.pre-order-img {
  z-index: 1;
  max-width: 60%;
  position: absolute;
  inset: 16% 4rem auto auto;
}

.tabs-img {
  z-index: 10;
  max-width: 40%;
  position: absolute;
  top: 6rem;
  left: auto;
  right: 8rem;
}

.stay-tuned-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  flex: none;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  display: flex;
  overflow: hidden;
}

.stay-tuned-wrapper.scroll {
  justify-content: space-around;
  align-items: center;
  padding-right: 1rem;
}

.logo {
  width: 10em;
}

.divider {
  z-index: 2;
  background-image: radial-gradient(circle, #fff 9%, #000 73%);
  width: 100%;
  height: 1px;
}

.footer__anim {
  z-index: 0;
  width: 100vw;
  display: none;
  position: relative;
  overflow: hidden;
}

.footer__anim.footer {
  z-index: 2;
  display: block;
}

.footer__anim.hidden {
  display: none;
}

.slide {
  min-width: 110px;
}

.prizes__wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  padding-right: 1em;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.prizes__wrapper.hidden {
  display: none;
}

.grid {
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 50%;
  height: 100%;
}

.slider__arrow {
  color: #101010;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: color .2s, background-color .2s;
  display: flex;
  box-shadow: 0 8px 20px #0006;
}

.slider__arrow:hover {
  color: #fff;
  background-color: #000;
}

.slider__arrow.left {
  transform: translate(-50%);
}

.slider__arrow.right {
  transform: translate(50%);
}

.slider {
  background-color: #0000;
  width: 400px;
  min-width: 280px;
  max-width: 460px;
  height: 480px;
  bottom: 6rem;
}

.slider.league-intro {
  z-index: 260;
  width: 600px;
  max-width: 600px;
  height: 40vh;
  margin-top: 8rem;
  display: none;
}

.slider.prizes {
  width: 460px;
  min-width: auto;
  max-width: none;
  margin-top: 75px;
  margin-right: 4%;
  display: none;
}

.slider__nav {
  width: 160px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 8px;
  inset: auto 0% 0%;
}

.slide-2 {
  position: static;
  inset: 0%;
  overflow: visible;
}

.slider__icon {
  font-size: 24px;
  font-weight: 700;
}

.slide__image {
  z-index: 1;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
  box-shadow: 0 10px 40px #00000080;
}

.slide__image.previous {
  z-index: 0;
  transform-origin: 50%;
  left: -2rem;
  transform: translate(-120px)rotate(-3deg)scale(.8);
}

.slide__image.current {
  z-index: 2;
  transform-origin: 50%;
  inset: auto 0% 0%;
}

.slide__image.next {
  z-index: 1;
  box-sizing: border-box;
  transform-origin: 50%;
  inset: auto 0% 0%;
  transform: translate(120px)rotate(3deg)scale(.8);
}

.slide__image.teaser {
  width: 250px;
  height: 300px;
  inset: 0% 0% 0% auto;
}

.slide__image.teaser._1 {
  z-index: 3;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 20vw;
  height: 20vw;
  position: relative;
  overflow: hidden;
}

.slide__image.teaser._2 {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 20vw;
  height: 20vw;
  position: relative;
  bottom: 0%;
  left: -10%;
}

.slide__image.teaser._3 {
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 20vw;
  height: 20vw;
  position: relative;
}

.slide__image.teaser.pack {
  box-shadow: none;
  object-fit: contain;
  width: 560px;
  height: 660px;
  display: none;
  top: 20%;
  right: 0%;
}

.slider__mask {
  position: static;
  overflow: visible;
}

.filigram {
  z-index: 100;
  opacity: .08;
  width: 90vw;
  position: absolute;
  inset: -2.5rem auto auto 0%;
}

.pre-order {
  position: relative;
}

.pre-order.teaser {
  z-index: 1;
  background-image: radial-gradient(circle at 50% 0, #000 33%, #0000001c 53%, #0000001a);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 5em;
  padding-left: 10%;
  padding-right: 0%;
  overflow: hidden;
}

.pre-order.teaser.romania {
  display: none;
}

.pre-order.teaser.global {
  z-index: 3;
  background-image: linear-gradient(#000 10%, #0000001c 25%, #0000001a 75%, #000 90%);
}

.base-line {
  letter-spacing: 1px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(225deg, #7d7d7d, #fff 32%, #a7a7a7);
  -webkit-background-clip: text;
  background-clip: text;
  align-self: center;
  width: 100%;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 2rem;
}

.base-line.prizes {
  background-image: linear-gradient(225deg, #7d7d7d, var(--dark-blue) 32%, #a7a7a7);
}

.base-line.prizes.mexico {
  background-image: linear-gradient(225deg, #7d7d7d, var(--red_global) 32%, #a7a7a7);
}

.league-score_wrapper {
  grid-column-gap: 9rem;
  grid-row-gap: 9rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.league-score_wrapper.teaser {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  overflow: visible;
}

.divider-roof {
  z-index: 10;
  filter: invert();
  width: 100%;
  margin-bottom: -1px;
  position: absolute;
  inset: auto 0% 0%;
}

.divider-roof.right {
  width: 110vw;
  height: 200px;
  margin-top: -1px;
  inset: 0% 0% auto;
}

.divider-roof.right._1.teaser {
  z-index: 3;
  display: none;
}

.divider-roof.left {
  width: 110vw;
  height: 200px;
  margin-bottom: -1px;
}

.divider-roof._2-right {
  inset: auto 0% 0%;
  height: 200px;
  margin-top: 0;
  padding-bottom: 0;
  inset: 0% 0% auto;
}

.divider-roof._2-left {
  height: 200px;
}

.divider-roof.top {
  margin-top: -1px;
  margin-bottom: 0;
  inset: 0% 0% auto;
  transform: rotate(180deg);
}

.divider-roof.bg {
  z-index: -1;
  display: none;
}

.divider-roof.bg.teaser {
  z-index: 3;
  top: -1px;
}

.space {
  z-index: 4;
  background-color: var(--black);
  background-image: radial-gradient(circle, #006abd63, #0000);
  width: 100vw;
  height: 100vh;
  padding-left: 10%;
  padding-right: 10%;
  position: relative;
}

.space._1.mexico {
  background-image: radial-gradient(circle, #bd000063, #0000);
}

.space._2 {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.space._2.mobile {
  display: none;
}

.space._2.mexico, .space._3.mexico {
  background-image: radial-gradient(circle, #bd000063, #0000);
}

.space.mobile {
  display: none;
}

.bg-space1 {
  z-index: -1;
  width: 100%;
  height: 50vh;
  position: absolute;
  inset: 0%;
}

.space__wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  width: 36%;
  height: 90vh;
  padding-top: 12rem;
  padding-right: 4rem;
}

.space__wrapper._1 {
  z-index: 11;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-top: 0;
  position: relative;
}

.space__wrapper._2 {
  z-index: 11;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-top: 0;
  padding-left: 4rem;
  padding-right: 0;
  position: relative;
}

.space-intro {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
}

.divider-spaces-points {
  background-image: linear-gradient(225deg, #757575, #fff 58%, #949494);
  width: 1px;
  height: 45px;
}

.game-entrance {
  object-fit: cover;
  background-image: linear-gradient(0deg, #000, #0000);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 50%;
  height: 60vh;
  padding: 2rem;
  display: flex;
  position: static;
  inset: 12rem 10% 0% auto;
  box-shadow: 4px 13px 20px 6px #00000073;
}

.game-entrance.image {
  z-index: 12;
  box-shadow: none;
  background-image: url('../images/game1.png');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: flex-end;
  height: 70vh;
  position: relative;
  top: 0;
  right: 0%;
}

.game-entrance.image.mexico {
  background-image: linear-gradient(0deg, #000, #0000), url('../images/gettyimages-1446950385-2048x2048_1.jpg'), url('../images/gettyimages-1446950385-2048x2048.jpg');
  background-position: 0 0, 0%, 0 0;
  background-size: auto, cover, cover;
}

.game-entrance._2 {
  box-shadow: none;
  background-image: url('../images/game2.png');
  background-position: 0%;
  background-size: cover;
  justify-content: flex-end;
  align-items: flex-start;
  inset: 12rem auto 0% 10%;
}

.game-entrance._2.mexico {
  background-image: url('../images/gettyimages-1253758345-2048x2048_1.png'), linear-gradient(0deg, #000, #0000);
}

.game-entrance._3 {
  box-shadow: none;
  background-image: url('../images/game3.png');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: flex-end;
}

.game-entrance._3.mexico {
  background-image: linear-gradient(0deg, #000, #0000), url('../images/gettyimages-1993647409-2048x2048_1.jpg'), url('../images/gettyimages-1993647409-2048x2048.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, cover, cover;
}

.section-2 {
  background-color: var(--white);
  width: 100vw;
  height: 140vh;
  position: relative;
}

.games-entrance {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: flex-end;
  align-items: flex-start;
  width: 60vw;
  height: 80vh;
  padding-top: 16rem;
  padding-right: 10%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.paragraph_small {
  opacity: .8;
  color: var(--white);
  text-align: left;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 200;
}

.paragraph_small.disclamer {
  margin-top: -4rem;
}

.game_info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  padding-top: 1rem;
  display: none;
}

.game-visual {
  z-index: 1;
  object-fit: cover;
  background-image: linear-gradient(0deg, #000, #0000);
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.divider-white {
  background-color: var(--white);
  width: 100vw;
  height: 24rem;
  position: relative;
}

.lock-blur {
  z-index: 5;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lock-blur._1 {
  justify-content: center;
  align-items: center;
  display: none;
}

.lock-blur._2 {
  z-index: 20;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  mix-blend-mode: normal;
  display: flex;
}

.lock-blur._3 {
  z-index: 20;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.lock-blur.wrapper {
  z-index: 10;
  cursor: not-allowed;
  background-color: #96969666;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 390px;
  height: 430px;
  padding-top: 4rem;
  display: flex;
  position: relative;
  inset: 0%;
  box-shadow: 0 2px 13px 9px #00000075;
}

.date {
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Condensed, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

.lock-space-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.lock-info {
  justify-content: center;
  align-items: center;
}

.space__grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
}

.image-2 {
  opacity: .08;
  width: 50%;
  position: absolute;
  inset: 10% -10% 0% auto;
}

.world {
  z-index: -4;
  opacity: .49;
  width: 80%;
  position: absolute;
  inset: 0 -24% 0% auto;
}

.map {
  z-index: -3;
  width: 100vw;
  height: 200vh;
  display: none;
  position: absolute;
  overflow: hidden;
}

.welcome-page {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--black);
  grid-template-rows: auto;
  grid-template-columns: 100vh;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.div-block {
  position: fixed;
  inset: 0%;
}

.intro-image-country {
  max-width: 50%;
  transition: transform .2s;
}

.intro-image-country:hover {
  transform: scale(.95);
}

.intro {
  object-fit: contain;
  max-width: 60%;
  padding: 50px;
}

.mexico {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.serbia {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.rules-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 80vw;
  padding-top: 2em;
  padding-bottom: 2em;
  position: sticky;
}

.h3 {
  display: none;
}

.cta-menu-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: center;
}

.left-menu-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.left-menu-wrapper.mexico {
  justify-content: space-between;
  align-items: center;
}

.card-item {
  border-radius: .25rem;
  width: 100%;
  height: 35rem;
  position: relative;
  overflow: hidden;
}

.grid-item-overlay {
  opacity: 1;
  background-color: #0003;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.card-background {
  filter: saturate(120%);
  height: 100%;
  position: relative;
}

.card-heading-wrapper {
  display: flex;
  position: relative;
}

.card-heading-background {
  background-color: var(--blue-mid);
  border-radius: .125rem;
  width: auto;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.cards-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.card-heading {
  border-left: .375rem solid var(--blue-mid);
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  object-fit: fill;
  border-radius: .125rem;
  flex: 0 auto;
  align-items: center;
  height: 2rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .125rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Condensed, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.card-heading-holder {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 1.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-link {
  height: 100%;
  text-decoration: none;
  display: block;
  position: relative;
}

.paragraph {
  color: #f5f5f7;
  text-align: left;
  margin-bottom: 0;
  font-family: Neulandgrotesk, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 180%;
}

.card-content {
  z-index: 5;
  opacity: 1;
  object-fit: cover;
  background-color: #0000009c;
  flex-direction: column;
  justify-content: flex-start;
  height: 15.625rem;
  margin-top: -4rem;
  padding: 1rem 5% 1.25rem;
  font-size: .875rem;
  display: flex;
  position: relative;
}

.cards-container {
  max-width: 100rem;
  padding-top: 4rem;
  padding-left: 10vh;
  padding-right: 10vh;
}

.intro_shadow {
  z-index: 0;
  background-image: linear-gradient(193deg, #000 25%, #000000a6 48%, #000 68%);
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
}

.bold-text {
  font-weight: 400;
}

.shader_left {
  background-image: linear-gradient(135deg, #000 16%, #0000 36% 60%, #000 78%);
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.content_frame {
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: relative;
}

.content_frame._40vw {
  padding-left: 10%;
}

.score_container {
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: relative;
}

.score_drop {
  z-index: 0;
  background-image: linear-gradient(315deg, #929292, #cfcece 31%, #bebebe 64%, #fff);
  border-radius: 1em;
  width: 50vw;
  height: 0;
  margin-top: 4vh;
  padding: 1.5em;
  display: none;
  position: absolute;
  overflow: auto;
}

.score_drop_container {
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.score_drop_body {
  background-color: #d1d1d1;
}

.score_drop_row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: 1px solid #bbb;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .5fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 1em;
  display: grid;
}

.score_drop_row.legend {
  background-color: #e9e9e9;
  border-top-left-radius: .5em;
  border-top-right-radius: 0;
  padding-left: 1em;
  position: sticky;
  top: 0;
}

.score_drop_row.pending {
  opacity: .3;
}

.score_item_title {
  color: var(--black);
  font-size: 1.7em;
  font-weight: 400;
  line-height: 1em;
}

.score_item_desc {
  color: var(--black);
  text-align: left;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 300;
  line-height: 1em;
}

.score_item_points {
  color: var(--black);
  text-align: center;
  font-size: 2em;
  font-weight: 300;
}

.score_item_state {
  color: var(--state-complete);
  text-align: center;
  font-size: 1.2em;
  font-weight: 400;
}

.score_item_state.pending {
  color: var(--state-pending);
}

.flex-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.score_legend_item {
  color: var(--state-pending);
  text-align: left;
  font-size: 1.2em;
  font-weight: 400;
}

.score_legend_item.center {
  text-align: center;
  font-family: Condensed, sans-serif;
  font-size: 1.2em;
}

.body_teaser {
  width: 100vw;
  background-color: #000;
  font-family: Condensed, sans-serif;
  overflow-x: hidden;
}

.shade_spot {
  z-index: 0;
  background-image: radial-gradient(circle closest-side, #000, #0000);
  width: 50vw;
  height: 50vw;
  position: absolute;
  inset: auto 0% 0% -45%;
}

.shade_spot.romania {
  display: block;
}

.arrow-next {
  border: 1px solid var(--white);
  background-color: #000;
  border-radius: 200px;
  width: 50px;
  height: 50px;
  padding: 1em;
}

.cta-arrow-right {
  z-index: 1;
  background-color: var(--black);
  cursor: pointer;
  transition: opacity .35s;
  position: static;
}

.cta-arrow-right:hover {
  opacity: .6;
}

.back-cta {
  z-index: 99;
  border: 1px solid var(--white);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1em;
  display: none;
  position: static;
  inset: auto 0% 0% auto;
}

.back-cta.disable {
  display: none;
}

._2-flavor {
  border: 1px solid #fff;
  width: 100vw;
  height: 120vh;
  display: block;
}

.link-block {
  width: 10vw;
  height: 10vw;
}

.link-block-2 {
  width: 4vw;
  height: 4vw;
}

._1-design {
  border: 1px solid var(--white);
  width: 100vw;
  height: 120vh;
  display: block;
}

.ctas-wrapper {
  z-index: 999;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: row;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 8rem 8rem;
}

.next-sec-cta {
  background-image: linear-gradient(#8a8a8a, #fff 23%, #cdcdcd 75%, #a3a3a3);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: 4vw;
  display: flex;
}

.next-sec {
  color: var(--black);
  text-transform: uppercase;
  height: 100%;
  font-size: 32px;
  font-weight: 300;
}

._3-feel, ._4-offering {
  border: 1px solid #fff;
  width: 100vw;
  height: 120vh;
  display: block;
}

._5-tiping {
  background-color: #ff1f1f;
  width: 100vw;
  height: 2px;
  position: absolute;
  top: 390vw;
}

._5-tip {
  border: 1px solid #fff;
  width: 100vw;
  height: 120vh;
  display: block;
}

.curtain {
  z-index: 99;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  background-image: linear-gradient(#000, #000);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.loader_logo {
  object-fit: contain;
  width: 15vw;
}

.text-block-3 {
  font-family: Condensed, sans-serif;
  font-size: 2em;
  font-weight: 300;
}

.rules_block {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border: 1px solid #ffffff26;
  border-right-style: none;
  flex-flow: column;
  justify-content: space-around;
  align-self: stretch;
  width: 25%;
  padding: 4%;
  display: flex;
}

.rules_block.first {
  border-left-style: none;
}

.rules_tit {
  text-align: center;
  text-transform: uppercase;
  font-size: 2.3em;
  font-weight: 300;
  line-height: 1em;
}

.rules_desc {
  text-align: center;
  font-family: Neulandgrotesk, sans-serif;
  font-weight: 300;
}

.gradient-overlay {
  z-index: 2;
  background-image: linear-gradient(0deg, #000c, #0000);
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.black-bg {
  z-index: 8;
  display: none;
  position: fixed;
  inset: 0%;
}

.pack-bg {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.cta_wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.loader_bar {
  z-index: 99;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  background-color: #000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.image-3 {
  width: 10vw;
}

.image-3.red {
  filter: hue-rotate(135deg);
}

.loading_line {
  background-color: #0066b5;
  width: 20%;
  height: 1px;
  transform: rotate(0);
  box-shadow: 0 0 12px 2px #0062ff9e;
}

.loading_line.red {
  background-color: var(--red_global);
  box-shadow: 0 0 12px 2px #ff00009e;
}

.text-block-4 {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1em;
}

.mexico-price-wrapper {
  z-index: 3;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  padding: 3vw;
  position: relative;
}

.price-num {
  font-family: Condensed, sans-serif;
  font-size: 6rem;
  font-weight: 400;
}

.txt-price {
  text-transform: uppercase;
  font-size: 1.6em;
  font-weight: 300;
}

.spline-scene-3 {
  position: fixed;
}

.spline-scene-3.class-to-delete {
  z-index: 0;
}

.spline-scene-3.pack-3d-container {
  display: none;
}

.spline-scene-4 {
  z-index: 1;
  height: 110vh;
}

.spline-scene-5 {
  z-index: 0;
  height: 110vh;
}

.spline-scene-6 {
  z-index: -1;
  height: 110vh;
}

.spline-scene-7 {
  z-index: -2;
  height: 110vh;
}

.spline-scene-8 {
  z-index: -3;
  height: 110vh;
}

.spline-scene-9 {
  z-index: -2;
  height: 110vh;
}

.spline-scene-10 {
  z-index: -3;
  height: 110vh;
}

.pre_order_anchor {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
}

.intro_anchor {
  width: 100%;
  height: 10%;
  position: absolute;
  top: 0;
}

.cta_anchor {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
}

._3dmodel {
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.anchor_holder {
  z-index: -1;
  opacity: .41;
  width: 100%;
  position: absolute;
}

.blurred-price-wrapper {
  z-index: 3;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  padding: 3vw;
  position: relative;
}

@media screen and (min-width: 1440px) {
  .pack-3d-container {
    display: block;
  }

  .features-section {
    z-index: 9;
  }

  .divider-roof.left.s3 {
    display: none;
  }

  .card-heading {
    font-size: 1.375rem;
  }

  .div-block-2 {
    background-color: #bd2121;
    width: 2px;
    height: 2px;
    position: fixed;
    top: 50vw;
  }

  ._3-feel, ._4-offering {
    position: absolute;
  }

  ._5-tiping {
    position: absolute;
    top: 370vw;
  }
}

@media screen and (min-width: 1920px) {
  .sec {
    padding-left: 5%;
    padding-right: 5%;
  }

  .content__wrapper {
    padding-left: 0%;
  }

  .paragraph__50.league.rules-teaser {
    font-size: 1.6em;
  }

  .bac {
    background-image: radial-gradient(circle, #0000, #000 59%), url('../images/0_0-1.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .cta {
    flex: 0 auto;
    display: block;
  }

  .cta.points.score {
    text-decoration: underline;
  }

  .big-title-sec.league-intro {
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .big-title-sec.league-intro.rules {
    grid-column-gap: 6vh;
    grid-row-gap: 6vh;
  }

  .quote-wrapper.league-intro {
    width: 70%;
    overflow: clip;
  }

  .order-button, .order-button.nav, .footer__anim.footer {
    display: block;
  }

  .prizes__wrapper {
    border-radius: 20%;
  }

  .slide__image.teaser._1, .slide__image.teaser._2 {
    width: 400px;
    height: 400px;
  }

  .slide__image.teaser._3 {
    width: 430px;
    height: 400px;
    top: -10%;
    right: -20%;
  }

  .pre-order.teaser {
    background-image: radial-gradient(circle at 50% 0, #000 5%, #0000001c 53%, #0000001a);
  }

  .league-score_wrapper.teaser {
    justify-content: flex-start;
    align-items: center;
    width: 80vw;
    height: auto;
    padding-top: 4rem;
  }

  .league-score_wrapper.teaser.rules {
    margin-top: 0;
    padding-top: 0;
  }

  .rules-wrapper {
    padding-top: 0;
  }

  .cards-container {
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .content_frame {
    padding-right: 10%;
  }

  ._2-flavor, ._1-design {
    border-style: none;
    height: 120vh;
  }

  ._3-feel, ._4-offering {
    border-style: none;
    height: 120vh;
    position: static;
  }

  ._5-tip {
    border-style: none;
    height: 120vh;
    display: block;
    position: static;
  }

  .curtain {
    opacity: 1;
  }

  .anchor_holder {
    background-image: none;
  }

  .blurred-price-wrapper {
    filter: drop-shadow(0 5vw 5vw #ff0808);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #00000026;
    border: 1px solid #ffffff1a;
    border-radius: 15%;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-right: 5vw;
    padding: 6vw;
    overflow: hidden;
  }
}

@media screen and (max-width: 991px) {
  .pack-3d-container.mexico {
    top: auto;
    left: auto;
  }

  .pack-3d-container.serbia {
    width: 100vw;
    height: 100vh;
    inset: 0%;
  }

  .sec {
    flex-flow: column;
  }

  .sec.header {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .sec.league {
    height: 50vh;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sec.league.h-auto {
    height: auto;
  }

  .content__wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    width: 80vw;
  }

  .content__wrapper.left {
    justify-content: flex-end;
    align-items: flex-end;
    width: 80vw;
    height: auto;
    padding-bottom: 0;
  }

  .content__wrapper.header {
    width: 80vw;
    height: auto;
    padding-bottom: 0%;
    padding-left: 0%;
  }

  .content__wrapper.header._60vw {
    width: 80vw;
  }

  .paragraph__50 {
    text-align: left;
    width: 80%;
  }

  .paragraph__50.league {
    padding-top: .5rem;
    font-size: 16px;
  }

  .paragraph__50.league.rules-teaser {
    text-align: left;
  }

  .paragraph__50.phase1 {
    width: 100%;
  }

  .paragraph__50.center {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.5em;
  }

  .bac.prizes.teaser {
    background-image: radial-gradient(circle at 100%, #fff0, #000 66%);
  }

  .container {
    height: 60px;
  }

  .heading-2.right {
    margin-bottom: 0;
    font-size: 6em;
  }

  .cta {
    padding: 1.3em 1em;
    font-size: 1.6em;
  }

  .cta.points.score {
    padding-top: 1em;
    padding-bottom: 1em;
    line-height: 10px;
    right: 14%;
  }

  .image {
    width: 50vw;
  }

  .horizontal-scroll-wrapper {
    height: 400vh;
    position: relative;
  }

  .section {
    background-image: linear-gradient(#4abdac 14%, #2a05b3);
    width: 100%;
  }

  .section._1 {
    background-image: linear-gradient(#242424, #4abdac 87%);
  }

  .horizontal-scroll-content {
    flex-direction: column;
    width: 100%;
    height: auto;
  }

  .spline-ui-01 {
    max-width: 100vw;
  }

  .gallery__item {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    border-width: 0;
    flex-direction: column;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .features_item-content {
    text-align: center;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 4rem;
  }

  .gallery__item-title.is--big {
    text-align: center;
  }

  .spline-ui-04, .spline-ui-02 {
    max-width: 100vw;
  }

  .gallery__content {
    flex-direction: column;
  }

  .spline-ui-03 {
    max-width: 100vw;
  }

  .marquee-section {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }

  .marquee-section.romania {
    display: none;
  }

  .marquee-section.romania.mobile, .marquee-wrapper.mobile {
    display: flex;
  }

  .marquee.scroll-reverse.romania {
    margin-left: 0%;
  }

  .marquee__text, .marquee__text.is--outline {
    font-size: 1.5em;
  }

  .features_item {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    border-width: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 4rem 0 0;
  }

  .gallery__head {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .gallery__feature-title {
    font-size: 2rem;
  }

  .features-section {
    height: 600vw;
  }

  .gallery__feature-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .text-accent {
    text-align: center;
  }

  .gallery__features {
    padding-top: 5vh;
  }

  .gallery__content-2 {
    flex-direction: column;
  }

  .gallery-wrapper.section {
    margin-top: 10vh;
    margin-bottom: 10vh;
  }

  .features_content-3 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 90vh;
  }

  .big-title-sec {
    background-image: linear-gradient(#0000, #000 53% 83%, #0000);
    padding-left: 10%;
    padding-right: 10%;
  }

  .big-title-sec.section {
    margin-top: 15vh;
  }

  .big-title-sec.league-intro {
    background-image: radial-gradient(circle closest-side, #0000, #000);
    padding-bottom: 3vh;
  }

  .quote-wrapper {
    padding-top: 0;
  }

  .quote-wrapper.league-intro {
    justify-content: flex-start;
    align-items: center;
    width: 80%;
  }

  .quote {
    text-align: center;
    background-image: linear-gradient(135deg, #919191, #fff 47%, #6b6b6b);
    font-size: 5rem;
  }

  .nav-menu {
    background-color: #222;
  }

  .heading__50.league {
    text-align: center;
    width: 80%;
    font-size: 1.5em;
  }

  .menu-button {
    position: absolute;
    inset: 0% 4% 0% auto;
  }

  .menu-button.w--open {
    background-color: #222;
  }

  .order-button.nav {
    margin-right: 4rem;
  }

  .tabs {
    padding-top: 2rem;
  }

  .tabs-content {
    width: 100%;
  }

  .tab-pane-win-prizes {
    padding-top: 0;
  }

  .tab-pane-win-prizes.teaser {
    padding-top: 6rem;
    padding-right: 0%;
  }

  .steps__wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 100%;
  }

  .steps__wrapper.teaser {
    width: 80vw;
  }

  .prizes__wrapper {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: column;
    width: 80vw;
    height: auto;
    right: auto;
  }

  .slider.league-intro {
    max-width: 360px;
  }

  .slider.prizes {
    align-self: center;
    width: 70%;
    height: 420px;
    margin-left: 4%;
    padding-top: 3rem;
  }

  .slide__image.teaser._1 {
    top: 0%;
    right: -25%;
  }

  .slide__image.teaser._2 {
    position: absolute;
    top: 20%;
    right: -20%;
  }

  .slide__image.teaser._3 {
    position: absolute;
    top: 40%;
    right: -30%;
  }

  .slide__image.teaser.pack {
    width: 250px;
    height: 370px;
    top: 53%;
  }

  .pre-order.teaser {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    background-image: radial-gradient(circle at 100% 0, #fff0 36%, #000 80%);
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 40vh;
    padding-left: 0%;
    padding-right: 0%;
  }

  .base-line.prizes {
    padding-top: 0;
    font-size: 18px;
    line-height: 2rem;
  }

  .league-score_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .league-score_wrapper.teaser {
    justify-content: center;
    align-items: center;
    width: 80vw;
    top: 0;
  }

  .divider-roof.right, .divider-roof.left, .divider-roof._2-right, .divider-roof._2-left {
    height: 100px;
  }

  .space._2 {
    display: none;
  }

  .space._2.mobile {
    height: 120vh;
    display: flex;
  }

  .space__wrapper._1 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding-top: 2rem;
    padding-right: 0;
  }

  .space__wrapper._2 {
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .game-entrance.image {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/game1.png');
    width: 100%;
    height: 40vh;
    inset: 8.5rem 0% auto;
  }

  .game-entrance._2 {
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 40vh;
  }

  .game-entrance._3 {
    width: 100%;
    height: 40vh;
  }

  .paragraph_small.disclamer {
    font-size: 12px;
    line-height: 1.2rem;
  }

  .game_info {
    padding-top: 0;
  }

  .game-visual {
    border-radius: 0;
  }

  .space__grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    position: relative;
  }

  .world {
    width: 100%;
    inset: auto 0% -25% 25%;
  }

  .welcome-page {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .intro-image-country {
    max-width: 90%;
    max-height: 50%;
  }

  .mexico {
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: 100%;
  }

  .serbia {
    justify-content: center;
    align-items: flex-end;
    width: 100vw;
  }

  .rules-wrapper {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .card-item {
    height: 30rem;
  }

  .card-background {
    background-color: #fff;
    background-image: none;
  }

  .cards-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .card-content {
    padding-left: 3%;
    padding-right: 3%;
  }

  .cards-container {
    max-width: none;
    margin-top: 2rem;
  }

  .intro_shadow {
    z-index: 0;
    background-image: linear-gradient(193deg, #000 25%, #000000a6 48%, #000 68%);
  }

  .shader_left {
    background-image: linear-gradient(166deg, #000 16%, #0000 40%, #000 65%);
  }

  .content_frame {
    flex-flow: column;
    justify-content: space-around;
    padding-left: 0%;
    padding-right: 0%;
  }

  .content_frame._40vw {
    padding-left: 0%;
  }

  .score_drop {
    opacity: 0;
    width: 95vw;
    height: 0;
    inset: 0% auto auto -50vw;
  }

  .shade_spot {
    width: 70vw;
    height: 50vw;
    inset: -60% -10% 0% auto;
  }

  .loader_logo {
    object-fit: cover;
    width: 30vw;
    display: block;
    overflow: visible;
  }

  .rules_block {
    border-right-style: solid;
    width: auto;
    padding: 15%;
  }

  .rules_block.first {
    border-left-style: solid;
  }

  .loader_bar {
    display: none;
  }

  .image-3 {
    width: 20vw;
  }

  .image-4 {
    align-self: center;
    width: 460px;
  }
}

@media screen and (max-width: 767px) {
  .sec.header {
    flex-flow: column;
    padding-left: 10%;
    padding-right: 10%;
  }

  .sec.league {
    height: auto;
  }

  .first-world-txt {
    font-size: 150px;
  }

  .content__wrapper {
    padding-top: 20%;
  }

  .paragraph__50.center {
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    height: 60px;
  }

  .navbar {
    width: 100vw;
  }

  .heading-2.right {
    margin-bottom: 0;
  }

  .cta.points.score {
    right: 18%;
  }

  .spline-ui-01 {
    margin-left: 5%;
  }

  .gallery__item {
    max-width: 100vw;
    min-height: auto;
    padding-bottom: 8rem;
  }

  .gallery__embed {
    width: 100%;
    margin-left: -50%;
  }

  .features_item-content {
    justify-content: flex-start;
    align-items: flex-start;
    width: 80%;
  }

  .spline-ui-04 {
    margin-left: 5%;
  }

  .spline-ui-02 {
    margin-left: 15%;
  }

  .gallery__item-sub.about__block-kicker {
    text-align: left;
  }

  .spline-ui-03 {
    margin-left: 20%;
  }

  .features_item {
    min-width: 100vw;
    max-width: 100vw;
    min-height: auto;
    padding-bottom: 8rem;
  }

  .gallery__feature-title {
    font-size: 1.25rem;
  }

  .features-section {
    max-height: 1020vw;
  }

  .text-accent {
    text-align: center;
    max-width: 70vw;
    line-height: 1.25;
  }

  .features_content-3 {
    flex-flow: row;
    width: 100vw;
    height: 80%;
  }

  .big-title-sec.section {
    grid-row-gap: 2rem;
  }

  .menu-button {
    align-self: stretch;
    position: absolute;
    inset: 0% 4% 0% auto;
  }

  .order-button.nav {
    margin-right: 2.5rem;
  }

  .tabs-menu {
    padding-left: 4rem;
  }

  .steps {
    text-align: center;
    width: 100px;
  }

  .tab-link-participate {
    padding-left: 0;
    padding-right: 0;
  }

  .slider.prizes {
    width: 80%;
    height: 340px;
    margin-top: 20px;
  }

  .league-score_wrapper.teaser {
    top: 60px;
  }

  .game-entrance.image {
    top: 8.5rem;
  }

  .welcome-page {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .intro-image-country {
    max-width: 100%;
    max-height: 100%;
  }

  .intro {
    padding: 27px;
  }

  .mexico {
    justify-content: center;
    align-items: flex-start;
    width: 60vw;
    height: 100%;
  }

  .serbia {
    justify-content: center;
    align-items: flex-end;
    width: 60vw;
    height: 100%;
  }

  .card-heading {
    border-left-style: solid;
    padding-left: .75rem;
  }

  .card-content {
    align-items: flex-start;
  }

  .score_drop {
    width: 90vw;
    left: -35vw;
  }
}

@media screen and (max-width: 479px) {
  .pack-3d-container {
    top: 0;
  }

  .pack-3d-container.mexico {
    height: 100vh;
    top: 0;
    left: 0;
  }

  .pack-3d-container.serbia {
    width: 100vw;
    height: 100vh;
  }

  .pack-3d-container.serbia.global {
    width: 120vw;
    height: 120vh;
    top: -10%;
    left: -10%;
  }

  .sec {
    z-index: 3;
  }

  .sec.header {
    padding-left: 0%;
    padding-right: 0%;
  }

  .sec.pre-order {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    width: 100vw;
    height: 70vh;
  }

  .sec.league {
    justify-content: space-around;
    height: auto;
    padding-bottom: 2em;
    padding-left: 18px;
    padding-right: 18px;
  }

  .first-world-txt {
    letter-spacing: -2px;
    margin-top: 50px;
    padding-bottom: 0;
    font-size: 5em;
  }

  .first-world-txt.romania {
    font-size: 4em;
  }

  .first-world-txt.mexico {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    font-size: 4.5em;
  }

  .content__wrapper {
    padding-top: 0%;
    position: relative;
  }

  .content__wrapper.header {
    padding-top: 0%;
  }

  .content__wrapper.header._60vw {
    width: auto;
  }

  .paragraph__50 {
    word-break: keep-all;
    width: 100%;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.3;
  }

  .paragraph__50.league {
    text-align: center;
    width: 100%;
  }

  .paragraph__50.league.rules-teaser {
    text-align: left;
  }

  .paragraph__50.phase1 {
    font-size: 1rem;
  }

  .paragraph__50.intro {
    width: auto;
    font-size: 1em;
  }

  .paragraph__50.center {
    text-align: center;
    font-size: 1em;
  }

  .bac {
    height: 100vh;
  }

  .bac.tabs {
    z-index: -2;
  }

  .bac.prizes {
    z-index: -1;
    height: 100%;
    position: absolute;
  }

  .bac.prizes.teaser {
    background-image: radial-gradient(circle at 50% 10%, #fff0 25%, #000 67%);
  }

  .back {
    height: 100vh;
  }

  .container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  .navbar {
    display: flex;
    box-shadow: 0 2.5em 5em 1em #000;
  }

  .menu-anchor.global.mexico-right {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 1em;
  }

  .heading-2.right {
    width: 100%;
    margin-bottom: 0;
    font-size: 2em;
    position: relative;
  }

  .cta {
    font-size: 1.2em;
  }

  .cta.points._1 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .cta.points.score {
    position: relative;
  }

  .cta.points.score.barrow, .cta.points.score.next {
    font-size: 1em;
  }

  .cta.points.score.pre {
    top: 24%;
    right: auto;
  }

  .heading-3 {
    font-size: 2.5rem;
  }

  .image {
    width: 80%;
    padding-top: 0;
  }

  .gallery__embed {
    margin-left: -160%;
  }

  .features_item-content {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    text-align: left;
  }

  .gallery__item-title {
    margin-bottom: 0;
    font-family: Condensed, sans-serif;
    font-size: 2rem;
  }

  .marquee-section {
    z-index: 3;
    padding-top: 0;
  }

  .marquee-section.romania {
    background-image: linear-gradient(#0000, #000 22% 78%, #0000);
    padding-top: 12px;
  }

  .marquee-section.mxq_mobile {
    background-image: linear-gradient(#0000 23%, #000 41% 68%, #0000);
  }

  .marquee-wrapper {
    margin-top: 0;
    padding-top: 0;
  }

  .marquee-wrapper.top {
    padding-top: 12px;
    left: 75vw;
  }

  .marquee-wrapper.top.glx2 {
    left: 150%;
  }

  .marquee-wrapper.mid {
    left: 30vw;
  }

  .marquee-wrapper.mid.mobile {
    margin-left: -150%;
    padding-top: 12px;
  }

  .marquee-wrapper.mid.glx2 {
    left: -20%;
  }

  .marquee-wrapper.low {
    padding-top: 12px;
    left: 80vw;
  }

  .marquee-wrapper.low.glx2 {
    left: 280%;
  }

  .marquee.scroll-reverse {
    grid-column-gap: 1rem;
  }

  .marquee.scroll-reverse.romania.line3 {
    padding-left: 8%;
  }

  .marquee.romania {
    padding-left: 15%;
  }

  .marquee__text {
    white-space: nowrap;
    word-break: keep-all;
    font-size: .5em;
  }

  .marquee__text.is--outline {
    white-space: nowrap;
    font-size: .5em;
  }

  .marquee__text.is--outline.romania, .marquee__text.romania {
    font-size: .5em;
  }

  .marquee__text.romania.wrap {
    text-align: center;
    width: 33%;
    font-size: .5em;
  }

  .marquee__text.romania.line3 {
    font-size: .5em;
  }

  .features_item {
    background-image: linear-gradient(0deg, #0000, var(--black));
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-width: 1px;
    min-width: 100vw;
    max-width: 100vw;
    padding-top: 2em;
    padding-bottom: 0;
  }

  .features_item.arm {
    z-index: -1;
    background-image: linear-gradient(0deg, #0000 76%, var(--black));
    border-style: solid;
    border-width: 0;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .features-section {
    z-index: 8;
    height: 1300vw;
    max-height: 1300vw;
  }

  .features-section.romania {
    background-image: linear-gradient(180deg, #0000, #00000012 78%, var(--black));
    padding-top: 0;
  }

  .features-section.romania.arm {
    background-image: none;
  }

  .features-section.glx2 {
    padding-top: 0;
  }

  .camera {
    height: 70vh;
    top: 70px;
  }

  .camera.mxq-mobile {
    background-image: linear-gradient(#0000, #000 41% 64%, #0000);
  }

  .camera.romania {
    background-image: linear-gradient(#0000, #000 25% 75%, #0000);
  }

  .camera.glx2 {
    top: 20px;
  }

  .section-title {
    line-height: .2;
  }

  .features_content-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .features_content-3.glx2 {
    padding-top: 0;
  }

  .big-title-sec {
    justify-content: center;
    align-items: flex-end;
  }

  .big-title-sec.section {
    flex-direction: column;
    margin-top: 10vh;
    margin-left: 2rem;
    margin-right: 2rem;
    display: flex;
  }

  .big-title-sec.mobile {
    display: none;
  }

  .big-title-sec.league-intro {
    z-index: 10;
    background-image: linear-gradient(#000, #0000 24% 39%, #000 81%);
    justify-content: flex-start;
    align-items: center;
    padding-top: 10vh;
  }

  .big-title-sec.league-intro.rules {
    padding-top: 20vh;
  }

  .big-title-sec.prizes {
    display: flex;
  }

  .big-title-sec.mobile {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .big-title-sec.glx2 {
    background-image: linear-gradient(#0000, #000 53%, #000);
  }

  .quote-wrapper {
    justify-content: center;
    align-items: center;
  }

  .quote-wrapper.league-intro {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
  }

  .quote-wrapper.league-intro.serbian-page {
    width: 90%;
  }

  .quote {
    text-align: center;
    font-size: 2rem;
  }

  .roof-footer {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
  }

  .heading__50 {
    font-size: 3em;
    line-height: 1;
  }

  .heading__50.league {
    text-align: center;
    width: 100%;
    font-size: 1em;
  }

  .heading__50.teaser {
    font-family: Condensed, sans-serif;
  }

  .brand {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .menu-button {
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .menu-button.w--open {
    background-color: #252525;
  }

  .order-button {
    padding: 12px 24px;
    font-size: 16px;
  }

  .order-button.play {
    z-index: 14;
  }

  .order-button.nav {
    margin-right: 0;
    display: none;
  }

  .stay-tuned {
    height: 8vh;
  }

  .stay-tuned__text {
    font-size: 1.7rem;
  }

  .tabs {
    padding-top: 1px;
  }

  .tabs-menu {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    justify-content: flex-start;
    align-items: center;
    height: 70px;
    padding-left: 16px;
    padding-right: 0;
    overflow: scroll;
  }

  .tabs-menu.teaser {
    padding-top: 8rem;
  }

  .steps {
    text-align: center;
    white-space: nowrap;
    flex-flow: column;
  }

  .tabs-content {
    height: auto;
    padding-left: 0%;
    padding-right: 0%;
    overflow: visible;
  }

  .tabs-content.teaser {
    overflow: visible;
  }

  .tab-pane-pre-order {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0%;
  }

  .tab-link-pre-order.w--current {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tab-link-collect-points {
    justify-content: center;
    align-items: center;
    width: 150px;
    display: flex;
  }

  .tab-link-participate {
    justify-content: center;
    align-items: center;
    width: 150px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .tab-link-win-prizes {
    justify-content: center;
    align-items: center;
    width: 150px;
    display: flex;
  }

  .tab-pane-collect-points, .tab-pane-participate, .tab-pane-win-prizes {
    padding-top: 0;
    padding-right: 0%;
  }

  .tab-pane-win-prizes.teaser {
    width: 100vw;
    height: 80vh;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    overflow: hidden;
  }

  .text-block-2 {
    text-align: center;
    width: 90px;
  }

  .steps__wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 100%;
    height: 100%;
    padding-left: 10%;
    padding-right: 10%;
    overflow: hidden;
  }

  .steps__wrapper.teaser {
    padding-left: 0%;
    padding-right: 0%;
    position: relative;
    overflow: visible;
  }

  .tabs-img {
    width: 100vw;
    max-width: 100%;
    inset: 101% 0% 0%;
  }

  .logo {
    display: none;
  }

  .divider {
    padding-top: 1px;
  }

  .footer__anim {
    z-index: 9;
  }

  .footer__anim.footer {
    overflow: hidden;
  }

  .prizes__wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    height: 60vh;
    position: static;
  }

  .slider__arrow.left, .slider__arrow.right {
    width: 32px;
    height: 32px;
  }

  .slider.league-intro {
    width: 180px;
    min-width: 250px;
    height: 320px;
  }

  .slider.prizes {
    width: 70%;
    height: 330px;
    margin-top: 0;
    margin-right: 0%;
    padding-top: 3rem;
  }

  .slider__icon {
    font-size: 16px;
  }

  .slide__image.teaser._1 {
    z-index: 3;
    width: 50vw;
    height: 50vw;
    position: relative;
    inset: 0 auto 0 10%;
  }

  .slide__image.teaser._2 {
    width: 50vw;
    height: 50vw;
    position: relative;
    top: 0;
    left: -10%;
    right: auto;
    overflow: hidden;
  }

  .slide__image.teaser._3 {
    width: 50vw;
    height: 50vw;
    position: relative;
    top: 0;
    left: 10%;
    right: auto;
  }

  .slide__image.teaser.pack {
    width: 190px;
    height: 320px;
    inset: auto 0% -56% 31%;
  }

  .pre-order {
    z-index: 2;
    height: 70vh;
  }

  .pre-order.teaser {
    background-image: linear-gradient(#000000fa 55%, #0000);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    padding-top: 25vh;
    padding-bottom: 0;
  }

  .base-line {
    font-size: 20px;
    line-height: 1.4rem;
  }

  .base-line.prizes {
    line-height: 1.2rem;
  }

  .league-score_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    padding-top: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .league-score_wrapper.teaser {
    grid-column-gap: 1.3rem;
    grid-row-gap: 1.3rem;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    top: 0;
  }

  .divider-roof.right {
    height: 90px;
  }

  .divider-roof.left {
    z-index: -10;
  }

  .divider-roof._2-right {
    z-index: 10;
  }

  .space {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .space._1 {
    padding-left: 0;
    padding-right: 0;
  }

  .space._2 {
    display: none;
  }

  .space._2.mobile {
    height: 100vh;
    display: none;
  }

  .space.mobile {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .space__wrapper._1 {
    z-index: 5;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 100%;
    padding-top: 5rem;
    padding-left: 18px;
    padding-right: 18px;
    position: relative;
  }

  .space-intro {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
  }

  .game-entrance.image {
    background-image: url('../images/game1.png');
    background-position: 50%;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 60vh;
    padding: 0;
    position: relative;
    inset: 0 0% auto;
  }

  .game-entrance.image._2 {
    object-fit: cover;
    background-image: url('../images/g2.png');
    background-position: 0 0;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    height: 60vh;
  }

  .game-entrance._2 {
    background-image: url('../images/gettyimages-1253758345-2048x2048_1.png'), linear-gradient(0deg, #000, #0000);
    justify-content: flex-end;
    align-items: flex-end;
    height: 20vh;
  }

  .game-entrance._3 {
    z-index: 12;
    justify-content: flex-start;
    align-items: center;
    height: 60vh;
    padding: 0;
    position: relative;
    top: 0;
    right: 0%;
  }

  .paragraph_small {
    padding-top: 2px;
    line-height: 1rem;
  }

  .paragraph_small.disclamer {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .paragraph_small.disclaimer {
    font-size: 10px;
  }

  .game_info {
    padding-top: 0;
  }

  .game-visual {
    border-radius: 0;
    inset: 0% 0% auto;
  }

  .lock-blur._1 {
    display: none;
  }

  .lock-blur._2 {
    z-index: 9;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .lock-blur._3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lock-blur.wrapper {
    width: 320px;
    height: 270px;
    padding-top: 4rem;
  }

  .date {
    font-size: 20px;
  }

  .space__grid {
    z-index: -1;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .world {
    width: 130%;
    max-width: none;
    inset: auto -31% 20% auto;
  }

  .map {
    z-index: -3;
    height: 100vh;
    position: absolute;
    inset: 0%;
  }

  .welcome-page {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    height: 50vh;
  }

  .intro-image-country {
    max-width: 70%;
    padding: 0;
  }

  .mexico {
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: 100%;
  }

  .serbia {
    justify-content: center;
    align-items: flex-end;
    width: 100vw;
    height: 100%;
  }

  .rules-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .card-item {
    height: 25rem;
  }

  .grid-item-overlay {
    padding-top: 0;
  }

  .card-background {
    filter: saturate(125%);
    margin-top: 0;
  }

  .card-heading-background {
    background-color: var(--blue-mid);
  }

  .cards-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .card-heading {
    border-left-style: solid;
    border-left-color: var(--blue-mid);
    height: 1.5rem;
    padding-left: .5rem;
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }

  .card-heading-holder {
    flex: 0 auto;
    display: block;
  }

  .paragraph {
    font-size: .875rem;
  }

  .card-content {
    padding-left: 8%;
    padding-right: 8%;
  }

  .cards-container {
    margin-top: 0;
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .intro_shadow, .shader_left {
    display: none;
  }

  .content_frame {
    padding-top: 5vh;
    padding-bottom: 10vh;
  }

  .content_frame._40vw {
    justify-content: space-around;
    align-items: flex-start;
    width: 80vw;
  }

  .score_drop {
    width: 100vw;
    margin-top: 10vh;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .score_drop_container {
    border-radius: .6em;
  }

  .score_drop_row {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    justify-content: stretch;
    place-items: center stretch;
  }

  .score_drop_row.legend {
    z-index: 1;
  }

  .score_legend_item.center {
    text-align: center;
  }

  .shade_spot {
    z-index: 0;
    background-image: radial-gradient(circle closest-side, #000, #0000);
    width: 90vw;
    height: 90vw;
    position: absolute;
    top: -35vw;
    left: 5vw;
  }

  ._2-flavor {
    top: 28%;
  }

  ._3-feel {
    top: 48%;
  }

  ._4-offering {
    top: 68%;
  }

  ._5-tip {
    top: 85%;
  }

  ._5-tip.arm-final {
    z-index: -1;
  }

  .curtain {
    display: none;
  }

  .loader_logo {
    z-index: 9999;
    object-fit: scale-down;
    align-self: center;
    position: absolute;
  }

  .rules_block {
    background-image: linear-gradient(#0000, #000);
  }

  .black-bg {
    z-index: 2;
    background-image: linear-gradient(0deg, #000 33%, #0000 60%);
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .cta_wrapper {
    margin-left: 5vw;
  }

  .loader_bar {
    display: none;
  }

  .image-3 {
    width: 30vw;
  }

  .pre_order_anchor {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 15%;
  }

  .intro_anchor {
    width: 100%;
    height: 10%;
    position: absolute;
    top: 20%;
  }

  .cta_anchor {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 25%;
  }
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-5ce20cb4, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-5ce20cb4, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-5ce20cb4, #w-node-_06b16661-7b6d-1fe8-8900-1104356ad4f4-5ce20cb4, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-4d2f1c14, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-4d2f1c14, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-4d2f1c14, #w-node-_06b16661-7b6d-1fe8-8900-1104356ad4f4-4d2f1c14 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_0a68b5f8-58a5-520e-3308-245f094ddd40-3fac34a2 {
  grid-area: 2 / 1 / 3 / 2;
  place-self: auto;
}

#w-node-_74168c01-3319-5fd9-e07e-1fe0523e407a-3fac34a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-8b248993, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-8b248993, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-8b248993, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-fa5e0dfd, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-fa5e0dfd, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-fa5e0dfd, #w-node-_06b16661-7b6d-1fe8-8900-1104356ad4f4-fa5e0dfd {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_8afa73c1-3a11-0d33-6cb3-77a17d0ea63e-90d46d38, #w-node-da8a0d93-4cad-90a6-259b-4efe731bed56-90d46d38, #w-node-_6ad32357-c6f5-84aa-2faa-63e0461a7b39-90d46d38, #w-node-_72c8ffa7-bd65-d5fb-2001-610db9ebf1ed-90d46d38, #w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e5-90d46d38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e9-90d46d38 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-90d46d38, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-90d46d38, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-1de799ea, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-1de799ea, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-1de799ea {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_8afa73c1-3a11-0d33-6cb3-77a17d0ea63e-b9e03200, #w-node-da8a0d93-4cad-90a6-259b-4efe731bed56-b9e03200, #w-node-_6ad32357-c6f5-84aa-2faa-63e0461a7b39-b9e03200, #w-node-_72c8ffa7-bd65-d5fb-2001-610db9ebf1ed-b9e03200, #w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e5-b9e03200 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e9-b9e03200 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-b9e03200, #w-node-cb901ae0-35c7-86d1-34f4-df3a6e25f119-b9e03200 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_8afa73c1-3a11-0d33-6cb3-77a17d0ea63e-ec651422, #w-node-da8a0d93-4cad-90a6-259b-4efe731bed56-ec651422, #w-node-_6ad32357-c6f5-84aa-2faa-63e0461a7b39-ec651422, #w-node-_72c8ffa7-bd65-d5fb-2001-610db9ebf1ed-ec651422, #w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e5-ec651422 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e9-ec651422 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-ec651422, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-6d714678, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-6d714678 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_64008150-1882-e6e6-b13b-ab54ec0a950c-25f1fe79, #w-node-_64008150-1882-e6e6-b13b-ab54ec0a950e-25f1fe79, #w-node-_64008150-1882-e6e6-b13b-ab54ec0a9510-25f1fe79, #w-node-_64008150-1882-e6e6-b13b-ab54ec0a9512-25f1fe79, #w-node-_64008150-1882-e6e6-b13b-ab54ec0a9516-25f1fe79 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_64008150-1882-e6e6-b13b-ab54ec0a951a-25f1fe79 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-25f1fe79, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-25f1fe79 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_8afa73c1-3a11-0d33-6cb3-77a17d0ea63e-9a0352aa, #w-node-da8a0d93-4cad-90a6-259b-4efe731bed56-9a0352aa, #w-node-_6ad32357-c6f5-84aa-2faa-63e0461a7b39-9a0352aa, #w-node-_72c8ffa7-bd65-d5fb-2001-610db9ebf1ed-9a0352aa, #w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e5-9a0352aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e9-9a0352aa {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-9a0352aa, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-9a0352aa {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_8afa73c1-3a11-0d33-6cb3-77a17d0ea63e-1b6afcf3, #w-node-da8a0d93-4cad-90a6-259b-4efe731bed56-1b6afcf3, #w-node-_6ad32357-c6f5-84aa-2faa-63e0461a7b39-1b6afcf3, #w-node-_72c8ffa7-bd65-d5fb-2001-610db9ebf1ed-1b6afcf3, #w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e5-1b6afcf3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e9-1b6afcf3 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-1b6afcf3, #w-node-cb901ae0-35c7-86d1-34f4-df3a6e25f119-1b6afcf3 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_8afa73c1-3a11-0d33-6cb3-77a17d0ea63e-eace7330, #w-node-da8a0d93-4cad-90a6-259b-4efe731bed56-eace7330, #w-node-_6ad32357-c6f5-84aa-2faa-63e0461a7b39-eace7330, #w-node-_72c8ffa7-bd65-d5fb-2001-610db9ebf1ed-eace7330, #w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e5-eace7330 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e9-eace7330 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-eace7330, #w-node-a5916e51-4ed6-7ef9-2bb0-3f14bc332ee7-eace7330 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_98afd14f-190f-d34a-7019-01823947fbd1-091eb2b8, #w-node-_98afd14f-190f-d34a-7019-01823947fbd3-091eb2b8, #w-node-_98afd14f-190f-d34a-7019-01823947fbd5-091eb2b8, #w-node-_98afd14f-190f-d34a-7019-01823947fbd7-091eb2b8, #w-node-_98afd14f-190f-d34a-7019-01823947fbdb-091eb2b8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98afd14f-190f-d34a-7019-01823947fbdf-091eb2b8 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-091eb2b8, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-091eb2b8 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_9fa26d5d-273a-3ad7-49f3-cc0dd92d32e1-5f82bcc3, #w-node-_9fa26d5d-273a-3ad7-49f3-cc0dd92d32e3-5f82bcc3, #w-node-_9fa26d5d-273a-3ad7-49f3-cc0dd92d32e5-5f82bcc3, #w-node-_9fa26d5d-273a-3ad7-49f3-cc0dd92d32e7-5f82bcc3, #w-node-_9fa26d5d-273a-3ad7-49f3-cc0dd92d32eb-5f82bcc3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9fa26d5d-273a-3ad7-49f3-cc0dd92d32ef-5f82bcc3 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-5f82bcc3 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_8afa73c1-3a11-0d33-6cb3-77a17d0ea63e-144a20ad, #w-node-da8a0d93-4cad-90a6-259b-4efe731bed56-144a20ad, #w-node-_6ad32357-c6f5-84aa-2faa-63e0461a7b39-144a20ad, #w-node-_72c8ffa7-bd65-d5fb-2001-610db9ebf1ed-144a20ad, #w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e5-144a20ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ffcc1435-eb1d-c6eb-afab-28fce87dc5e9-144a20ad {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-144a20ad, #w-node-cb901ae0-35c7-86d1-34f4-df3a6e25f119-144a20ad {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_98afd14f-190f-d34a-7019-01823947fbd1-1b18669e, #w-node-_98afd14f-190f-d34a-7019-01823947fbd3-1b18669e, #w-node-_98afd14f-190f-d34a-7019-01823947fbd5-1b18669e, #w-node-_98afd14f-190f-d34a-7019-01823947fbd7-1b18669e, #w-node-_98afd14f-190f-d34a-7019-01823947fbdb-1b18669e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98afd14f-190f-d34a-7019-01823947fbdf-1b18669e {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-1b18669e, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-1b18669e {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_98afd14f-190f-d34a-7019-01823947fbd1-e9d8cdbb, #w-node-_98afd14f-190f-d34a-7019-01823947fbd3-e9d8cdbb, #w-node-_98afd14f-190f-d34a-7019-01823947fbd5-e9d8cdbb, #w-node-_98afd14f-190f-d34a-7019-01823947fbd7-e9d8cdbb, #w-node-_98afd14f-190f-d34a-7019-01823947fbdb-e9d8cdbb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98afd14f-190f-d34a-7019-01823947fbdf-e9d8cdbb {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-e9d8cdbb, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-e9d8cdbb {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-_98afd14f-190f-d34a-7019-01823947fbd1-5ea96839, #w-node-_98afd14f-190f-d34a-7019-01823947fbd3-5ea96839, #w-node-_98afd14f-190f-d34a-7019-01823947fbd5-5ea96839, #w-node-_98afd14f-190f-d34a-7019-01823947fbd7-5ea96839, #w-node-_98afd14f-190f-d34a-7019-01823947fbdb-5ea96839 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98afd14f-190f-d34a-7019-01823947fbdf-5ea96839 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-5ea96839, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-5ea96839, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-7f9be260, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-7f9be260 {
  grid-area: 1 / 2 / 2 / 12;
}

@media screen and (max-width: 991px) {
  #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-5ce20cb4, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-5ce20cb4, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-5ce20cb4, #w-node-_06b16661-7b6d-1fe8-8900-1104356ad4f4-5ce20cb4, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-4d2f1c14, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-4d2f1c14, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-4d2f1c14, #w-node-_06b16661-7b6d-1fe8-8900-1104356ad4f4-4d2f1c14, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-8b248993, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-8b248993, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-8b248993, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-fa5e0dfd, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-fa5e0dfd, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-fa5e0dfd, #w-node-_06b16661-7b6d-1fe8-8900-1104356ad4f4-fa5e0dfd, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-90d46d38, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-90d46d38, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-1de799ea, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-1de799ea, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-1de799ea, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-b9e03200, #w-node-cb901ae0-35c7-86d1-34f4-df3a6e25f119-b9e03200, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-ec651422, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-6d714678, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-6d714678, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-25f1fe79, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-25f1fe79, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-9a0352aa, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-9a0352aa, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-1b6afcf3, #w-node-cb901ae0-35c7-86d1-34f4-df3a6e25f119-1b6afcf3, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-eace7330, #w-node-a5916e51-4ed6-7ef9-2bb0-3f14bc332ee7-eace7330, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-091eb2b8, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-091eb2b8, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-5f82bcc3, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-144a20ad, #w-node-cb901ae0-35c7-86d1-34f4-df3a6e25f119-144a20ad, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-1b18669e, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-1b18669e, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-e9d8cdbb, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-e9d8cdbb, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-5ea96839, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-5ea96839, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-7f9be260, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-7f9be260 {
    grid-column: 4 / 11;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-5ce20cb4, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-5ce20cb4, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-5ce20cb4, #w-node-_06b16661-7b6d-1fe8-8900-1104356ad4f4-5ce20cb4, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-4d2f1c14, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-4d2f1c14, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-4d2f1c14, #w-node-_06b16661-7b6d-1fe8-8900-1104356ad4f4-4d2f1c14, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-8b248993, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-8b248993, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-8b248993, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-fa5e0dfd, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-fa5e0dfd, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-fa5e0dfd, #w-node-_06b16661-7b6d-1fe8-8900-1104356ad4f4-fa5e0dfd, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-90d46d38, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-90d46d38, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-1de799ea, #w-node-_363ec668-7a1d-5cac-ccf5-050f4cb0ab10-1de799ea, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-1de799ea, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-b9e03200, #w-node-cb901ae0-35c7-86d1-34f4-df3a6e25f119-b9e03200, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-ec651422, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-6d714678, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-6d714678, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-25f1fe79, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-25f1fe79, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-9a0352aa, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-9a0352aa, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-1b6afcf3, #w-node-cb901ae0-35c7-86d1-34f4-df3a6e25f119-1b6afcf3, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-eace7330, #w-node-a5916e51-4ed6-7ef9-2bb0-3f14bc332ee7-eace7330, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-091eb2b8, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-091eb2b8, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-5f82bcc3, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-144a20ad, #w-node-cb901ae0-35c7-86d1-34f4-df3a6e25f119-144a20ad, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-1b18669e, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-1b18669e, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-e9d8cdbb, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-e9d8cdbb, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-5ea96839, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-5ea96839, #w-node-ba1c61c2-d176-3b0f-bb86-37ac69dc7fad-7f9be260, #w-node-de7c3b62-e958-f8e5-18e7-4692a250f0af-7f9be260 {
    grid-area: 2 / 2 / 3 / 8;
  }
}


@font-face {
  font-family: 'Neuland Grotesk Expanded';
  src: url('../fonts/Neuland-Grotesk-Medium-Expanded.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Condensed';
  src: url('../fonts/NeulandGroteskCondensedBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Condensed';
  src: url('../fonts/NeulandGroteskCondensedRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Condensed';
  src: url('../fonts/NeulandGroteskCondensedLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neulandgrotesk';
  src: url('../fonts/NeulandGrotesk-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neulandgrotesk';
  src: url('../fonts/NeulandGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neulandgrotesk';
  src: url('../fonts/NeulandGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvneue 75 Arm Roman';
  src: url('../fonts/HelvNeue75-ARM-roman-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvneue 45 Arm';
  src: url('../fonts/HelvNeue45-ARM-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvneue 35 Arm';
  src: url('../fonts/HelvNeue35-ARM-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}