@font-face {
  font-family: Sheepman W03 Bold;
  src: url('../fonts/SHEEPMAN-W03-BOLD-1.TTF') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Noah Text;
  src: url('../fonts/NOAH-TEXT-REGULAR.OTF') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Noto Kufi Arabic;
  src: url('../fonts/NotoKufiArabic-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Noto Kufi Arabic;
  src: url('../fonts/NotoKufiArabic-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --outerdawn-red: #ec1c24;
  --white: white;
  --screen-lg: 1200px;
  --screen-xl: 1600px;
  --outerdawn-night: #221c35;
  --grey: #1c1f24;
}

.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-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

body {
  background-color: var(--black);
  color: #fff;
  letter-spacing: .025em;
  font-family: montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 44px;
  font-size: 96px;
  font-weight: 700;
  line-height: .9em;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1em;
}

h3 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.125em;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2em;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

h6 {
  color: var(--outerdawn-red);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

p {
  color: #ffffffbf;
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 300;
  display: inline;
}

a {
  color: #fff;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  margin-left: 99px;
}

strong {
  font-weight: bold;
}

.columnspecial {
  z-index: 10;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1152px;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.containerterms {
  padding-bottom: 32px;
}

.textbodyregular {
  color: #ffffffbf;
}

.containerdropdown {
  justify-content: flex-end;
  padding-bottom: 48px;
}

.dropdown {
  float: right;
}

.dropdown.translationdropdown--loading {
  opacity: .5;
  pointer-events: none;
  margin-left: 0;
  margin-right: 0;
  line-height: 24px;
}

.dropdown-toggle {
  background-color: #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-block-2 {
  padding-right: 4px;
}

.contentterms {
  flex-direction: column;
  margin-bottom: 32px;
  display: flex;
}

.textlistnumber {
  min-width: 40px;
}

.list {
  margin-bottom: 0;
  padding-left: 20px;
  list-style-type: lower-alpha;
}

.body-4 {
  background-color: var(--white);
}

.container-2 {
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: fill;
  max-width: none;
  margin-top: 6vw;
  padding-left: 112px;
  padding-right: 112px;
}

.container-2.container-2--boxed {
  max-width: var(--screen-lg);
  margin-bottom: 6vw;
  margin-left: auto;
  margin-right: auto;
}

.heading {
  font-size: 72px;
}

.heading-2 {
  margin-top: 24px;
  padding-bottom: 12px;
  font-size: 30px;
}

.rich-text-block {
  mix-blend-mode: normal;
}

.header {
  z-index: 10;
  background-image: linear-gradient(#000000bf, #0000);
  position: absolute;
  inset: 0% 0% auto;
}

.column {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1536px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 40px;
  position: relative;
}

.column.fullwidth {
  max-width: none;
}

.buttonicon {
  transition: opacity .15s;
  display: flex;
}

.buttonicon:hover {
  opacity: .5;
}

.gap16 {
  flex: none;
  width: 16px;
  height: 16px;
}

.gap32 {
  flex: none;
  width: 32px;
  height: 32px;
}

.gap24 {
  width: 24px;
  height: 24px;
}

.headercontainer {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.textnav {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  transition: opacity .15s;
}

.textnav:hover {
  opacity: .5;
}

.textnav.w--current {
  color: var(--outerdawn-red);
}

.sectionhomewelcome {
  background-image: url('../images/homeWelcomeBackground.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 192px;
  padding-bottom: 192px;
}

.footer {
  z-index: 10;
  background-color: var(--outerdawn-red);
  align-items: center;
  min-height: 272px;
  display: flex;
}

.footercontent {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.footernav {
  grid-column-gap: 32px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  display: flex;
}

.footerlegal {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 12px;
  display: flex;
}

.textcaptionsmall {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}

.textcaptionsmall.link:hover {
  text-decoration: underline;
}

.gapfooter {
  opacity: .25;
  background-color: #fff;
  width: 2px;
  height: 16px;
  margin: 4px 12px;
}

.footercontainer {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.containersquare {
  background-color: #000;
  height: 0;
  padding-top: 100%;
  position: relative;
}

.imagebackgroundcover {
  z-index: -1;
  background-image: url('../images/homeContactBackground.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.squarecontainer {
  color: #000;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.squarecontainer.team {
  background-color: #1c1f24;
}

.squarecontainer.home {
  background-color: #fff;
}

.buttongeneric {
  background-color: var(--outerdawn-red);
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 168px;
  padding: 20px 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  transition: transform .15s cubic-bezier(.215, .61, .355, 1), color .2s, background-color .2s;
  transform: scale(1);
}

.buttongeneric:hover {
  color: var(--outerdawn-red);
  background-color: #fff;
}

.buttongeneric:active {
  transform: scale(.925);
}

.buttongeneric.home:hover {
  background-color: #e5e5e5;
}

.gap48 {
  flex: none;
  width: 48px;
  height: 48px;
}

.gap40 {
  flex: none;
  width: 40px;
  height: 40px;
}

.gap64 {
  width: 64px;
  height: 64px;
}

.iconouterdawn {
  max-height: 96px;
}

.iconouterdawnmono {
  height: 120px;
}

.collectiongames {
  width: 100%;
}

.welcomecontainer {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sliderbar {
  z-index: 1;
  background-color: #3d312f;
  height: 3px;
  position: absolute;
  inset: auto 0% 0%;
}

.sliderprogress {
  background-color: var(--outerdawn-red);
  width: 0%;
  height: 100%;
}

.sliderslide {
  position: relative;
}

.textbodythin {
  color: #ffffffbf;
  font-weight: 300;
}

.sectioncover {
  height: 95vh;
  display: flex;
  position: relative;
}

.coverbackground {
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-image: url('../images/fireplace-large.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  position: absolute;
  inset: 0%;
}

.coverbackground.coverbackgroundfixed {
  background-image: url('../images/fireplace-large.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  display: none;
}

.sectionscreenshots {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  padding-top: 96px;
  padding-bottom: 96px;
}

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

.gridmedia {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

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

.aboutcontent {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 12.5%;
  padding-right: 12.5%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.gridmediaelement {
  background-color: #000;
  height: 0;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.textabout {
  text-align: left;
  font-size: 72px;
}

.imagecharacter {
  z-index: 1;
  width: 105%;
  max-width: none;
  position: absolute;
  inset: auto 0% 0%;
}

.gridmediathumbnail {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  position: absolute;
  inset: 0%;
  transform: scale(1.25);
}

.listnews {
  grid-column-gap: 40px;
  grid-row-gap: 64px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.collectionnews {
  width: 100%;
}

.newsarticle {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
  position: relative;
}

.newsarticlethumbnail {
  background-color: #000;
  width: 100%;
  height: 0;
  margin-bottom: 24px;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.imagearticlethumbnail {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  position: absolute;
  inset: 0%;
  transform: scale(1.5);
}

.imageyoutube {
  height: 64px;
}

.gridmediacontent {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.textbodyregulardark {
  color: #000000bf;
}

.newscategory {
  background-color: #000;
  margin-top: 24px;
  margin-left: -12px;
  padding: 6px 12px;
  position: absolute;
}

.textcaption {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.covercontent {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-bottom: 10vh;
  display: flex;
}

.imagestorebadge {
  height: 72px;
}

.liststorelinks {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: center;
  display: grid;
}

.imagegamelogo {
  width: 500px;
}

.listgames {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sectioncontact {
  justify-content: center;
  align-items: center;
  min-height: 95vh;
  padding-top: 0;
  padding-bottom: 144px;
  display: flex;
  position: relative;
}

.contactbackground {
  background-image: url('../images/contactBackground.jpg');
  background-position: 50% 0;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.contactbackground.supportbackground {
  z-index: auto;
  background-color: var(--black);
  background-image: linear-gradient(to top, #000, #0000 15%), url('../images/supportBackground.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  max-height: 100vh;
  position: absolute;
}

.contactcontent {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.contactcontentblock {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.imagelogocontact {
  width: 65%;
}

.contacttext {
  flex: 1;
}

.div-block-8 {
  align-items: center;
  display: flex;
}

.iconsociallarge {
  max-width: 64px;
  max-height: 54px;
}

.iconsocialsmall {
  max-width: 28px;
  max-height: 24px;
}

.iconsocialmedium {
  max-width: 36px;
  max-height: 30px;
}

.textwelcome {
  color: var(--outerdawn-red);
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 700;
}

.gap12 {
  width: 12px;
  height: 12px;
}

.iconsociallargest {
  max-width: 96px;
  max-height: 80px;
}

.div-block-9 {
  display: flex;
}

.containersocialbuttons {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 384px;
  display: flex;
}

.footernavcategories, .headernav {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sectionlatest {
  background-color: #1d1f24;
  min-height: 95vh;
  display: flex;
}

.latestcontent {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  width: 40%;
  height: 100%;
  margin-left: auto;
  display: flex;
}

.collectionlatest, .listlatest {
  flex: 1;
  display: flex;
}

.itemlatest {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-top: 168px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}

.latestbackground {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  position: absolute;
  inset: 0%;
}

.latestdate {
  align-items: center;
  margin-top: 16px;
  margin-bottom: 8px;
  display: flex;
}

.textlatest {
  text-transform: uppercase;
  padding-right: 8px;
  font-weight: 700;
}

.sectioncompany {
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.buttonhome {
  background-image: url('../images/iconHome.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-bottom: 2px;
  transition: opacity .15s;
}

.buttonhome:hover {
  opacity: .5;
}

.buttonhome.w--current {
  background-image: url('../images/iconHomeCurrent.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sectionnews {
  background-color: #111317;
  padding-top: 64px;
  padding-bottom: 96px;
}

.gapstretch {
  flex: 1;
}

.textarticletitlesmall {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2em;
}

.textarticletitlesmall:hover {
  text-decoration: underline;
}

.textarticletitlelarge {
  font-size: 60px;
  font-weight: 700;
  line-height: 1em;
}

.textarticletitlelarge:hover {
  text-decoration: underline;
}

.textarticlesummary {
  color: #ffffffbf;
}

.textarticlesummary:hover {
  text-decoration: underline;
}

.sectionarticletitle {
  justify-content: center;
  align-items: center;
  min-height: 0;
  margin-top: 255px;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.sectionarticlebody {
  background-color: #111317;
  display: block;
}

.articletitlebackground {
  z-index: -1;
  opacity: .75;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.articlebodycontent {
  background-color: #111317;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 112px;
  position: relative;
}

.articletitlecontent {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.articlecategory {
  background-color: #000;
  margin-bottom: 12px;
  padding: 6px 12px;
}

.shadowblob {
  z-index: -1;
  opacity: .5;
  filter: blur(1.5em);
  background-color: #000;
  border-radius: 50%;
  max-width: 768px;
  margin-top: -48px;
  margin-bottom: -48px;
  position: absolute;
  inset: 0%;
}

.articlebreak {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  display: flex;
}

.articlemedia {
  background-color: #000;
  width: 100%;
  max-width: 960px;
  margin-top: 64px;
  margin-bottom: 64px;
}

.articleparagraph {
  color: #ffffffbf;
  margin-top: 16px;
  font-weight: 300;
}

.articlelist {
  margin-top: 16px;
  margin-bottom: 0;
  padding-left: 64px;
  font-weight: 300;
}

.iconannotation {
  max-width: 32px;
  margin-right: 8px;
  padding: 4px;
}

.articletitlecolor {
  z-index: -1;
  background-color: #111317;
  position: absolute;
  inset: 0%;
}

.articlelightbox {
  position: relative;
}

.articlevideoicon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.gap8 {
  flex: none;
  width: 8px;
  height: 8px;
}

.empty-state {
  background-color: #0000;
  justify-content: center;
  padding: 0;
  display: flex;
}

.textnavfooter {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  transition: opacity .15s;
}

.textnavfooter:hover {
  opacity: .5;
}

.backgroundcareers {
  background-image: url('../images/careersBackground.jpg');
  background-position: 50%;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.containercareers {
  flex-direction: column;
  align-items: center;
  padding-top: 72px;
  padding-bottom: 72px;
  display: flex;
}

.imageouterdawnlarge {
  width: 100%;
  max-width: 420px;
  margin-top: 120px;
}

.contentcareers {
  display: flex;
}

.elementcareers {
  width: 100%;
  font-size: 18px;
}

.textred {
  color: var(--outerdawn-red);
}

.sectionjobs {
  background-color: #111317;
  border: 0 solid #000;
  border-radius: 0;
  padding-bottom: 110px;
}

.headingjobs {
  align-items: center;
  display: flex;
}

.textcaptionlarge {
  color: #ffffff59;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.linegeneric {
  background-color: #383a3d;
  flex: 1;
  height: 1px;
}

.listjobs {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.itemjobs {
  background-color: #1c1f24;
  flex-direction: column;
  align-items: flex-start;
  padding: 64px;
  display: flex;
}

.jobssummary {
  margin-top: 16px;
  margin-bottom: 32px;
  font-size: 18px;
}

.sectionhero {
  height: 95vh;
  position: relative;
}

.containerhero {
  position: absolute;
  inset: 0%;
}

.contenthero {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 64px 40px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.contenthero.grimguard {
  background-image: url('../images/grimguardCover.jpg');
}

.contenthero.goblins {
  background-image: url('../images/6090cdf83ba1f55a74553a71_goblinsCover.jpg');
}

.contenthero.mana {
  background-image: url('../images/mana_monsters_mainpage_banner-2.png');
}

.sliderbullets {
  justify-content: center;
  display: flex;
}

.sliderbullet {
  border: 3px solid #ffffff59;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
}

.sliderbullet.current {
  border-color: var(--outerdawn-red);
}

.imagelogohero {
  width: 100%;
  max-width: 512px;
}

.articleannotation {
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.buttonnavigation {
  flex-direction: column;
  flex: none;
  justify-content: space-around;
  width: 48px;
  height: 48px;
  margin-left: 48px;
  padding: 8px;
  transition: opacity .15s;
  display: none;
}

.buttonnavigation:hover {
  opacity: .5;
}

.elementlinehorizontal {
  background-color: #fff;
  height: 3px;
}

.textnavmobile {
  z-index: 5;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
  max-width: 256px;
  font-size: 32px;
  font-weight: 700;
  line-height: 60px;
  position: relative;
}

.textnavmobile.w--current {
  color: var(--outerdawn-red);
}

.buttonclosemodal {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.modalnavigation {
  z-index: 100;
  opacity: 0;
  background-color: #000000e6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.wrapper {
  opacity: 1;
  max-width: 100vw;
  overflow: hidden;
}

.wrapper.presswrapper {
  overflow: visible;
}

.wrapper.overflowbreakword {
  overflow-wrap: break-word;
}

.curtain {
  z-index: 100;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.elementhidden {
  display: none;
}

.iconloader {
  width: 64px;
  height: 64px;
}

.gridmediaborder {
  z-index: 1;
  opacity: 0;
  border: 6px solid #000;
  transition: opacity .15s;
  position: absolute;
  inset: 0%;
}

.gridmediaborder:hover {
  opacity: 1;
}

.gridmediaborder.bordergreen {
  border-color: #a0d219;
}

.newsarticleborder {
  opacity: 0;
  border-bottom: 6px solid #000;
  transition: opacity .15s;
  position: absolute;
  inset: 0%;
}

.newsarticleborder:hover {
  opacity: 1;
}

.itemgames {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 10%;
  transition: transform .2s;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale(1);
}

.itemgames:hover {
  transform: scale(1.05);
}

.elementmask {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.footernavsocial {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gap120 {
  width: 120px;
  height: 120px;
}

.gap4 {
  flex: none;
  width: 4px;
  height: 4px;
}

.sectionsquares {
  align-items: stretch;
  display: flex;
}

.squarebackground {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  padding-top: 50%;
  position: relative;
}

.squarebackground.team {
  background-image: url('../images/careersCompanyBackground.jpg');
}

.squarebackground.home {
  background-image: url('../images/homeContactBackground.jpg');
}

.squarecontent {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1536px;
  padding: 6vw;
  display: flex;
  position: relative;
}

.squarecontent.team {
  color: #fff;
  text-align: left;
  align-items: flex-start;
}

.squarecontent.game {
  color: #fff;
  text-align: left;
}

.text-block-3 {
  direction: ltr;
  margin-top: 41px;
  padding-top: 0;
  padding-left: 49px;
  padding-right: 55px;
  font-size: 0;
}

.heading-3 {
  margin-right: -27px;
  padding-top: 28px;
  padding-left: 28px;
  font-weight: 400;
}

.paragraph {
  padding-left: 28px;
}

.text-block-4 {
  padding-top: 34px;
  padding-left: 28px;
}

.list-2 {
  padding-top: 36px;
}

.list-item {
  padding-top: 34px;
}

.list-item-2 {
  padding-top: 35px;
}

.text-block-5 {
  padding-top: 37px;
  padding-left: 28px;
}

.contentterm {
  padding-bottom: 32px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.careerlistheading {
  color: #a7a7a7;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 20px;
  font-weight: 700;
}

.careerlistheading.stylizedheading {
  color: #55585c;
  justify-content: center;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.link-2 {
  color: var(--outerdawn-red);
  margin-top: 21px;
  margin-left: 89px;
  display: inline-block;
}

.div-block-10 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 35px;
  margin-right: 217px;
  display: inline-block;
}

.grid {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area"
                       "."
                       ".";
}

.div-block-11 {
  border: 80px solid #000;
  border-radius: 14px;
}

.column-2 {
  background-color: #1c1f24;
  border: 1px solid #0000;
}

.columns {
  background-color: #1c1f24;
  height: 100px;
}

.container-3 {
  grid-column-gap: 43px;
  grid-row-gap: 16px;
  object-fit: fill;
  background-color: #1c1f24;
  border: 1px #000;
  grid-template: "."
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: flex-start;
  max-width: 850px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  overflow: visible;
}

.container-4 {
  background-color: #1c1f24;
  border: 1px #1c1f24;
  min-height: 250px;
  margin-top: 70px;
  margin-bottom: 18px;
  padding-top: 32px;
  padding-bottom: 61px;
}

.heading-5 {
  margin-top: 14px;
  padding-top: 11px;
  padding-left: 55px;
  font-weight: 700;
}

.text-block-6 {
  color: var(--outerdawn-red);
  margin-top: -3px;
  padding-top: 0;
  padding-left: 55px;
  font-size: 14px;
}

.paragraph-2 {
  padding-left: 0;
}

.paragraph-3 {
  padding-left: 40px;
}

.paragraph-4, .text-block-7 {
  font-size: 14px;
}

.text-block-8 {
  color: #ffffffbf;
  letter-spacing: .025em;
  padding-left: 55px;
  padding-right: 55px;
  font-size: 14px;
  line-height: 26px;
}

.link-3 {
  color: var(--outerdawn-red);
  padding-left: 26px;
  font-weight: 700;
}

.button {
  margin-top: 9px;
  padding-top: 4px;
  padding-left: 75px;
}

.button-2 {
  background-color: var(--outerdawn-red);
  text-align: center;
  border-radius: 4px;
  margin-top: 18px;
  margin-left: 55px;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 700;
}

.grid-2 {
  grid-template-columns: 1fr 1.25fr;
  grid-template-areas: ". ."
                       ". Area";
}

.heading-6 {
  margin-top: 41px;
  padding-top: 0;
  padding-left: 42px;
}

.paragraph-5 {
  margin-top: 38px;
  margin-left: 46px;
  margin-right: -81px;
  padding-left: 12px;
  padding-right: 117px;
  display: inline-block;
}

.body-5 {
  background-color: #1c1f24;
}

.heading-7 {
  margin-top: 28px;
  margin-left: 48px;
  font-size: 40px;
}

.column-3 {
  margin-top: 28px;
}

.image {
  width: 100%;
  padding-right: 0;
}

.image-2 {
  padding-right: 38px;
}

.text-block-9 {
  color: var(--outerdawn-red);
  margin-top: 13px;
  margin-left: 48px;
  padding-left: 0;
}

.div-block-12 {
  background-color: var(--white);
  margin-top: -293px;
  margin-left: 61px;
  margin-right: 1100px;
  padding-top: 0;
  padding-bottom: 2px;
}

.link-4 {
  margin-top: -13px;
  margin-bottom: -99px;
  margin-left: 48px;
  padding-top: 0;
  padding-bottom: 67px;
  display: inline-block;
}

.hero {
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.flex-container {
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.hero-image-mask {
  width: 100%;
  margin-left: 40px;
}

.hero-image {
  object-fit: fill;
  object-position: 50% 50%;
  flex: 0 .5 auto;
  width: 200%;
  height: 200%;
  padding-right: 0;
}

.feature-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.feature-image-mask {
  width: 100%;
  margin-right: 40px;
}

.feature-image {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.section {
  margin-left: 371px;
}

.image-3 {
  padding-right: 49px;
}

.pressparagraph {
  color: var(--white);
  margin-top: 20px;
}

.pressparagraph p {
  color: #ffffffbf;
  margin-top: 0;
  margin-bottom: 20px;
  display: block;
}

.pressparagraph a:hover {
  text-decoration: underline;
}

.pressparagraph li {
  color: #ffffffbf;
  margin-bottom: 20px;
}

.pressparagraph strong {
  color: var(--white);
}

.pressparagraph ul {
  margin-bottom: 0;
}

.grid-3 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  display: flex;
}

.pressnav {
  flex: none;
}

.grid-4 {
  display: flex;
}

.grid-4.pressgrid {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  margin-top: -20px;
}

.list-3 {
  list-style-type: none;
}

.list-3.pressnavlist {
  padding-top: 20px;
  position: sticky;
  top: 0;
}

.pressnavitem {
  margin-bottom: 10px;
  display: block;
}

.presssection {
  margin-bottom: 28px;
  padding-top: 20px;
}

.pressvideotitle {
  color: #fff9;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 700;
}

.pressvideo {
  margin-top: 10px;
}

.presslogo {
  display: inline-block;
}

.pressmediaimagegrid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: stretch;
  margin-top: 20px;
  display: grid;
  overflow: visible;
}

.pressmediaimage {
  padding-top: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: visible;
}

.image-4 {
  clear: none;
  width: 100%;
  display: block;
  overflow: visible;
}

.collection-list-wrapper {
  overflow: visible;
}

.pressmediaimageimg {
  object-fit: cover;
  width: 100%;
  min-height: 0;
  padding-right: 0;
}

.pressvideothumb {
  width: 100%;
  height: auto;
  min-height: 200px;
  margin-bottom: 10px;
  padding-right: 0;
}

.pressheaderbackground {
  z-index: -1;
  opacity: .75;
  object-fit: cover;
  width: 100%;
  height: 50%;
  padding-right: 0;
  position: absolute;
  inset: 0%;
}

.pressvideoplayicon {
  width: 8rem;
  padding-right: 0;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.lightbox-link {
  display: block;
  position: relative;
}

.lightbox-link.imagehoverborder:hover {
  box-shadow: inset 1px 0 #000;
}

.pressmedialightbox {
  -webkit-text-fill-color: inherit;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  position: absolute;
  inset: 0%;
}

.empty-state-2 {
  -webkit-text-fill-color: inherit;
  background-color: #ddd0;
  background-clip: border-box;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.containerpresskit {
  text-align: center;
  flex: 0 auto;
  align-self: auto;
  width: 100%;
  margin-top: 16px;
  padding-left: 40px;
  padding-right: 66px;
  display: block;
}

.lightbox-link-2, .lightbox-link-3 {
  position: relative;
}

.list-item-3 {
  list-style-type: disc;
}

.heading-8 {
  padding-left: 0;
}

.rich-text-block-3 {
  padding-left: 38px;
}

.image-5 {
  margin-top: 36px;
  padding-top: 0;
  padding-left: 38px;
}

.heading-9, .rich-text-block-4, .body-6 {
  display: block;
}

.full-width-container {
  max-width: 100%;
}

.buttonornate {
  text-transform: uppercase;
  object-fit: fill;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-weight: 700;
  display: inline-flex;
  position: relative;
}

.buttonornate.preorderbutton {
  z-index: 1;
  object-fit: none;
  width: 100%;
  transition: filter .2s;
  display: flex;
}

.buttonornate.preorderbutton:hover {
  filter: brightness(110%) contrast(105%);
}

.image-8 {
  object-fit: fill;
}

.image-9 {
  padding-right: 0;
}

.buttonornate__text {
  max-width: 100%;
  height: 26px;
  padding-right: 0;
  position: absolute;
  inset: 50% auto 0%;
  transform: translate(0, -50%);
}

.buttonornate__text.fontsheepmanpreorder {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: none;
  background-clip: border-box;
  height: auto;
  margin-bottom: 0;
  font-size: 34px;
  line-height: 1;
  position: static;
  transform: none;
}

.buttonornate__text.fontsheepmanpreorder.firstsection {
  font-size: 2vw;
}

.cell {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
}

.cell-2 {
  justify-content: center;
  align-items: center;
  position: relative;
}

.cell-3 {
  z-index: 2;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.imagereset.preorderlogo {
  width: 25vw;
}

.imagereset.preordergradienttext {
  margin-bottom: 9px;
  font-size: 22px;
}

.imagereset.buttonornate__image {
  width: 100%;
}

.div-block-13 {
  text-align: center;
}

.text-block-10 {
  word-break: keep-all;
  font-family: Noah Text, sans-serif;
  font-size: 22px;
  line-height: 1.5;
}

.preordercharacter {
  z-index: 5;
  object-fit: contain;
  object-position: 0% 100%;
  width: 70%;
  height: 100%;
  padding-left: 30px;
  padding-right: 0;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.preordercharacter.preordercharacter--mobile {
  display: none;
  position: absolute;
}

.preordercharacter.preordercharacter--large {
  width: 72%;
  height: 100%;
  padding-left: 60px;
  position: absolute;
}

.preordermain {
  z-index: 10;
  box-sizing: border-box;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  padding: 30px;
  display: flex;
  position: relative;
}

.preordermain.preordersecondary {
  padding-left: 0;
  padding-right: 0;
}

.preordermain.shorter {
  min-height: 90vh;
}

.quick-stack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  align-self: stretch;
  padding-left: 3.5vw;
  padding-right: 5vw;
}

.vignette {
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(#07090b, #fff0 20% 75%, #07090b);
  position: fixed;
  inset: 0%;
}

.darkfade {
  z-index: 5;
  pointer-events: none;
  background-image: linear-gradient(0deg, #07090b 11%, #07090be6 35%, #0000 100%, #fff0);
  height: 25%;
  position: absolute;
  inset: auto 0% 0%;
}

.darkfade.darkfadetop {
  z-index: 2;
  background-image: linear-gradient(#07090b 2%, #07090be6 20%, #fff0 50%, #0000);
  top: 0;
  bottom: auto;
}

.buttonornatewrapper {
  align-self: auto;
  width: 100%;
  position: relative;
}

.image-10 {
  position: absolute;
  left: 0;
  right: 0;
}

.buttonornate__glow {
  pointer-events: none;
  width: 100%;
  height: 100%;
  padding-right: 0;
  transition: transform .8s;
  display: block;
  position: absolute;
  inset: auto 0 40%;
}

.cell-5 {
  padding-left: 5vw;
  padding-right: 0;
}

.preorderbutton {
  width: 100%;
}

.page-extend {
  min-height: 100%;
  overflow: auto;
}

.fontsheepmanpreorder {
  text-transform: uppercase;
  font-family: Sheepman W03 Bold, Impact, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3;
}

.fontsheepmanpreorder.withgradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff 45%, #b9b9b9 64%);
  -webkit-background-clip: text;
  background-clip: text;
}

.buttonornate__textwrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-11 {
  width: 12%;
  height: 18.0755%;
  margin-top: -443px;
  margin-bottom: -110px;
  margin-left: 622px;
}

.div-block-15 {
  background-image: url('../images/fireplace-large.jpg');
  background-position: 25%;
  background-size: cover;
  min-height: 90svh;
  position: relative;
}

.div-block-16 {
  letter-spacing: 0;
  background-image: url('../images/doorway-large.jpg');
  background-position: 100% 0;
  background-size: cover;
  position: relative;
  overflow-x: hidden;
}

.quick-stack-2 {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  flex: 1;
  margin-bottom: 20px;
  padding: 42px;
}

.div-block-17 {
  align-self: center;
  width: 40%;
}

.stretchgoalbox {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  min-width: 0;
  padding: 25px 15px;
  display: flex;
  position: relative;
}

.stretchgoalbox.stretchgoalbox--stand-out {
  background-color: #761118;
}

.cell-6 {
  display: flex;
}

.containercontent {
  max-width: var(--screen-xl);
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.containercontent.preordercontent {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  max-width: none;
  padding-top: 10px;
  display: flex;
}

.flex-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.frameditemslist {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.frameditemslist.marginbottom-md {
  margin-bottom: 20px;
}

.frameditemslist.frameditemslist--header {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  font-family: Noah Text, sans-serif;
}

.preorderrewarditem {
  text-align: center;
  display: block;
}

.stretchgoals {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  font-family: Noah Text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
}

.rewarditem__image {
  aspect-ratio: 1;
  background-color: var(--outerdawn-night);
  width: 100%;
  padding-right: 0;
  display: block;
}

.rewarditem__image.rewarditem__image-special {
  background-color: #0000;
  width: 122px;
  max-width: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.rewarditem__image.withflourish {
  z-index: 1;
  aspect-ratio: auto;
  background-color: #0000;
  position: relative;
}

.rewarditem__text {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  max-width: 152px;
  margin-top: 5px;
}

.rewarditem__text.rewarditem__text--outer {
  margin-top: 0;
}

.rewarditem__text.rewarditem__text-lg {
  max-width: none;
  font-size: 1vw;
}

.fontsheepman {
  text-transform: uppercase;
  font-family: Sheepman W03 Bold, Impact, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

.fontsheepman.rewarditem__text {
  text-transform: none;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  max-width: 152px;
  margin-top: 5px;
}

.fontsheepman.rewarditem__text.rewarditem__text-lg {
  max-width: none;
  font-size: 1vw;
}

.stretchgoalbox__footertext {
  text-transform: none;
  font-family: Sheepman W03 Bold, Impact, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}

.stretchgoalbox__footertext.stretchgoalbox__statustext {
  color: #ffb12b;
  text-shadow: 0 0 23px #f75100;
  margin-top: 15px;
}

.stretchgoalbox__footertext.stretchgoalbox__statustext.statustextinvisible {
  opacity: 0;
  visibility: hidden;
}

.stretchgoalbox__footer {
  z-index: 5;
  text-align: center;
  flex: 0 auto;
  position: relative;
}

.stretchgoalbox__indicator {
  margin: 20px -28px;
  display: block;
  position: relative;
}

.stepprogress__step {
  z-index: 20;
  background-image: url('../images/point-outer.png');
  background-position: 50%;
  background-size: contain;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 63px;
  height: 63px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.stepprogress__bar {
  z-index: 10;
  background-color: #825922;
  background-image: url('../images/progress-bar-arm.png');
  background-position: 0 0;
  background-size: auto;
  width: calc(100% + 20px);
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(0, -50%);
}

.stepprogress__bar.glowoverlayfix {
  width: 35%;
  transform: translate(-100%, -50%);
  -webkit-mask-image: linear-gradient(to left, #000 0% 50%, #0000 85% 100%);
  mask-image: linear-gradient(to left, #000 0% 50%, #0000 85% 100%);
}

.div-block-20 {
  height: 100px;
  position: absolute;
  inset: auto 0% 0%;
}

.stepprogress__step-inner--active {
  background-color: #ef1515;
  border-radius: 100px;
  width: 33px;
  height: 33px;
  position: relative;
  inset: 0%;
  box-shadow: inset 0 0 0 5px #5a0505;
}

.stepprogress__bar-inner {
  background-color: #1b0404;
  width: 100%;
  height: 10px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.stepprogress__bar-inner.stepprogress__bar-inner-active {
  background-color: #ef1515;
  box-shadow: inset 0 0 0 4px #5a0505;
}

.frameditem--sm {
  width: 85px;
}

.preorderrewarditem__image-wrapper {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
}

.preorderrewarditem__image-wrapper.preorderrewarditem--withglow1 {
  box-shadow: 0 2px 20px 5px #42269e;
}

.preorderreward__overlaytext {
  color: #837e7f;
  text-transform: none;
  word-spacing: 99rem;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.1;
  font-weight: inherit;
}

.div-block-22 {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.frameditem--md {
  width: 107px;
}

.frameditem--md.frameditem--with-extras {
  width: 117px;
}

.preorderrewarditemswrapper {
  z-index: 5;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.preorderrewarditemswrapper.rewarditemswrappermargin {
  margin-top: 15%;
}

.preorderrewarditemswrapper.rewarditemswrappermargin--md {
  margin-top: 4rem;
}

.stepprogress__step-glow {
  border-radius: 100px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: -50px 0 50px 10px #ef1515b3, 10px 0 50px 30px #ef1515b3;
}

.stepprogress__step-inner--inactive {
  background-color: #1b0404;
  border-radius: 100px;
  width: 33px;
  height: 33px;
  position: relative;
  inset: 0%;
}

.stretchgoalbox__background {
  background-color: #08040c;
  position: absolute;
  inset: 0%;
  -webkit-mask-image: url('../images/stretch-goal-banner-mask-shape.svg'), linear-gradient(#000 0 0);
  mask-image: url('../images/stretch-goal-banner-mask-shape.svg'), linear-gradient(#000 0 0);
  -webkit-mask-position: -5px calc(100% + 5px);
  mask-position: -5px calc(100% + 5px);
  -webkit-mask-size: 105%;
  mask-size: 105%;
  -webkit-mask-repeat: no-repeat, repeat;
  mask-repeat: no-repeat, repeat;
  -webkit-mask-clip: border-box, border-box;
  mask-clip: border-box, border-box;
  -webkit-mask-origin: border-box, border-box;
  mask-origin: border-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.stretchgoalbox__background.stretchgoalbox__background-standout {
  background-image: linear-gradient(0deg, #1d0404 50%, #761118);
  overflow: hidden;
}

.stretchgoalbox__background-image {
  z-index: 2;
  pointer-events: none;
  width: 130%;
  max-width: none;
  padding-right: 0;
  position: absolute;
  inset: -200px 0% auto auto;
}

.stepprogress__step-end-bar {
  pointer-events: none;
  background-image: url('../images/progress-bar-end-piece.jpg');
  background-position: 0%;
  background-repeat: repeat-x;
  background-size: auto;
  width: 50vw;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(0, -50%);
}

.goalbox__background-mobile-top-banner, .stretchboxbox__bgimage {
  display: none;
}

.frameditemslist--wrapper {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.dawnseekerarbiterhero_mobile {
  pointer-events: none;
  display: none;
}

.dawnseekerarbiterhero_mobile-top {
  display: none;
}

.frameditem--lg {
  width: 7.25vw;
}

.preordermobiletopbar {
  display: none;
}

.pagenavigation {
  z-index: 100;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

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

.pagenavigation__dot {
  border: 2px solid var(--white);
  width: 20px;
  height: 20px;
  padding: 3px;
  transform: rotate(45deg);
}

.pagenavigation__dot-divider {
  background-color: var(--white);
  width: 2px;
  height: 30px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.image-13 {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.heading-10 {
  margin-top: 60px;
  margin-bottom: 60px;
  padding-top: 0;
  font-size: 40px;
  line-height: 1em;
}

.text-block-11, .text-block-12 {
  text-align: center;
}

.link-5 {
  padding-left: 176px;
}

.section-2 {
  max-height: 0;
}

.body-8 {
  margin-left: 200px;
  margin-right: 200px;
}

.stretchgoalscontainer {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.stretchgoalscarousel {
  flex: 1;
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}

.frameditem--lg2 {
  width: 133px;
}

.preorderrewarditem__flourish__img {
  pointer-events: none;
  object-fit: contain;
  width: 362px;
  max-width: none;
  height: 282px;
  position: relative;
  bottom: 15px;
  left: 10px;
}

.preorderrewarditem__flourish {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.preorderrewarditem__flourish__img2 {
  pointer-events: none;
  width: 389px;
  max-width: none;
  height: 292px;
  position: relative;
  bottom: 12px;
}

.goalbox__insetborder {
  pointer-events: none;
  background-image: url('../images/golden-inset-border-2.png'), url('../images/golden-inset-border-1.png');
  background-position: 100% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  position: absolute;
  inset: 10px 10px 0;
}

.preorderrewardsheader {
  flex-flow: row;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  display: flex;
}

.carouselnavigationbutton {
  background-color: #0000;
}

.stretchgoalscarousel-navigation {
  font-size: 80px;
  position: absolute;
  inset: -50px 0 auto;
}

.text-block-13 {
  padding-right: 4px;
}

.list-4 {
  margin-bottom: 0;
  padding-left: 20px;
  list-style-type: lower-alpha;
}

.text-block-14 {
  padding-right: 4px;
}

.list-5 {
  margin-bottom: 0;
  padding-left: 20px;
}

.translationdropdownwrapper {
  min-height: 44px;
}

.button-4 {
  vertical-align: middle;
  background-color: #111317;
  border: 1px solid #1c1f24;
  border-radius: 5px;
  margin-top: 11px;
  font-size: 20px;
  font-weight: 300;
  display: block;
}

.bold-text {
  color: var(--outerdawn-red);
}

.contentbox {
  background-color: var(--grey);
  height: 100%;
  padding: 80px;
}

.contentbox__heading {
  text-align: left;
  text-transform: none;
  font-size: 30px;
}

.collection-list {
  flex-flow: row;
  display: block;
}

.careercolumns {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: stretch;
  display: grid;
}

.careerrow {
  flex: 0 0 49%;
}

.careerbox__summary {
  margin-bottom: 20px;
  display: block;
}

.collection-list-wrapper-2 {
  max-width: var(--screen-xl);
  margin-left: auto;
  margin-right: auto;
}

.careercolumsempty {
  background-color: #0000;
}

.div-block-25 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.contentbox__subheading {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
}

.footernzonair {
  width: clamp(9rem, 12vw, 12rem);
}

.grid-5 {
  grid-template: "Area-2 . Area"
                 ". . ."
                 ". . ."
                 / 1fr 1fr 1fr;
}

.div-block-26 {
  padding-bottom: 0;
}

.div-block-27 {
  margin-bottom: 0;
}

.section-3 {
  margin-bottom: 196px;
  padding-bottom: 50px;
}

.link-block {
  margin-right: -9px;
  padding-right: 0;
}

.image-14 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-15 {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-block-2 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-block-3 {
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 72px;
  }

  .columnspecial {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .container-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .column {
    padding: 6vw;
  }

  .sectionhomewelcome {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .footernav {
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
  }

  .footerlegal {
    flex-direction: column;
    align-items: center;
    margin-top: 32px;
  }

  .gapfooter {
    width: 16px;
    height: 2px;
  }

  .footercontainer {
    flex-direction: column;
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .squarecontainer {
    width: 100%;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .coverbackground.coverbackgroundfixed {
    background-position: 35% 0;
    display: none;
  }

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

  .listnews, .listgames {
    grid-template-columns: 1fr;
  }

  .contactcontentblock.logo {
    display: none;
  }

  .footernavcategories {
    flex-direction: column;
  }

  .headernav {
    display: none;
  }

  .latestcontent {
    text-align: center;
    align-items: center;
    width: 100%;
  }

  .latestbackground {
    opacity: .5;
    width: 100%;
  }

  .articlebodycontent {
    margin-top: 0;
    padding-top: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .imageouterdawnlarge {
    display: none;
  }

  .contentcareers {
    flex-direction: column;
  }

  .sectionjobs {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

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

  .itemjobs {
    padding: 8vw;
  }

  .buttonnavigation {
    display: flex;
  }

  .sectionsquares {
    flex-direction: column;
  }

  .squarebackground {
    width: 100%;
    padding-top: 100%;
  }

  .squarecontent {
    padding: 6vw;
  }

  .careerlistheading.stylizedheading {
    margin-left: 0;
    margin-right: 0;
  }

  .pressnav {
    flex: none;
    max-width: 30%;
  }

  .grid-4.pressgrid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .pressnavitem {
    display: block;
  }

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

  .pressmediaimageimg {
    min-height: 0;
  }

  .buttonornate.preorderbutton {
    display: flex;
  }

  .buttonornate__text {
    object-fit: contain;
    height: 20px;
  }

  .buttonornate__text.fontsheepmanpreorder {
    font-size: 28px;
    display: block;
  }

  .buttonornate__text.fontsheepmanpreorder.firstsection {
    font-size: 28px;
  }

  .buttonornate__text.fontsheepmanpreorder.topbarbuttonornatetext {
    font-size: 16px;
  }

  .cell-3 {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    justify-content: flex-start;
    align-items: center;
  }

  .imagereset.preorderlogo {
    width: 280px;
  }

  .imagereset.preordergradienttext {
    width: 160px;
  }

  .imagereset.buttonornate__image.topbar__buttonornateimage {
    height: 50px;
  }

  .text-block-10 {
    font-size: 18px;
    line-height: 1.3;
  }

  .preordercharacter {
    width: 75%;
    max-width: none;
    height: auto;
    top: 50%;
    bottom: auto;
    transform: translate(0, -50%);
  }

  .preordercharacter.preordercharacter--mobile {
    object-fit: contain;
    width: auto;
    max-width: 100%;
    max-height: 80%;
    padding-left: 0;
    display: block;
    inset: auto auto 50px 50%;
    transform: translate(-50%);
  }

  .preordercharacter.preordercharacter--large {
    display: none;
  }

  .preordermain {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .quick-stack {
    align-self: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .darkfade {
    background-image: linear-gradient(0deg, #07090b 30%, #0000 100%, #fff0);
    height: 20%;
    position: absolute;
  }

  .buttonornatewrapper {
    font-size: 30px;
  }

  .buttonornate__glow {
    display: block;
  }

  .cell-4 {
    display: none;
  }

  .cell-5 {
    padding-left: 0;
  }

  .preorderbutton {
    max-width: 500px;
    margin-top: auto;
  }

  .page-extend {
    background-color: #07090b;
    background-image: none;
  }

  .fontsheepmanpreorder {
    font-size: 4svw;
  }

  .fontsheepmanpreorder.stretchgoalsheading {
    margin-bottom: 15px;
  }

  .div-block-15 {
    min-height: 100vh;
  }

  .div-block-16 {
    overflow: unset;
    background-image: linear-gradient(0deg, #07090b 95%, #0000);
    background-position: 0 0;
    min-height: auto;
  }

  .div-block-17 {
    display: none;
  }

  .stretchgoalbox {
    justify-content: flex-start;
    min-height: 325px;
    max-height: 325px;
    padding: 0;
  }

  .stretchgoalbox.withimage {
    min-height: auto;
    max-height: none;
  }

  .frameditemslist.marginbottom-md {
    margin-top: -2px;
    margin-bottom: 0;
  }

  .frameditemslist.frameditemslist--header {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .stretchgoals {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    flex: 0 auto;
    max-height: none;
  }

  .rewarditem__text.text--orange-glow {
    text-shadow: 0 0 10px #d34500, 0 0 8px #d34500;
  }

  .rewarditem__text.rewarditem__text-lg {
    font-size: 14px;
  }

  .fontsheepman.rewarditem__text.text--orange-glow {
    text-shadow: 0 0 10px #d34500, 0 0 8px #d34500;
  }

  .fontsheepman.rewarditem__text.rewarditem__text-lg {
    font-size: 14px;
  }

  .fontsheepman.topbarappname {
    font-size: 18px;
  }

  .stretchgoalbox__footertext {
    text-align: left;
    margin-right: 10px;
    font-size: 30px;
    display: inline-block;
  }

  .stretchgoalbox__footertext.stretchgoalbox__statustext {
    margin-top: 0;
  }

  .stretchgoalbox__footer {
    background-color: #0000;
    order: -1;
    justify-content: space-between;
    padding: 18px 30px 18px 100px;
    display: flex;
    position: static;
  }

  .stretchgoalbox__indicator {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 0;
    display: flex;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .stepprogress__step {
    transform: translate(1px)rotate(90deg);
  }

  .stepprogress__bar {
    background-image: url('../images/progress-bar-arm-tall.png');
    background-repeat: repeat;
    width: 24px;
    height: calc(100% + 80px);
    transform: translate(-50%);
  }

  .stepprogress__bar.glowoverlayfix {
    width: 24px;
    height: 35%;
    transform: translate(-50%, -100%);
    -webkit-mask-image: linear-gradient(to top, #000 0% 50%, #0000 85% 100%);
    mask-image: linear-gradient(to top, #000 0% 50%, #0000 85% 100%);
  }

  .stepprogress__bar-inner {
    width: 10px;
    height: 100%;
    top: auto;
    left: 50%;
    transform: translate(-50%);
  }

  .stepprogress__bar-inner.stepprogress__bar-inner-active {
    box-shadow: inset 0 0 0 4px #5a0505;
  }

  .frameditem--md, .frameditem--md.frameditem--with-extras {
    width: 115px;
  }

  .frameditem--md.hidden {
    display: none;
  }

  .preorderrewarditemswrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 45px;
  }

  .preorderrewarditemswrapper.rewarditemswrappermargin {
    z-index: 5;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .preorderrewarditemswrapper.rewarditemswrappermargin--md {
    margin-top: 0;
  }

  .preorderrewarditemswrapper.extragap {
    grid-column-gap: 9vw;
    grid-row-gap: 9vw;
  }

  .stepprogress__step-glow {
    z-index: 1;
    box-shadow: 0 -50px 50px 10px #ef1515b3, 10px 0 50px 30px #ef1515b3;
  }

  .stretchgoalbox__background {
    background-color: #181821;
    overflow: hidden;
    -webkit-mask-image: url('../images/stretch-goal-banner-mask-shape-vertical.svg'), linear-gradient(#000 0 0);
    mask-image: url('../images/stretch-goal-banner-mask-shape-vertical.svg'), linear-gradient(#000 0 0);
    -webkit-mask-position: 100%, 0 0;
    mask-position: 100%, 0 0;
    -webkit-mask-size: auto 105%;
    mask-size: auto 105%;
    -webkit-mask-repeat: no-repeat, repeat;
    mask-repeat: no-repeat, repeat;
    -webkit-mask-clip: border-box, border-box;
    mask-clip: border-box, border-box;
    -webkit-mask-origin: border-box, border-box;
    mask-origin: border-box, border-box;
    -webkit-mask-composite: source-over, source-over;
    mask-composite: add, add;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
  }

  .stretchgoalbox__background.stretchgoalbox__background-standout {
    background-color: #1f0906;
    background-image: none;
  }

  .stretchgoalbox__background.stretchboxbox__bgimage1 {
    background-image: url('../images/preorder-stretch-goal-box-bg-1.jpg');
    background-position: 90% 20px;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }

  .stretchgoalbox__background.stretchgoalbox__background-orange {
    background-color: #311b05;
  }

  .stretchgoalbox__background-image {
    width: auto;
    display: none;
    inset: 0% 0% 0% auto;
  }

  .stepprogress__step-end-bar {
    transform-origin: 0 0;
    transform: translate(2px)rotate(90deg);
  }

  .goalbox__background-mobile-top-banner {
    z-index: 5;
    background-image: url('../images/preorder-stretch-goal-box-top-bar-ripped-dark.png');
    background-position: 100% 0;
    background-repeat: repeat-x;
    background-size: auto 100%;
    height: 80px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .goalbox__background-mobile-top-banner.goalboxredbg {
    background-image: url('../images/preorder-stretch-goal-box-top-bar-ripped-red.png');
  }

  .goalbox__background-mobile-top-banner.goalboxorangebg {
    background-image: linear-gradient(90deg, #542f09, #6b3c0c);
  }

  .stretchboxbox__bgimage {
    object-fit: cover;
    inset: 0%;
    height: 100%;
    padding-right: 0;
    display: block;
    position: absolute;
    inset: 0% 20px 0% auto;
    transform: translate(0, 20px);
    -webkit-mask: linear-gradient(to right, #0000 0%, #000, 15%, #000 100%);
    mask: linear-gradient(to right, #0000 0%, #000, 15%, #000 100%);
  }

  .frameditemslist--wrapper {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .dawnseekerarbiterhero_mobile {
    z-index: 5;
    object-fit: contain;
    height: 359px;
    padding-right: 0;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
    transform: translate(0, -33px);
  }

  .dawnseekerarbiterhero_mobile-top {
    padding-right: 0;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
    transform: translate(0, -100%);
  }

  .image-12 {
    padding-right: 0;
  }

  .frameditem--lg {
    width: 90px;
  }

  .preordermobiletopbar {
    z-index: 100;
    opacity: 0;
    pointer-events: auto;
    background-color: #91000a;
    padding: 10px;
    display: none;
    position: fixed;
    inset: 0% 0% auto;
  }

  .preordermobiletopbar__container {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .appiconimage {
    border-radius: 6px;
    width: 60px;
    padding-right: 0;
  }

  .div-block-23 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .div-block-24 {
    flex: none;
    width: 30%;
  }

  .pagenavigation {
    display: none;
  }

  .image-13 {
    max-width: 500px;
  }

  .heading-10 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .contenttabletdownpadded {
    padding-left: 60px;
    padding-right: 60px;
  }

  .goalbox__insetborder, .stretchgoalscarousel-navigation {
    display: none;
  }

  .contentbox {
    padding: 6vw;
  }

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

  .div-block-25 {
    flex-flow: wrap;
    display: flex;
  }

  .footernzonair {
    width: 12rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }

  h1, h2 {
    font-size: 40px;
  }

  h4 {
    font-size: 24px;
    line-height: 1.1em;
  }

  h5 {
    font-size: 20px;
    line-height: 24px;
  }

  h6 {
    font-size: 16px;
  }

  .textbodyregular {
    font-size: 16px;
    line-height: 24px;
  }

  .dropdown.translationdropdown--loading {
    opacity: .5;
    pointer-events: none;
  }

  .textlistnumber {
    min-width: 32px;
  }

  .heading {
    font-size: 40px;
  }

  .textbodythin {
    font-size: 16px;
  }

  .coverbackground.coverbackgroundfixed {
    background-position: 45% 0;
  }

  .textabout {
    text-align: center;
    font-size: 40px;
    line-height: 1.125em;
  }

  .liststorelinks {
    flex-direction: column;
  }

  .div-block-8 {
    flex-direction: column;
    align-items: flex-start;
  }

  .textarticletitlesmall {
    font-size: 24px;
  }

  .textarticletitlelarge {
    font-size: 40px;
  }

  .textarticlesummary {
    font-size: 16px;
    line-height: 24px;
  }

  .iconannotation {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero {
    padding: 40px 20px;
  }

  .flex-container {
    flex-direction: column;
  }

  .hero-image-mask {
    order: -1;
    margin-left: 0;
    margin-right: 0;
  }

  .feature-section {
    padding: 40px 20px;
  }

  .feature-image-mask {
    margin-right: 0;
  }

  .feature-image {
    margin-left: auto;
    margin-right: auto;
  }

  .pressnav {
    display: none;
  }

  .buttonornate__text {
    height: 16px;
  }

  .buttonornate__text.fontsheepmanpreorder {
    font-size: 16px;
    line-height: 1;
  }

  .buttonornate__text.fontsheepmanpreorder.firstsection {
    font-size: 4vw;
  }

  .buttonornate__text.fontsheepmanpreorder.topbarbuttonornatetext {
    font-size: 14px;
  }

  .imagereset.preordergradienttext {
    height: 25px;
  }

  .text-block-10 {
    font-size: 16px;
  }

  .preordercharacter {
    width: 75%;
    padding-left: 10px;
  }

  .preordercharacter.preordercharacter--large {
    display: none;
  }

  .preordermain.preordersecondary {
    padding-bottom: 0;
  }

  .stretchgoalbox {
    box-sizing: border-box;
    aspect-ratio: 799 / 326;
    object-fit: cover;
    flex: 1;
    min-height: 41vw;
    max-height: 41vw;
  }

  .containercontent.preordercontent {
    padding-top: 0;
    padding-bottom: 60px;
    overflow: hidden;
  }

  .frameditemslist {
    grid-column-gap: 1.8vw;
    grid-row-gap: 1.8vw;
    flex: none;
  }

  .frameditemslist.gap-md {
    grid-column-gap: 2.2vw;
    grid-row-gap: 2.2vw;
  }

  .frameditemslist.frameditemslist--header {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .stretchgoals {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    font-size: 2.2vw;
    line-height: 1.1;
  }

  .rewarditem__image.rewarditem__image-special {
    width: 15vw;
  }

  .fontsheepman.rewarditem__text {
    max-width: 23vw;
    font-size: 2.5vw;
  }

  .fontsheepman.rewarditem__text.text--orange-glow {
    max-width: 120px;
  }

  .fontsheepman.rewarditem__text.rewarditem__text--outer {
    margin-top: 0;
  }

  .fontsheepman.topbarappname {
    font-size: 14px;
  }

  .stretchgoalbox__footertext {
    font-size: 3.8vw;
  }

  .stretchgoalbox__footer {
    flex: none;
    align-items: center;
    height: 10vw;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 14vw;
  }

  .stretchgoalbox__indicator {
    margin-left: 5.5vw;
  }

  .stepprogress__step {
    width: 50px;
    height: 50px;
    transform: rotate(90deg);
  }

  .stepprogress__bar {
    z-index: 4;
    width: 18px;
    height: calc(100% + 60px);
  }

  .stepprogress__bar.glowoverlayfix {
    width: 18px;
  }

  .stepprogress__step-inner--active {
    width: 27px;
    height: 27px;
    box-shadow: inset 0 0 0 4px #5a0505;
  }

  .stepprogress__bar-inner {
    width: 8px;
  }

  .stepprogress__bar-inner.stepprogress__bar-inner-active {
    box-shadow: inset 0 0 0 3px #5a0505;
  }

  .frameditem--sm {
    width: 13vw;
  }

  .preorderreward__overlaytext {
    font-size: 2vw;
  }

  .frameditem--md, .frameditem--md.frameditem--with-extras {
    width: 14.4vw;
  }

  .preorderrewarditemswrapper {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    padding-top: 4vw;
    padding-left: 7vw;
  }

  .preorderrewarditemswrapper.rewarditemswrappermargin {
    padding-top: 4.5vw;
  }

  .preorderrewarditemswrapper.itemswrapper--left-aligned {
    justify-content: flex-start;
    padding-left: 23vw;
  }

  .stepprogress__step-glow {
    box-shadow: 0 -40px 40px 8px #ef1515b3, 8px 0 40px 24px #ef1515b3;
  }

  .stepprogress__step-inner--inactive {
    width: 27px;
    height: 27px;
  }

  .goalbox__background-mobile-top-banner {
    height: 10vw;
  }

  .dawnseekerarbiterhero_mobile {
    object-fit: cover;
    height: 45.2vw;
    transform: translate(3vw, -4vw);
  }

  .frameditem--lg {
    width: 16vw;
  }

  .preordermobiletopbar {
    padding: 5px 30px;
  }

  .appiconimage {
    width: 50px;
  }

  .div-block-23 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-24 {
    width: 180px;
  }

  .image-13 {
    max-width: 400px;
  }

  .heading-10 {
    font-size: 38px;
  }

  .contenttabletdownpadded {
    padding-left: 30px;
    padding-right: 30px;
  }

  .frameditem--lg2 {
    width: 14.4vw;
  }

  .preorderrewarditem__flourish__img {
    width: 38vw;
    height: auto;
    bottom: 1vw;
    left: .75vw;
  }

  .preorderrewarditem__flourish__img2 {
    width: 50vw;
    height: auto;
    bottom: .75vw;
  }

  .translationdropdownwrapper {
    min-height: 39px;
  }
}

@media screen and (max-width: 479px) {
  h2, h3 {
    font-size: 30px;
  }

  .containerterms {
    margin-left: auto;
    margin-right: 8px;
    display: block;
  }

  .coverbackground.coverbackgroundfixed {
    min-height: 100%;
  }

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

  .textabout {
    font-size: 30px;
  }

  .liststorelinks {
    grid-auto-flow: row;
  }

  .rich-text-block-2 {
    flex: 0 auto;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .image-6 {
    text-align: left;
    padding-bottom: 0;
    padding-right: 0;
  }

  .image-7 {
    padding-right: 0;
  }

  .body-7 {
    -webkit-text-fill-color: inherit;
    object-fit: contain;
    background-image: url('../images/GG_preorder_BGD_vertical.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-clip: border-box;
    min-width: 330px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .button-3 {
    object-fit: none;
    background-color: #3898ec00;
    width: 100%;
    min-width: 100%;
    height: 100px;
    min-height: 20%;
    position: relative;
    bottom: -561px;
    left: 16px;
  }

  .buttonornate__text.fontsheepmanpreorder {
    align-self: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    position: static;
    transform: none;
  }

  .buttonornate__text.fontsheepmanpreorder.firstsection {
    font-size: 5vw;
  }

  .buttonornate__text.fontsheepmanpreorder.topbarbuttonornatetext {
    font-size: 12px;
  }

  .cell-2 {
    display: none;
  }

  .cell-3 {
    background-image: none;
    justify-content: flex-start;
    align-items: center;
    bottom: auto;
    left: auto;
  }

  .imagereset.preordergradienttext {
    height: 25px;
  }

  .imagereset.buttonornate__image.topbar__buttonornateimage {
    height: 35px;
  }

  .preordercharacter.preordercharacter--mobile {
    width: 100%;
  }

  .preordermain {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .quick-stack {
    flex: 1;
    align-self: stretch;
    padding-bottom: 30px;
  }

  .cell-4 {
    display: none;
  }

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

  .preorderbutton {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
  }

  .page-extend {
    background-position: 50% 0;
  }

  .fontsheepmanpreorder {
    font-size: 28px;
  }

  .fontsheepmanpreorder.stretchgoalsheading {
    margin-bottom: 0;
    font-size: 22px;
  }

  .buttonornate__textwrapper {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .div-block-15 {
    min-height: 100vh;
    position: fixed;
    inset: 0%;
  }

  .div-block-16 {
    margin-top: 100vh;
  }

  .containercontent.preordercontent {
    background-image: none;
    bottom: 0;
    left: 0;
  }

  .rewarditem__text.rewarditem__text-lg, .fontsheepman.rewarditem__text.rewarditem__text-lg {
    font-size: 12px;
  }

  .stretchgoalbox__footertext {
    font-size: 3.6vw;
  }

  .stepprogress__step {
    width: 30px;
    height: 30px;
    transform: rotate(90deg);
  }

  .stepprogress__step.stepprogress__step-first {
    transform: translate(0)rotate(90deg);
  }

  .stepprogress__bar {
    width: 10px;
    height: calc(100% + 10vw);
  }

  .stepprogress__bar.glowoverlayfix {
    width: 10px;
  }

  .stepprogress__step-inner--active {
    width: 17px;
    height: 17px;
    box-shadow: inset 0 0 0 2px #5a0505;
  }

  .stepprogress__bar-inner {
    width: 4px;
    display: block;
  }

  .stepprogress__bar-inner.stepprogress__bar-inner-active {
    box-shadow: inset 0 0 0 1px #5a0505;
  }

  .preorderreward__overlaytext {
    font-size: 9px;
  }

  .preorderrewarditemswrapper.itemswrapper--left-aligned.itemswrapper--less-padding {
    padding-top: 3vw;
  }

  .stepprogress__step-glow {
    box-shadow: 0 -25px 20px 1px #ef1515b3, 8px 0 25px 12px #ef1515b3;
  }

  .stepprogress__step-inner--inactive {
    width: 17px;
    height: 17px;
  }

  .stepprogress__step-end-bar {
    height: 2px;
    transform: translate(1px)rotate(90deg);
  }

  .preordermobiletopbar {
    padding-left: 5px;
    padding-right: 5px;
  }

  .appiconimage {
    width: 40px;
  }

  .div-block-23 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .div-block-24 {
    width: 135px;
  }

  .heading-10 {
    font-size: 32px;
  }

  .footernzonair {
    max-width: 100%;
  }
}

#w-node-_1717b5b4-a444-b797-e036-8a087e9fb6fb-98a8d7ca {
  align-self: stretch;
}

#w-node-_445418d2-4f96-a2dc-accd-96f3cc319419-f043c293 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.25fr;
}

#w-node-_95e091ae-f190-e422-d56f-588015dfc092-f043c293 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_445418d2-4f96-a2dc-accd-96f3cc319419-f043c293 {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
  }

  #w-node-_445418d2-4f96-a2dc-accd-96f3cc31941b-f043c293 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_445418d2-4f96-a2dc-accd-96f3cc319419-f043c293 {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
  }

  #w-node-_445418d2-4f96-a2dc-accd-96f3cc31941a-f043c293 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_445418d2-4f96-a2dc-accd-96f3cc319419-f043c293 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_445418d2-4f96-a2dc-accd-96f3cc31941a-f043c293, #w-node-_445418d2-4f96-a2dc-accd-96f3cc31941b-f043c293 {
    grid-row: span 2 / span 2;
  }
}


@font-face {
  font-family: 'Sheepman W03 Bold';
  src: url('../fonts/SHEEPMAN-W03-BOLD-1.TTF') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noah Text';
  src: url('../fonts/NOAH-TEXT-REGULAR.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  src: url('../fonts/NotoKufiArabic-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  src: url('../fonts/NotoKufiArabic-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}