.is-blue {
  --pat-rule-1: url("../img/patterns/rule-1-blue.svg");
}
.is-red {
  --pat-rule-1: url("../img/patterns/rule-1-red.svg");
}
.is-yellow {
  --pat-rule-1: url("../img/patterns/rule-1-yellow.svg");
}
.content-body__decoration--1 {
  top: 50%;
}
.content-body__decoration--2 {
  bottom: 10%;
  top: auto;
}
.main-header__swipe {
  pointer-events: none;
}
.main-header__bg-scene-inner {
  transition: opacity 0.2s linear 0s;
}
.main-header__bg--ready .main-header__bg-scene-inner {
  opacity: 1;
}
.main-header__bg-map {
  transition: opacity 0.4s linear 0.4s;
}
@keyframes mapWalk {
  25% {
    transform: translate(-200px, -25%);
  }
  50% {
    transform: translate(0, -25%);
  }
  75% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-200px, 0);
  }
}
.main-header__bg--ready .main-header__bg-map {
  animation: mapWalk 40s ease-in-out infinite alternate;
  opacity: 1;
}
.main-header__dlc {
  transition: transform 0.2s ease;
}
.main-header__dlc:focus,
.main-header__dlc:hover {
  transform: scale(1.1);
}
[lang="es"] .main-header__dlc,
[lang="fr"] .main-header__dlc {
  font-size: 0.7rem;
}
[lang="es"] .main-header__dlc span,
[lang="fr"] .main-header__dlc span {
  transform: translateY(-4px);
}
[lang="es"] .main-header__dlc .icon,
[lang="fr"] .main-header__dlc .icon {
  display: none;
}
[lang="fr"] .main-header__dlc {
  padding: 0 10px;
}
[lang="es"] .main-header__dlc {
  padding: 15px;
}
[lang="es"] .main-header__cta-button {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 0;
}
.main-header__cta-packshot img {
  transition: transform 0.3s ease;
}
.main-header__cta-packshot:focus img,
.main-header__cta-packshot:hover img {
  transform: rotate(4deg);
}
.is-blue .main-header-generic,
.is-red .main-header-generic,
.is-yellow .main-header-generic {
  display: none;
}
.is-red .main-header-houses--red {
  display: block;
}
.is-blue .main-header-houses--blue {
  display: block;
}
.is-yellow .main-header-houses--yellow {
  display: block;
}
.accolades__item {
  transition: opacity 0.4s ease;
}
.accolades__item.is-active {
  opacity: 1;
}
.is-blue .intro,
.is-red .intro,
.is-yellow .intro {
  padding-top: 2rem;
}
.is-blue .intro .intro__trailer-btn,
.is-red .intro .intro__trailer-btn,
.is-yellow .intro .intro__trailer-btn {
  margin-top: 0;
}
.intro__title {
  margin-bottom: 1em;
}
.is-red .intro__trailer-btn {
  border-image: url(../img/patterns/frame-trailer-red.svg) 20 round;
}
.is-blue .intro__trailer-btn {
  border-image: url(../img/patterns/frame-trailer-blue.svg) 20 round;
}
.is-yellow .intro__trailer-btn {
  border-image: url(../img/patterns/frame-trailer-yellow.svg) 20 round;
}
.split-section__slide--text .icon {
  margin-left: 10px;
  transition: transform 0.2s ease;
}
.split-section__wrapper:focus .inset-box__keyline,
.split-section__wrapper:hover .inset-box__keyline {
  padding: 0;
}
.split-section__wrapper:focus .split-section__slide--text .icon,
.split-section__wrapper:hover .split-section__slide--text .icon {
  transform: translateX(20px);
}
.split-section--reversed .split-section__slide--text {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  color: var(--color-main);
}
.is-yellow .split-section--reversed .split-section__slide--text {
  color: #000;
}
.is-reduced-motion .main-header__bg-scene {
  opacity: 0;
}
.is-reduced-motion .main-header__bg-map {
  animation: none;
}
@media only screen and (min-width: 64em) {
  [lang="fr"] .main-header__dlc {
    font-size: 0.8rem;
  }
  [lang="es"] .main-header__dlc {
    font-size: 0.82rem;
    padding: 15px;
  }
}