:root {
  --primary: #de1204;
  --light-100: #f8f8f7;
  --dark-700: #171313;
  --white: white;
  --dark-200: #8b8b8b;
  --light-200: #cfcfcf;
  --dark-900: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--primary);
  text-decoration: none;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.main {
  flex: 1;
}

.body {
  background-color: var(--light-100);
  flex-flow: column;
  min-height: 100vh;
  font-family: din-2014, sans-serif;
  display: flex;
}

.section {
  position: relative;
}

.section.section--dark {
  background-color: var(--dark-700);
}

.section.section--dark.full-height {
  min-height: 100vh;
}

.section.section--dark.rewards {
  min-height: 100vh;
  padding-top: 5vh;
  position: relative;
}

.section.section--word {
  padding-top: 3.625rem;
  padding-bottom: 7.5rem;
}

.section.section--roadmap {
  padding-top: 5.625rem;
  padding-bottom: 7.5rem;
}

.section.section--newsletter {
  padding-top: 8.125rem;
  padding-bottom: 8.125rem;
}

.section.section--future {
  opacity: 1;
  background-color: #171313;
  background-image: url('../images/cards-showdown.png');
  background-position: 50% 0;
  background-size: cover;
  min-height: 80vh;
  padding-top: 3.5rem;
  padding-bottom: 7rem;
  display: block;
}

.section.section--global {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.section.section--about {
  padding-top: 2.5rem;
}

.section.section--video {
  height: 100vh;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  display: flex;
}

.container {
  max-width: 81.875rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.container.relative {
  position: relative;
}

.container.medium {
  max-width: 58rem;
}

.cell.cell--2-sm.cell--3-md.hide {
  display: none;
}

.cell.sticky {
  position: sticky;
  top: 2rem;
}

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

.cell.mobile {
  display: none;
}

.heading {
  margin-top: 0;
  margin-bottom: 0;
}

.h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: zuume-edge, sans-serif;
  font-size: 6rem;
  line-height: 1;
}

.h2.title.color--light {
  text-wrap: balance;
}

.pretitle {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  text-transform: uppercase;
  letter-spacing: .175rem;
  align-items: center;
  margin-bottom: .5rem;
  font-family: din-2014, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.title {
  position: relative;
}

.title.title--upper {
  text-transform: uppercase;
}

.title.title--quarter {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .75rem;
  font-size: clamp(6rem, 4vw, 8rem);
  line-height: 1;
}

.picture {
  display: block;
}

.text {
  color: var(--dark-700);
  font-family: din-2014, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  position: relative;
}

.text.text--14 {
  font-size: .875rem;
}

.text.text--14.color--light.section__person-text {
  max-width: 17.5rem;
  margin-top: .625rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
}

.text.text--18 {
  font-size: 1.125rem;
}

.text.text--18.color--dark-200 {
  color: var(--dark-200);
  -webkit-text-stroke-color: var(--light-200);
}

.text.text--24 {
  font-size: 1.5rem;
}

.text.text--year {
  font-size: 1.5rem;
  font-weight: 600;
}

.text.color--light {
  color: var(--light-100);
}

.text.color--light.margin-bottom.margin-medium {
  margin-bottom: 2rem;
}

.text.color--light.truncate {
  white-space: normal;
  width: 25rem;
  height: 3.2rem;
  margin-bottom: 10px;
  overflow: hidden;
}

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

.text.text--bold.color--light.margin--b-3.margin--b-6-mb.text--spacing {
  text-transform: uppercase;
}

.text.text--spacing {
  letter-spacing: .25rem;
}

.text.color--grey {
  color: var(--light-200);
}

.h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: zuume-edge, sans-serif;
  font-size: 2.625rem;
  line-height: 1.1;
}

.section__perex {
  max-width: 26.25rem;
}

.card {
  align-items: stretch;
  position: relative;
}

.card.card--dark {
  background-color: var(--dark-700);
  justify-content: flex-start;
  align-items: stretch;
  padding: 1.25rem;
}

.card.card--dark.card--roadmap {
  align-items: stretch;
}

.card.card--roadmap {
  min-height: 24.125rem;
  padding: 1.25rem;
}

.card.card--primary {
  background-color: var(--primary);
}

.card.card--usp {
  fill: var(--Color-Light-Light-10, #f8f8f71a);
  stroke-width: 1px;
  stroke: #fff0;
  background-image: url('../images/card-bg.svg');
  background-position: 100% 0;
  background-size: cover;
  height: 100%;
  min-height: 28.125rem;
  padding: 2rem 2rem 2.5rem;
}

.card__header {
  border-bottom: .0625rem solid var(--white);
  padding-bottom: 1.875rem;
}

.card__header.card__header--usp {
  border: 1px #000;
}

.card__body {
  margin-top: 0;
}

.card__body.card__body--bottom {
  margin-top: auto;
}

.list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.list.list--card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.list__item.list__item--card {
  text-transform: uppercase;
  letter-spacing: .15rem;
  font-family: din-2014, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
}

.section__roadmap {
  margin-top: 6.25rem;
}

.card__angle {
  position: absolute;
  inset: 50% -3.5rem auto auto;
  transform: translateY(-50%);
}

.icon {
  font-size: 0;
  line-height: 0;
  position: relative;
}

.icon._24 {
  width: 1.5rem;
}

.h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8.125rem;
  line-height: .9;
}

.footer {
  background-color: var(--dark-700);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  position: relative;
}

.footer__links {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
}

.link {
  align-items: center;
  font-family: din-2014, sans-serif;
  display: inline-flex;
}

.link.link--plain {
  text-decoration: none;
}

.link.link--plain.link--footer {
  font-size: .875rem;
  line-height: 1.2;
}

.form {
  margin-bottom: 4.375rem;
  position: relative;
}

.form__container {
  max-width: 36.25rem;
  margin-left: auto;
  margin-right: auto;
}

.input {
  height: 3.125rem;
  margin-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: din-2014, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  position: relative;
}

.form__group.form__group--newsletter {
  flex-flow: row;
}

.button {
  text-transform: uppercase;
  letter-spacing: .04rem;
  flex: none;
  padding: .75rem 2.5rem;
  font-family: din-2014, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.625rem;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.button.button--primary {
  background-color: var(--primary);
  color: #fff;
  flex-grow: 1;
  flex-basis: 0;
  justify-content: center;
  align-items: center;
}

.button.button--primary.grow {
  width: 100%;
}

.button.button--primary.navbar {
  background-color: var(--primary);
}

.button.button--hollow {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border: .0625rem solid var(--light-100);
  color: var(--light-100);
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
}

.button.button--hollow.grow {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.button.button--light {
  background-color: var(--light-100);
  color: var(--dark-900);
  line-height: 1.75rem;
}

.button.button--menu {
  display: none;
}

.button.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.section__buttons {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.section__buttons.wide {
  width: 35%;
}

.section__buttons.hide-desktop {
  display: none;
}

.section__background {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.section__illustration {
  object-fit: cover;
  max-width: 100%;
  position: relative;
  top: 0;
}

.section__illustration.section__illustration--right {
  inset: auto 0% 0 auto;
}

.section__illustrations {
  width: 100%;
  max-width: 90rem;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translateX(-50%);
}

.relative {
  position: relative;
}

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

.section__highlight {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%, 0 75%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%, 0 75%);
  fill: var(--Color-Light-Light-10, #f8f8f71a);
  stroke-width: 1px;
  stroke: #fff0;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  max-width: 28.5rem;
  margin-top: 13.75rem;
  padding: 1.75rem 1.75rem 2.5rem;
  display: none;
  position: static;
}

.icon-background {
  position: absolute;
  inset: -3rem auto auto -3rem;
}

.article.article--about {
  max-width: 32.5rem;
}

.hero {
  background-image: url('../images/showdown_hero2x.webp');
  background-position: 50% 0;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 40vh;
  padding-bottom: 23.75rem;
  position: relative;
}

.section__video {
  max-width: 55.625rem;
  margin-top: -16.25rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.youtube {
  background-image: none;
  background-size: cover;
}

.header {
  z-index: 2;
  width: 100%;
  position: fixed;
  top: 0;
}

.navbar {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 4rem;
  position: relative;
}

.navbar.light {
  background-color: var(--white);
}

.navbar__center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.menu__link {
  color: var(--light-100);
  letter-spacing: .175rem;
  padding: .5rem 1.25rem;
  font-family: din-2014, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.menu__link.dark {
  color: var(--dark-700);
}

.card__text {
  min-height: 5.75rem;
}

.off-canvas {
  display: none;
}

.logo {
  display: inline-flex;
}

.section__picture {
  margin-right: -4rem;
  position: relative;
}

.image.image--cards-overlap {
  position: absolute;
  inset: 3rem auto auto -5rem;
}

.section__content {
  min-width: 45.75rem;
}

.modal {
  z-index: 8;
  background-color: #17131399;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.modal.is--open {
  display: block;
}

.modal__inner.modal__inner--gdpr {
  background-color: var(--dark-900);
  width: calc(100vw - 2.5rem);
  max-width: 26.25rem;
  padding: 2.5rem;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.modal__close {
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.image-2 {
  max-width: 50%;
  position: relative;
}

.video {
  height: 100%;
}

.section__video-title {
  z-index: 1;
  width: 100%;
  max-width: 42rem;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.section_gallery {
  background-color: var(--dark-700);
  position: relative;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
  display: block;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-top, .padding-top.padding-xhuge {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

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

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.margin-bottom, .margin-bottom.margin-small, .margin-bottom.margin-xxlarge, .margin-bottom.margin-xsmall, .margin-bottom.margin-xxsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.text-size-medium {
  font-size: 1.125rem;
}

.gallery_component {
  height: 300vh;
}

.gallery_horizontal-scroll-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  max-width: 100%;
  height: 85vh;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: sticky;
  top: 12vh;
  overflow: hidden;
}

.gallery_horizontal-scroll-content {
  grid-column-gap: 2rem;
  align-items: center;
  width: 300vh;
  display: flex;
}

.gallery_image-wrapper {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.gallery_image {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  object-position: 50% 100%;
  width: 80vw;
  height: 50vh;
}

.gallery_content {
  min-height: 12vh;
}

.mobile-icon {
  display: none;
}

.grid-2, .image-grid {
  grid-template-rows: auto;
}

.image-card {
  aspect-ratio: 3 / 4;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-height: 20rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.image-card.merch {
  background-image: url('../images/merch.webp');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: visible;
}

.image-card.cards {
  background-image: url('../images/cards.webp');
}

.image-card.mystery-box {
  background-image: url('../images/mystery-box.webp');
}

.image-card.dollars {
  background-image: url('../images/dollars.webp');
}

.image-card.lambo {
  background-image: url('../images/lambo.webp');
}

.h4 {
  color: var(--white);
  font-family: zuume-edge, sans-serif;
  font-size: 1.75rem;
  line-height: 1;
}

.grid-3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 33vw;
  padding-left: 3rem;
  display: flex;
  position: sticky;
  top: 1rem;
}

.div-block {
  flex: 1;
}

.image-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

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

.list-item-flexbox {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
}

.list-flexbox {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.section_blog33 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.blog33_component {
  flex-direction: column;
  align-items: center;
}

.text-style-tagline {
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.blog33_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.blog33_item-link {
  text-decoration: none;
}

.blog33_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-medium\>);
  width: 100%;
  overflow: hidden;
}

.blog33_image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-1\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-1\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  justify-content: center;
  align-items: center;
  padding: .175rem .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.tag.is-text {
  border-style: none;
  border-color: var(--\<unknown\|relume-variable-transparent\>);
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  padding: 0;
  display: inline-block;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.text-size-regular {
  font-size: 1rem;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-xxlarge {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.blog33_author-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.blog33_author-image-wrapper {
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}

.blog33_author-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.text-size-small {
  font-size: .875rem;
}

.blog33_date-wrapper {
  align-items: center;
  display: flex;
}

.blog33_text-divider {
  margin-left: .5rem;
  margin-right: .5rem;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
}

.section_news-grid {
  background-color: var(--dark-700);
  padding-top: 10rem;
  padding-bottom: 7rem;
}

.grid-4 {
  grid-template-columns: 1fr;
}

.collection-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5rem;
}

.collection-list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.news-thumb-image {
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.news-title {
  color: var(--white);
  text-wrap: balance;
  font-size: 2rem;
}

.link-button {
  color: var(--primary);
  text-transform: uppercase;
  font-size: 1rem;
  display: inline-block;
}

.underline {
  background-color: var(--primary);
  height: 1px;
  margin-top: .2rem;
}

.news_thumb-image-wrapper {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  overflow: hidden;
}

.pagination {
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
}

.next {
  background-color: #0000;
}

.next.button {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--white);
  margin-left: 0;
  font-size: 1.1rem;
}

.next.button:hover {
  background-color: var(--white);
  color: var(--dark-700);
}

.section_article {
  padding-top: 12rem;
  padding-bottom: 10rem;
}

.article_heading {
  font-size: 4rem;
  line-height: 1.1;
}

.article_heading.light {
  color: var(--white);
}

.article_meta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.code-embed-2 {
  padding-top: 5px;
}

.article_header-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.image-3 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.article_body {
  margin-bottom: 4rem;
}

.article_body p {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.article_body h2 {
  text-wrap: balance;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 1.3;
}

.article_body h3 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 1.5rem;
  line-height: 1.3;
}

.article_body li {
  font-size: 1.125rem;
  line-height: 1.6;
}

.article_body blockquote {
  border-left-color: var(--primary);
  margin-top: 1.5rem;
  margin-bottom: 18px;
  font-size: 1.5rem;
  line-height: 1.5;
}

.article_body h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.heading-2 {
  font-size: 2.5rem;
  line-height: 1.2;
}

.heading-3 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

.article_footer {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-top: 1px solid var(--light-200);
  flex-flow: column;
  padding-top: 1.5rem;
  display: flex;
}

.article_share-box {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.social-link {
  color: var(--dark-700);
}

.social-link:hover {
  color: var(--primary);
}

.copy-url {
  display: none;
}

.link-block {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  color: var(--dark-700);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-block:hover {
  color: var(--primary);
}

.section_related-articles {
  background-color: var(--dark-700);
  padding-top: 4rem;
  padding-bottom: 6rem;
}

.grid-5 {
  grid-template-columns: 1fr;
}

.thumbnail-image-wrapper {
  position: relative;
}

.featured-tag {
  background-color: var(--primary);
  color: #fff;
  padding: .4rem .8rem;
  position: absolute;
  inset: auto auto 0% 0%;
}

@media screen and (min-width: 1440px) {
  .text.color--light.truncate {
    width: 25rem;
  }

  .hero {
    background-position: 50% 0;
    background-attachment: fixed;
    padding-top: 40vh;
  }

  .grid-3 {
    min-width: 20vw;
  }
}

@media screen and (max-width: 991px) {
  .section.section--dark.rewards {
    padding-top: 5rem;
    padding-bottom: 5rem;
    overflow: hidden;
  }

  .section.section--word {
    padding-bottom: 5rem;
  }

  .section.section--roadmap {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section.section--newsletter {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .section.section--future {
    min-height: 90vh;
    padding-bottom: 5rem;
  }

  .section.section--global {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .container {
    max-width: 45.5rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .cell.mobile {
    display: block;
  }

  .h2 {
    font-size: 5rem;
  }

  .text.color--light.truncate {
    width: 21rem;
  }

  .section__roadmap {
    margin-top: 4rem;
  }

  .card__angle {
    display: none;
  }

  .h1 {
    font-size: 6rem;
  }

  .section__buttons {
    width: 50%;
  }

  .section__buttons.wide {
    width: 60%;
  }

  .section__illustration {
    object-fit: contain;
  }

  .navbar {
    padding: .7rem 1.25rem;
  }

  .section__picture {
    margin-right: 0;
  }

  .section__content {
    min-width: 100%;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .gallery_horizontal-scroll-content {
    width: 300vh;
  }

  .gallery_image {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    height: 50vh;
    max-height: 40rem;
  }

  .gallery_content {
    display: none;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .grid-3 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
  }

  .image-column._2, .image-column._1 {
    flex-flow: row;
  }

  .rewards_scroll-wrapper {
    overflow: auto;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .blog33_list {
    grid-template-columns: 1fr 1fr;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .collection-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .section.section--dark.rewards {
    min-height: auto;
    padding-bottom: 5rem;
  }

  .section.section--word, .section.section--roadmap {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .section.section--newsletter {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section.section--newsletter.section--dark {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section.section--future {
    min-height: 60vh;
    padding-bottom: 3.5rem;
  }

  .section.section--global {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cell.mobile {
    display: block;
  }

  .h2 {
    font-size: 3rem;
  }

  .text.text--18 {
    font-size: 1rem;
  }

  .text.color--light.truncate {
    width: 100%;
  }

  .card.card--usp {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section__roadmap {
    margin-top: 3rem;
  }

  .icon {
    color: var(--dark-700);
  }

  .h1 {
    font-size: 4rem;
    line-height: 1;
  }

  .footer__links {
    justify-content: center;
  }

  .form {
    margin-bottom: 3rem;
  }

  .button {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .button.button--menu {
    border: .0625rem solid var(--light-100);
    padding: .625rem;
    display: inline-flex;
  }

  .button.button--menu.js-offcanvas-handler.dark {
    border-color: var(--light-200);
  }

  .section__buttons {
    width: 70%;
  }

  .section__buttons.wide {
    width: 87%;
  }

  .section__highlight {
    margin-top: 8rem;
  }

  .hero {
    padding-bottom: 16rem;
  }

  .section__video {
    margin-top: -10rem;
  }

  .navbar {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .navbar__center {
    display: none;
  }

  .navbar__right {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .menu__link {
    padding-left: 0;
  }

  .off-canvas {
    z-index: 10;
    background-color: #17131399;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .off-canvas.is--open {
    display: block;
  }

  .off-canvas__inner {
    background-color: var(--dark-700);
    max-width: 100%;
    margin-left: auto;
  }

  .logo.logo--mobile {
    margin-left: 1.25rem;
  }

  .off-canvas__body {
    padding: 3rem 1.25rem;
  }

  .off-canvas__close.js-close-offcanvas {
    position: absolute;
    inset: 4% 5% auto auto;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .gallery_horizontal-scroll-wrapper {
    margin-top: -10vh;
    overflow: auto;
  }

  .gallery_horizontal-scroll-content {
    grid-column-gap: 1.5rem;
    width: 200vh;
  }

  .gallery_image {
    object-fit: contain;
    width: 90vw;
    height: auto;
    max-height: 30rem;
  }

  .grid-3 {
    flex-flow: row;
    min-width: auto;
    position: relative;
    top: 0;
  }

  .rewards_scroll-wrapper {
    width: 100vw;
    padding-left: 1.25rem;
    position: relative;
    left: -1.25rem;
    overflow: auto;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .blog33_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section_news-grid {
    padding-top: 6rem;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .section_article {
    padding-top: 8rem;
  }
}

@media screen and (max-width: 479px) {
  .body {
    font-family: din-2014, sans-serif;
  }

  .section.section--future {
    background-image: linear-gradient(#00000080, #00000080), url('../images/cards-showdown.png');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    min-height: 70vh;
    display: block;
  }

  .h2 {
    font-size: 3rem;
  }

  .h2.title.title--upper.color--light {
    position: static;
  }

  .pretitle {
    margin-bottom: .5rem;
  }

  .title.title--quarter {
    font-size: clamp(4rem, 4vw, 8rem);
  }

  .text.color--light.margin-bottom.margin-medium {
    white-space: normal;
  }

  .card.card--usp {
    min-height: auto;
  }

  .section__roadmap {
    margin-top: 3rem;
  }

  .icon.mobile-only {
    width: 1.5rem;
    height: 1.5rem;
  }

  .icon.logotype {
    display: none;
  }

  .form {
    margin-bottom: 3rem;
  }

  .input {
    margin-bottom: 1rem;
  }

  .form__group.form__group--newsletter {
    flex-flow: column;
  }

  .button.button--primary.no-mobile {
    display: none;
  }

  .button.button--primary.navbar {
    padding: .5rem 1.4rem;
  }

  .button.button--full {
    width: 100%;
  }

  .button.button--menu.js-offcanvas-handler {
    padding: .5rem;
  }

  .button.button--menu.js-offcanvas-handler.dark {
    border-color: var(--dark-700);
  }

  .section__buttons {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .section__buttons.wide {
    width: 100%;
  }

  .section__buttons.margin-top {
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
  }

  .section__buttons.hide-desktop {
    display: flex;
  }

  .section__illustration {
    object-fit: contain;
  }

  .section__illustrations {
    align-items: flex-end;
  }

  .section__highlight {
    margin-top: 6rem;
  }

  .hero {
    padding-top: 16rem;
    padding-bottom: 8rem;
  }

  .section__video {
    margin-top: -4rem;
  }

  .youtube {
    min-height: 17.5rem;
  }

  .header {
    z-index: 2;
  }

  .navbar {
    position: relative;
  }

  .navbar__left {
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .off-canvas__inner {
    max-width: 100%;
  }

  .logo.mobile-only {
    width: 1.5rem;
    height: 1.5rem;
  }

  .show-sm {
    display: none;
  }

  .off-canvas__close {
    position: absolute;
    inset: 1.25rem 1.25rem auto auto;
  }

  .image.image--cards-overlap {
    left: -1.25rem;
  }

  .modal {
    z-index: 8;
    background-color: #17131399;
    width: 100%;
    height: 100%;
    padding-left: 1.25rem;
    display: none;
    position: fixed;
  }

  .modal.is--open {
    display: block;
  }

  .modal__inner {
    background-color: var(--dark-700);
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
  }

  .modal__inner.modal__inner--gdpr {
    width: calc(100vw - 2.5rem);
    padding: 2.5rem 1.25rem;
  }

  .image-2 {
    max-width: 30%;
  }

  .section_gallery {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global {
    display: block;
  }

  .container-large {
    display: none;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .gallery_component {
    height: auto;
  }

  .gallery_horizontal-scroll-wrapper {
    height: auto;
    margin-top: 3rem;
    overflow: auto;
  }

  .gallery_horizontal-scroll-content {
    width: 150vh;
  }

  .gallery_image {
    aspect-ratio: 1;
    object-fit: cover;
    width: 70vw;
    height: auto;
    max-height: 25rem;
  }

  .code-embed {
    margin-bottom: 2rem;
  }

  .gallery_content, .gallery_content.mobile {
    display: block;
  }

  .mobile-icon {
    width: 1.8rem;
    height: 1.8rem;
    display: block;
  }

  .grid-2 {
    display: block;
  }

  .grid-3 {
    min-width: auto;
    overflow: visible;
  }

  .rewards_scroll-wrapper {
    padding-top: 2rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section_article {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .article_heading {
    font-size: 3.4rem;
  }

  .article_header-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .image-3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .article_body {
    margin-bottom: 2rem;
  }

  .section_related-articles {
    padding-bottom: 2rem;
  }

  .featured-tag {
    font-size: .8rem;
    inset: auto auto 0% 0%;
  }
}

#w-node-_1979d602-c5a3-4f70-089a-0ed575fbc127-bb8b184b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}