/* =========================================================
   CRDGAME CRIMSON DESERT ARCHIVE HERO — RESPONSIVE
   Рабочий Live Editor + адаптивная ось текста
   ========================================================= */

html body.tmpl_body.archive_page.crd-news-crimson-one
.crd-module-hero.crd-game-section-hero {
  position: relative !important;
  z-index: 1 !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: 520px !important;
  min-height: 520px !important;
  max-height: 520px !important;

  margin: 115px auto 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: #090705 !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(174, 137, 84, .24) !important;

  box-shadow:
    inset 0 -90px 120px rgba(0, 0, 0, .34),
    0 24px 70px rgba(0, 0, 0, .28) !important;

  box-sizing: border-box !important;
}


/* =========================================================
   BACKGROUND
   ========================================================= */

html body.tmpl_body.archive_page.crd-news-crimson-one
.crd-module-hero.crd-game-section-hero
> .crd-module-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  opacity: 1 !important;
  filter: none !important;

  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, .25) 0%,
      rgba(0, 0, 0, .18) 28%,
      rgba(0, 0, 0, .10) 52%,
      rgba(0, 0, 0, .24) 78%,
      rgba(0, 0, 0, .37) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, .10) 0%,
      rgba(0, 0, 0, .18) 38%,
      rgba(0, 0, 0, .35) 72%,
      rgba(5, 4, 3, .53) 100%
    ),
    url("/file/games-hub/hero/crimson-desert.webp") !important;

  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat !important;

  background-size:
    100% 100%,
    100% 100%,
    cover !important;

  background-position:
    center center,
    center center,
    68% 31% !important;

  transform: scale(1) !important;
  transform-origin: 68% 31% !important;

  pointer-events: none !important;
}


/* =========================================================
   VIGNETTE
   ========================================================= */

html body.tmpl_body.archive_page.crd-news-crimson-one
.crd-module-hero.crd-game-section-hero::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;

  display: block !important;

  background:
    radial-gradient(
      ellipse 72% 100% at 50% 42%,
      transparent 18%,
      rgba(0, 0, 0, .05) 52%,
      rgba(0, 0, 0, .30) 100%
    ) !important;

  pointer-events: none !important;
}


/* =========================================================
   BOTTOM FADE
   ========================================================= */

html body.tmpl_body.archive_page.crd-news-crimson-one
.crd-module-hero.crd-game-section-hero::after {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;

  display: block !important;

  height: 34% !important;

  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(8, 7, 6, .30) 38%,
      rgba(8, 7, 6, .82) 100%
    ) !important;

  pointer-events: none !important;
}


/* =========================================================
   CONTENT
   Адаптивная ось:

   <= 1960px  -> 0
   2200px     -> -120px
   2400px     -> -220px
   >= 2560px  -> -300px
   ========================================================= */

html body.tmpl_body.archive_page.crd-news-crimson-one
.crd-module-hero.crd-game-section-hero
> .crd-module-hero__wrap {
  position: relative !important;

  top: 0 !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 6 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;

  width: min(
    1800px,
    calc(100% - 160px)
  ) !important;

  max-width: 1800px !important;
  min-width: 0 !important;

  height: 100% !important;

  margin: 0 auto !important;
  padding: 46px 0 30px !important;

  transform:
    translateX(
      clamp(
        -300px,
        calc(980px - 50vw),
        0px
      )
    ) !important;

  box-sizing: border-box !important;
}


/* =========================================================
   BREADCRUMBS
   ========================================================= */

html body.tmpl_body.archive_page.crd-news-crimson-one
.crd-module-hero.crd-game-section-hero
> .crd-news-breadcrumbs {
  position: absolute !important;

  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 8 !important;

  margin: 0 !important;

  transform: none !important;
}


/* =========================================================
   TEXT LAYERS
   ========================================================= */

html body.tmpl_body.archive_page.crd-news-crimson-one
.crd-module-hero.crd-game-section-hero h1,
html body.tmpl_body.archive_page.crd-news-crimson-one
.crd-module-hero.crd-game-section-hero p,
html body.tmpl_body.archive_page.crd-news-crimson-one
.crd-module-hero.crd-game-section-hero .crd-kicker {
  position: relative !important;
  z-index: 7 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1180px) {

  html body.tmpl_body.archive_page.crd-news-crimson-one
  .crd-module-hero.crd-game-section-hero
  > .crd-module-hero__wrap {
    width: calc(100% - 64px) !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    transform: none !important;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

  html body.tmpl_body.archive_page.crd-news-crimson-one
  .crd-module-hero.crd-game-section-hero {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;

    margin-top: 76px !important;
  }


  html body.tmpl_body.archive_page.crd-news-crimson-one
  .crd-module-hero.crd-game-section-hero
  > .crd-module-hero__wrap {
    top: 0 !important;

    width: calc(100% - 28px) !important;
    max-width: none !important;

    height: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 54px 0 28px !important;

    transform: none !important;
  }


  html body.tmpl_body.archive_page.crd-news-crimson-one
  .crd-module-hero.crd-game-section-hero
  > .crd-news-breadcrumbs {
    top: 0 !important;
  }
}