@charset "UTF-8";
:root {
  --theme:#000;
  --tColor:#fff;
}

.titleGroup {
  width: 100%;
}
@media only screen and (min-width: 1271px) {
  .research .titleGroup {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 1270px) {
  .research .titleGroup {
    margin-top: 136px;
  }
}

.gaming .titleGroup {
  margin-inline: auto;
}
@media only screen and (min-width: 1271px) {
  .gaming .titleGroup {
    margin-top: 286px;
    width: auto;
  }
}
@media only screen and (max-width: 1270px) {
  .gaming .titleGroup {
    margin-top: 248px;
    width: min-content;
  }
}
@media only screen and (min-width: 1271px) {
  .gaming .titleGroup__subName {
    padding-left: 110px;
    font-size: 30px;
    text-indent: 30px;
  }
}
@media only screen and (max-width: 1270px) {
  .gaming .titleGroup__subName {
    padding-left: 2px;
  }
}

.core .titleGroup {
  margin-inline: auto;
  width: fit-content;
}
@media only screen and (min-width: 1271px) {
  .core .titleGroup {
    margin-top: 237px;
  }
}
@media only screen and (max-width: 1270px) {
  .core .titleGroup {
    margin-top: 167px;
  }
}

.titleGroup__subName {
  color: #FFF;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 33px */
  text-transform: uppercase;
}
@media only screen and (min-width: 1271px) {
  .titleGroup__subName {
    padding-left: 102px;
    font-size: 30px;
  }
}
@media only screen and (max-width: 1270px) {
  .titleGroup__subName {
    padding-left: 23px;
    font-size: 24px;
  }
}
.titleGroup__name {
  position: relative;
  margin-top: 10px;
  font-family: "Moniqa", sans-serif;
  color: #8E0808;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 250px */
  text-transform: uppercase;
}
@media only screen and (min-width: 1271px) {
  .titleGroup__name {
    font-size: 250px;
  }
}
.research .titleGroup__name {
  font-variation-settings: "wght" 600, "wdth" 75, "opsz" 95;
  font-feature-settings: "salt" on, "liga" off;
  display: flex;
  align-items: center;
}
.research .titleGroup__name span {
  flex: none;
}
.research .titleGroup__name:before, .research .titleGroup__name:after {
  content: "";
  flex: 1;
  height: 1px;
  background: currentColor;
  margin-right: 8px;
  transform: translateY(-17px);
}
@media only screen and (max-width: 1270px) {
  .research .titleGroup__name:before, .research .titleGroup__name:after {
    transform: translateY(-9px);
  }
}
.research .titleGroup__name:after {
  margin-left: -20px;
}
.research .titleGroup__name:before {
  flex: none;
  width: 85px;
}
@media only screen and (max-width: 1270px) {
  .research .titleGroup__name:before {
    width: 20px;
    margin-right: -5px;
  }
}
@media only screen and (max-width: 1270px) {
  .research .titleGroup__name {
    font-feature-settings: "salt" on, "liga" off;
    font-size: 128px;
    padding-left: 5px;
  }
}

.gaming .titleGroup__name {
  font-variation-settings: "wght" 600, "wdth" 75, "opsz" 65;
  margin-block-start: 22px;
  text-indent: 95px;
}
@media only screen and (max-width: 1270px) {
  .gaming .titleGroup__name {
    font-feature-settings: "salt" on, "liga" off;
    font-size: 150px;
    margin-block-start: 0;
    text-indent: 0;
    line-height: 138px;
    margin-top: 3px;
  }
  .gaming .titleGroup__name span {
    line-height: 68%;
  }
}

.core .titleGroup__name {
  font-variation-settings: "wght" 600, "wdth" 75, "opsz" 96;
  color: #fff;
}
@media only screen and (max-width: 1270px) {
  .core .titleGroup__name {
    font-size: 150px;
  }
}

.titleGroup__content {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 33px */
  text-transform: uppercase;
}
@media only screen and (min-width: 1271px) {
  .titleGroup__content {
    margin-top: 36px;
    padding-left: 13px;
  }
}
@media only screen and (max-width: 1270px) {
  .titleGroup__content {
    font-size: 24px;
    margin-top: 35px;
  }
  .titleGroup__content span {
    max-width: 244px;
    text-align: center;
  }
}
.titleGroup__content span {
  flex: none;
  padding: 0 20px;
}
.titleGroup__content:before, .titleGroup__content:after {
  content: "";
  flex: 1;
  height: 1px;
  background: #8E0808;
}

.fx-viewport {
  position: fixed;
  inset: 0;
  overflow: hidden;
  transform: translateZ(0);
  pointer-events: none;
}

.shadowBlock {
  position: absolute;
  z-index: -1;
  width: 2560px;
  height: 1280px;
  background: #000;
  top: -920px;
  left: 12%;
  transform: rotate(16deg);
  filter: drop-shadow(0px 40px 20px black);
  will-change: transform;
}

.parallax-bg {
  position: absolute;
  top: -88px;
  left: calc(50% - 11px);
  width: 935px;
  height: 1351px;
  background-image: url(../../sources/AARM/HERO_flat.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  z-index: -2;
  pointer-events: none;
  will-change: transform;
  transform: translateX(-48%);
}
@media only screen and (max-width: 1270px) {
  .parallax-bg {
    max-width: 100%;
    overflow: hidden;
    left: 48%;
    background-size: 200%;
  }
}
.parallax-bg--head {
  width: 231px;
  flex-shrink: 0;
  aspect-ratio: 117/161;
  position: absolute;
  background-image: url(../../sources/AARM/head.png);
  background-size: contain;
  left: calc(50% - 12px);
  top: 189px;
  z-index: 9;
  background-repeat: no-repeat;
  background-position: center 0;
  transform: translateX(-4px);
  will-change: transform;
}
@media only screen and (max-width: 1270px) {
  .parallax-bg--head {
    display: none !important;
  }
}

.intro {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 1270px) {
  .intro {
    max-width: 700px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1271px) {
  .intro {
    padding-inline: 44px 20px;
  }
}
.intro .bgAbs {
  z-index: 2;
  position: absolute;
  width: 100%;
  max-width: 812px;
  aspect-ratio: 812/1351;
  top: -163px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  background-image: url(../../sources/AARM/HERO_flat.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.intro .bgAbs__head {
  position: absolute;
  width: 100%;
  max-width: 234px;
  aspect-ratio: 494/692;
  top: calc(5% - 1px);
  left: 50%;
  transform: translateX(calc(-10% - 1px));
  pointer-events: none;
  background-image: url(../../sources/AARM/head.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.intro > * {
  position: relative;
  z-index: 3;
}
.intro__top {
  display: grid;
}
@media only screen and (min-width: 1271px) {
  .intro__top {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 175px 1fr;
    grid-template-areas: "titleOne titleTwo" " . . " "blockLeft blockRight";
    grid-gap: 0 48px;
    padding-right: 13px;
  }
}
@media only screen and (max-width: 1270px) {
  .intro__top {
    max-width: 350px;
    margin: 0 auto;
    grid-template-columns: 1fr;
    grid-template-rows: 42px 160px 192px 183px 1fr;
    grid-template-areas: "blockRight" " titleOne" "..." "titleTwo " "blockLeft";
  }
}
.intro__title {
  font-family: "Moniqa", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  font-variation-settings: "wght" 600, "wdth" 75, "opsz" 100;
}
@media only screen and (min-width: 1271px) {
  .intro__title {
    font-size: 290px;
  }
}
@media only screen and (max-width: 1270px) {
  .intro__title {
    font-size: 189px;
  }
}
.intro__title--one {
  grid-area: titleOne;
  color: #fff;
  font-feature-settings: "ss01" on, "liga" off;
}
@media only screen and (min-width: 1271px) {
  .intro__title--one {
    text-align: right;
    text-indent: -3px;
  }
}
@media only screen and (max-width: 1270px) {
  .intro__title--one {
    text-align: center;
    margin-top: 5px;
  }
}
.intro__title--two {
  grid-area: titleTwo;
  color: #8E0808;
  font-feature-settings: "salt" on, "ss01" on, "ss02" on, "ss03" on;
}
@media only screen and (max-width: 1270px) {
  .intro__title--two {
    font-size: 160px;
    text-align: center;
  }
}
.intro__blockLeft {
  grid-area: blockLeft;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 324px;
  align-self: end;
}
@media only screen and (min-width: 1271px) {
  .intro__blockLeft {
    margin-left: 7px;
  }
}
@media only screen and (max-width: 1270px) {
  .intro__blockLeft {
    gap: 7px;
  }
}
.intro__blockLeft__title {
  font-family: "Moniqa", sans-serif;
  font-variation-settings: "wght" 500, "wdth" 92, "opsz" 65;
  color: #FFF;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 64px */
  text-transform: uppercase;
}
@media only screen and (min-width: 1271px) {
  .intro__blockLeft__title {
    font-size: 64px;
  }
}
@media only screen and (max-width: 1270px) {
  .intro__blockLeft__title {
    color: #FFF;
    font-size: 48px;
    padding-left: 6px;
  }
}
.intro__blockLeft__content {
  color: #8E0808;
  font-family: "DIN Pro", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 33px */
  text-transform: uppercase;
  font-stretch: condensed;
}
@media only screen and (min-width: 1271px) {
  .intro__blockLeft__content {
    font-size: 30px;
    letter-spacing: -0.3px;
    line-height: 108%;
    margin-top: 2px;
  }
}
@media only screen and (max-width: 1270px) {
  .intro__blockLeft__content {
    font-size: 24px;
    letter-spacing: -0.24px;
    padding-bottom: 46px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 53px;
    padding-left: 6px;
  }
}
.intro__blockRight {
  grid-area: blockRight;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 1271px) {
  .intro__blockRight {
    align-items: flex-end;
    align-self: flex-end;
    margin-left: auto;
    margin-right: 5px;
  }
}
@media only screen and (max-width: 1270px) {
  .intro__blockRight {
    margin-right: auto;
  }
}
.intro__blockRight__image {
  margin-left: auto;
  flex: none;
}
@media only screen and (max-width: 1270px) {
  .intro__blockRight__image {
    width: 42px;
    height: 42px;
  }
}
@media only screen and (min-width: 1271px) {
  .intro__blockRight__image {
    width: 156px;
    height: 156px;
  }
}
.intro__blockRight__image img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.intro__blockRight__content {
  width: 226px;
  color: #FFF;
  text-align: right;
  font-family: "DIN Pro", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 26.4px */
  letter-spacing: -0.48px;
  text-transform: uppercase;
  font-stretch: condensed;
}
@media only screen and (max-width: 1270px) {
  .intro__blockRight__content {
    display: none;
  }
}
@media only screen and (min-width: 1271px) {
  .intro__book {
    margin-top: 383px;
    margin-inline: auto;
    width: 1182px;
  }
}
.intro__book__wrapper {
  width: 100%;
  display: flex;
  position: relative;
}
@media only screen and (min-width: 1271px) {
  .intro__book__wrapper {
    clip-path: path("M509.5 1.5C216 1.5 0.999997 33.4999 0.999997 33.4999L0.999997 754.5C0.999997 754.5 250.5 722 544 722C579.5 722 589.5 735.5 589.5 735.5L594.5 735.5C594.5 735.5 603 722 643.5 722C935 722 1189 754.5 1189 754.5L1189 33.5C1189 33.5 965 1.00008 673.5 1.00008C606.5 1.00008 594.5 34.5 594.5 34.5L589.5 34.5C589.5 34.5 573 1.5 509.5 1.5Z");
    width: 1182px;
    height: 755px;
  }
  .intro__book__wrapper:before {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    background: rgba(255, 255, 255, 0.2);
    z-index: -1;
  }
}
@media only screen and (max-width: 1270px) {
  .intro__book__videoBlock {
    display: none;
  }
}
@media only screen and (min-width: 1271px) {
  .intro__book__videoBlock {
    flex: 1;
    position: relative;
    will-change: transform;
  }
  .intro__book__videoBlock video {
    width: 100%;
  }
  .intro__book__videoBlock .label {
    position: absolute;
    left: -8px;
    z-index: 5;
    bottom: 83px;
    color: #FFF;
    font-feature-settings: "salt" on;
    font-family: "glacier", sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 64px */
    text-transform: uppercase;
    width: 100%;
    text-align: center;
  }
}
.intro__book__textBlock {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1271px) {
  .intro__book__textBlock {
    background: black;
    padding: 126px 31px 0 56px;
    box-sizing: border-box;
    flex-basis: calc(50% + 6px);
  }
}
@media only screen and (max-width: 1270px) {
  .intro__book__textBlock {
    max-width: 345px;
    margin: 0 auto;
  }
}
.intro__book__title {
  color: #FFF;
  font-feature-settings: "liga" off;
  font-family: "Moniqa", sans-serif;
  font-variation-settings: "wght" 600, "wdth" 90, "opsz" 65;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 64px */
  text-transform: uppercase;
}
@media only screen and (min-width: 1271px) {
  .intro__book__title {
    font-size: 64px;
  }
}
@media only screen and (max-width: 1270px) {
  .intro__book__title {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0.4px;
    padding-left: 4px;
  }
}
.intro__book__content {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1271px) {
  .intro__book__content {
    margin-top: 56px;
    gap: 20px;
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    max-width: 436px;
  }
}
@media only screen and (max-width: 1270px) {
  .intro__book__content {
    margin-top: 49px;
    gap: 12px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    padding-left: 4px;
  }
  .intro__book__content > div:first-child {
    max-width: 318px;
  }
}
.intro__book__button {
  margin-top: 78px;
  width: 208px !important;
  height: 54px !important;
}
@media only screen and (max-width: 1270px) {
  .intro__book__button {
    margin-top: 45px;
    width: 207px !important;
    height: 54px !important;
  }
}
.intro__scrollButton {
  display: none;
}

:root {
  --bg: #0b0c0f;
  --underlineBG: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%"  height="100%" viewBox="0 0 1118 728" fill="none"><path d="M1117.5 43V727H0.5V1H1078" stroke="%238E0808"/></svg>') no-repeat;
  --panel: #111216;
  --border: rgba(255, 255, 255, .10);
  --text: #e7e7e9;
  --muted: #c9c9c9;
  --accentColor: #C27D29;
  --red: rgba(123, 29, 22, .92);
  --radius: 18px;
  --slidePadding: 34px 24px 26px 36px;
}

@media only screen and (min-width: 1271px) {
  .research__wrapper {
    width: 1177px;
    height: 800px;
    position: relative;
    background: radial-gradient(55.28% 50% at 50% 50%, #4B4B4B 0%, #000 100%);
    margin-left: 55px;
    margin-top: 36px;
  }
}
@media only screen and (max-width: 1270px) {
  .research__wrapper {
    max-width: 700px;
    margin: 22px auto 0;
  }
}
.research__item {
  cursor: pointer;
}
@media only screen and (min-width: 1271px) {
  .research__item {
    position: absolute;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1270px) {
  .research__item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 375/185;
  }
}
.research__item .label {
  color: #FFF;
  font-family: "Moniqa", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 32px */
  text-transform: uppercase;
  font-variation-settings: "wght" 500, "wdth" 100, "opsz" 23;
}
@media only screen and (min-width: 1271px) {
  .research__item .label {
    font-size: 42px;
    letter-spacing: 0.84px;
    position: absolute;
  }
}
@media only screen and (max-width: 1270px) {
  .research__item .label {
    color: #FFF;
    text-align: center;
    font-size: 32px;
    z-index: 9;
    max-width: 265px;
  }
}
.research__item--1 video, .research__item--1 img {
  object-position: top center;
}
@media only screen and (min-width: 1271px) {
  .research__item--1 {
    clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 61.656% 85.603%, 60.791% 100%, 100% 100%, 100% 0%);
    width: 1177px;
    height: 264px;
    left: 0;
  }
  .research__item--1 .label {
    left: 50px;
    top: 46px;
    width: 440px;
  }
}
@media only screen and (max-width: 1270px) {
  .research__item--1 {
    clip-path: polygon(0% 0%, 100% 0%, 100% 78.378%, 0% 100%, 0% 0%);
    margin-bottom: -7%;
    height: 185px;
  }
  .research__item--1 .label {
    margin-top: -45px;
  }
}
@media only screen and (min-width: 1271px) {
  .research__item--2 {
    clip-path: polygon(0% 100%, 0% 10.577%, 100% 0%, 92.584% 62.351%, 0% 100%);
    width: 709px;
    height: 364px;
    top: 237px;
    left: 0;
  }
  .research__item--2 .label {
    left: 50px;
    top: 168px;
  }
}
@media only screen and (max-width: 1270px) {
  .research__item--2 {
    clip-path: polygon(0% 18.919%, 100% 0%, 100% 100%, 0% 85.258%, 0% 18.919%);
    margin-bottom: -5%;
    height: 203px;
  }
}
@media only screen and (min-width: 1271px) {
  .research__item--3 {
    clip-path: polygon(0% 100%, 0% 44.941%, 100% 0%, 89.309% 100%, 0% 100%);
    width: 653px;
    height: 308px;
    top: 479px;
    left: 0;
  }
  .research__item--3 .label {
    left: 49px;
    bottom: 46px;
    width: 440px;
  }
}
@media only screen and (max-width: 1270px) {
  .research__item--3 {
    clip-path: polygon(0% 0%, 100% 16.349%, 100% 94.55%, 0% 100%, 0% 0%);
    margin-bottom: 2%;
    height: 183px;
  }
}
.research__item--4 {
  height: 190px;
}
@media only screen and (min-width: 1271px) {
  .research__item--4 {
    clip-path: polygon(100% 0%, 19.968% 0%, 0% 100%, 100% 100%, 100% 0%);
    width: 582.5px;
    height: 514px;
    right: 0;
    top: 273px;
  }
  .research__item--4 .label {
    right: -131px;
    bottom: 40px;
    width: 440px;
  }
}
@media only screen and (max-width: 1270px) {
  .research__item--4 {
    clip-path: polygon(0% 6.299%, 100% 0%, 100% 100%, 0% 100%, 0% 6.299%);
  }
}
.research__item .preview,
.research__item .hover-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease-in-out;
}
.research__item .preview {
  filter: grayscale(100%);
}
.research__item .hover-video {
  opacity: 0;
  pointer-events: none;
}
@media only screen and (max-width: 1270px) {
  .research__item .hover-video {
    display: none;
    pointer-events: none;
    width: 0;
    height: 0;
  }
}
.research__item:hover .hover-video {
  opacity: 1;
  pointer-events: auto;
}
.research__item:hover .preview {
  opacity: 1;
}

.research-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 1000;
}

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

.research-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(2px);
}

.research-bullets {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  max-width: 1000px;
}
.research-bullets li {
  list-style: none;
  margin: 0.5em 0;
  padding-left: 48px;
  position: relative;
}
@media only screen and (max-width: 1270px) {
  .research-bullets li {
    font-size: 20px;
    margin: 0;
  }
}
.research-bullets li:nth-child(2n+1) {
  width: 388px;
}
.research-bullets li:nth-child(2n) {
  width: 431px;
}
.research-bullets li::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 0.55em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.15) inset;
}

.slide-arrow {
  position: absolute;
  top: 125px;
  background: transparent;
  border: 0;
  cursor: pointer;
  z-index: 2;
  color: #C27D29;
}
@media only screen and (max-width: 1270px) {
  .slide-arrow {
    top: 43px;
  }
}
.slide-arrow--prev {
  left: 85px;
}
@media only screen and (max-width: 1270px) {
  .slide-arrow--prev {
    left: 20px;
  }
}
@media only screen and (min-width: 1271px) {
  .slide-arrow--next {
    right: 120px;
  }
  .slide-arrow--next svg:nth-child(2) {
    display: none;
  }
}
@media only screen and (max-width: 1270px) {
  .slide-arrow--next {
    right: 20px;
  }
  .slide-arrow--next svg:first-child {
    display: none;
  }
  .slide-arrow--next svg:nth-child(2) {
    transform: scale(-1, 1);
  }
}
.slide-arrow:hover {
  color: red;
}

.slide-close {
  position: absolute;
  background: transparent;
  border: 0;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (min-width: 1271px) {
  .slide-close {
    top: 24px;
    right: 13px;
    width: 43px;
    height: 43px;
  }
}
@media only screen and (max-width: 1270px) {
  .slide-close {
    top: 6px;
    right: 0;
    width: 30px;
    height: 30px;
  }
}
.slide-close::before, .slide-close::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  top: 50%;
  height: 1px;
  background: var(--accentColor);
}
.slide-close::before {
  transform: rotate(45deg);
}
.slide-close::after {
  transform: rotate(-45deg);
}

.research-slide {
  position: absolute;
  inset: 0;
  display: none;
  padding: var(--slidePadding);
  flex-direction: column;
  color: var(--text);
  background-color: black;
}
@media only screen and (max-width: 1270px) {
  .research-slide {
    --slidePadding: 8px;
  }
}
.research-slide.is-active {
  display: flex;
}
.research-slide::before {
  background-image: var(--bg), radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.5) 47.6%, rgba(0, 0, 0, 0.35) 100%);
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-blend-mode: multiply;
}
.research-slide__head, .research-slide__body {
  position: relative;
  z-index: 1;
}
.research-slide__head {
  position: relative;
  margin-top: 90px;
}
@media only screen and (min-width: 1271px) {
  .research-slide__head {
    margin-left: 185px;
    max-width: 440px;
  }
}
@media only screen and (max-width: 1270px) {
  .research-slide__head {
    margin-top: 40px;
    max-width: calc(100% - 128px);
    margin-inline: auto;
    text-align: center;
  }
}
.research-slide__head h3 {
  color: #C27D29;
  font-family: "Moniqa", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 64px */
  text-transform: uppercase;
}
@media only screen and (max-width: 1270px) {
  .research-slide__head h3 {
    font-size: 32px;
  }
}
.research-slide__body {
  color: #FFF;
  font-family: "DIN Pro", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 38.4px */
  margin-block: auto;
}
@media only screen and (min-width: 1271px) {
  .research-slide__body {
    margin-left: 185px;
  }
}
@media only screen and (max-width: 1270px) {
  .research-slide__body {
    padding: 0 40px;
    font-size: 24px;
    line-height: 1.5;
  }
}
.research-slide__body p {
  margin: 60px 0;
  max-width: 664px;
}
.research-slide .red-underline {
  position: absolute;
  inset: var(--slidePadding);
  background-size: cover;
  background: var(--underlineBG);
  z-index: 1;
  pointer-events: none;
}
@media only screen and (max-width: 1270px) {
  .research-slide .red-underline {
    --slidePadding: 8px ;
  }
}

body.modal-open {
  overflow: hidden;
}

.gaming {
  width: 100%;
  height: 100%;
  background: radial-gradient(58.28% 30% at 50% 68%, rgb(42, 42, 42) 0%, rgb(0, 0, 0) 100%);
}
.gaming__wrapper {
  width: 100%;
  height: 100%;
  margin-inline: auto;
}
@media only screen and (min-width: 1271px) {
  .gaming__wrapper {
    margin-top: 70px;
    padding: 90px 50px;
    display: grid;
    grid-template-columns: 300px 1fr 1fr 316px;
    grid-template-rows: repeat(3, 1fr);
    grid-template-areas: "item-1  image-1 ... item-2" "...  image-1 image-2 ..." "item-3  item-3 image-2 item-4";
  }
}
@media only screen and (max-width: 1270px) {
  .gaming__wrapper {
    display: flex;
    flex-direction: column;
    gap: 29px;
    width: 100%;
    max-width: 600px;
    padding: 0 20px;
    margin-top: 69px;
  }
}
.gaming__image {
  aspect-ratio: 675/1200;
}
@media only screen and (max-width: 1270px) {
  .gaming__image {
    width: 100%;
    max-width: 300px;
    margin-inline: auto;
    margin-top: 0;
  }
}
.gaming__image--1 {
  background-size: cover;
}
@media only screen and (min-width: 1271px) {
  .gaming__image--1 {
    margin-top: -38px;
    margin-left: 20px;
    margin-right: -20px;
    width: 270px;
    grid-area: image-1;
    background: url("../../sources/AARM/conversation_3.png") no-repeat center;
  }
}
@media only screen and (max-width: 1270px) {
  .gaming__image--1 {
    background: url("../../sources/AARM/conversation_3 (1).png") no-repeat center;
  }
}
.gaming__image--2 {
  grid-area: image-2;
  background-size: cover;
}
@media only screen and (min-width: 1271px) {
  .gaming__image--2 {
    margin-top: -43px;
    width: 280px;
    grid-area: image-2;
    margin-left: -15px;
    margin-right: 15px;
    background: url("../../sources/AARM/cutscenes_3 1.png") no-repeat center;
  }
}
@media only screen and (max-width: 1270px) {
  .gaming__image--2 {
    background: url("../../sources/AARM/06_KEYBOARD_sceneA.png") no-repeat center;
  }
}
.gaming__image img {
  width: 100%;
  max-width: 100%;
  object-fit: contain;
}
.gaming__item__title {
  color: #FFF;
  font-family: "DIN Pro", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 33.6px */
  text-transform: uppercase;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1271px) {
  .gaming__item__title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1270px) {
  .gaming__item__title {
    font-size: 20px;
    max-width: 227px;
  }
}
.gaming__item__content {
  color: #C5C5C5;
  font-family: "DIN Pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
@media only screen and (min-width: 1271px) {
  .gaming__item__content {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1270px) {
  .gaming__item__content {
    font-size: 20px;
  }
}
.gaming__item--1 {
  grid-area: item-1;
}
.gaming__item--2 {
  grid-area: item-2;
}
@media only screen and (max-width: 1270px) {
  .gaming__item--2 {
    margin-top: 13px;
  }
}
.gaming__item--3 {
  grid-area: item-3;
}
@media only screen and (min-width: 1271px) {
  .gaming__item--3 {
    margin-top: 33px;
    max-width: 430px;
  }
}
@media only screen and (max-width: 1270px) {
  .gaming__item--3 {
    margin-top: 27px;
  }
}
.gaming__item--4 {
  grid-area: item-4;
}
@media only screen and (min-width: 1271px) {
  .gaming__item--4 {
    margin-top: 34px;
  }
}
@media only screen and (max-width: 1270px) {
  .gaming__item--4 {
    margin-top: 12px;
  }
}

@media only screen and (min-width: 1271px) {
  .core {
    width: 1180px;
    height: 1810px;
    background-image: url("../../sources/AARM/core-tech-connection lines.png");
    background-position: center 336px;
    background-repeat: no-repeat;
    margin-inline: auto;
    backdrop-filter: blur(4px) brightness(0.5) saturate(0.5);
    padding-left: 10px;
  }
}
.core__wrapper {
  margin-top: 70px;
  width: 100%;
}
@media only screen and (min-width: 1271px) {
  .core__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-right: 10px;
    margin-top: 83px;
  }
}
@media only screen and (max-width: 1270px) {
  .core__wrapper {
    display: flex;
    flex-direction: column;
    gap: 56px;
    margin-top: 25px;
  }
}
.core__item {
  align-self: center;
  display: flex;
}
@media only screen and (min-width: 1271px) {
  .core__item {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    height: 520px;
  }
}
@media only screen and (max-width: 1270px) {
  .core__item {
    gap: 12px 25px;
    flex-wrap: wrap;
    padding: 0 20px;
  }
}
.core__item__image {
  background-image: var(--bg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 1271px) {
  .core__item__image {
    flex: none;
    width: 120px;
    height: 120px;
  }
}
@media only screen and (max-width: 1270px) {
  .core__item__image {
    flex: none;
    width: 60px;
    height: 60px;
  }
}
.core__item__name {
  color: #8E0808;
  text-align: center;
  font-family: "Moniqa", sans-serif;
  font-variation-settings: "wght" 600, "wdth" 90, "opsz" 65;
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 64px */
  text-transform: uppercase;
}
.core__item__content {
  color: #FFF;
  text-align: center;
  font-family: "DIN Pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 33px */
}
@media only screen and (min-width: 1271px) {
  .core__item__content {
    font-size: 30px;
    max-width: 380px;
  }
}
@media only screen and (max-width: 1270px) {
  .core__item__content {
    font-size: 24px;
    text-align: left;
  }
}

.scroll-hint {
  position: fixed;
  left: 50%;
  bottom: 96px;
  transform: translateX(-45%);
  display: grid;
  place-items: center;
  gap: 6px;
  z-index: 99;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
@media only screen and (max-width: 1270px) {
  .scroll-hint {
    display: none;
  }
}

.scroll-hint__rule {
  width: 170px;
  height: 9px;
  background: url("../../sources/AARM/scroll_down_button.png") no-repeat center;
  display: block;
  animation: float 1.8s ease-in-out infinite;
  margin-bottom: 5px;
}

.scroll-hint__content {
  color: #FFF;
  text-align: center;
  font-family: "DIN Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 15.4px */
  letter-spacing: -0.28px;
  text-transform: uppercase;
}

.scroll-hint__chevron {
  opacity: 0.9;
  animation: bob 1.8s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.95;
  }
  50% {
    transform: translateY(2px);
    opacity: 1;
  }
}
@keyframes bob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(2px);
  }
}
.scroll-hint.is-hidden {
  opacity: 0;
  transform: translateX(-50%) translateY(6px);
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .scroll-hint__content, .scroll-hint__chevron {
    animation: none;
  }
}
:root {
  --bg: #0c0c0e;
  --panel: #000;
  --ink: #BFBFBF;
  --muted: #9a9aa3;
  --accent: #ffcc66;
  --line: #3F3F3F;
  --focus: #89c2ff;
}

.form {
  background-color: black;
  position: relative;
  /* shared input look */
  /* dropdown */
  /* help note */
}
@media only screen and (min-width: 1271px) {
  .form {
    padding: 0 35px 0 50px;
  }
}
@media only screen and (max-width: 1270px) {
  .form {
    padding: 20px;
    margin-top: 307px;
  }
}
@media only screen and (max-width: 1270px) {
  .form .form__flex label {
    display: none;
  }
}
@media only screen and (min-width: 1271px) {
  .form .form__flex {
    display: flex;
    gap: 15px;
    align-items: center;
  }
  .form .form__flex div {
    flex: 1;
    max-width: 538px;
  }
  .form .form__flex label {
    color: #BFBFBF;
    font-feature-settings: "salt" on;
    font-family: "DIN Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
  }
}
.form__title {
  font-variation-settings: "wght" 900, "wdth" 99, "opsz" 40;
  position: relative;
  z-index: 99;
  margin-inline: auto;
  width: fit-content;
  color: #FFF;
  text-align: center;
  font-style: normal;
  font-weight: 900;
  line-height: 100%; /* 96px */
  text-transform: uppercase;
  background-color: black;
  font-family: Moniqa, sans-serif;
}
@media only screen and (min-width: 1271px) {
  .form__title {
    text-shadow: -30px 4px 8.4px rgba(0, 0, 0, 0.66);
    font-size: 96px;
    margin-bottom: -62px;
    padding: 0 26px;
    margin-left: 325px;
  }
  .form__title:before {
    content: "";
    position: absolute;
    inset: 0;
    mask-image: linear-gradient(to right, transparent 0px, #000 30px, 0px, #000 calc(100% - 30px), transparent 100%);
    background-color: black;
    z-index: -1;
  }
}
@media only screen and (max-width: 1270px) {
  .form__title {
    font-size: 42px;
    color: #FFF;
    text-align: center;
    font-feature-settings: "ss01" on, "liga" off;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    text-transform: uppercase;
    margin-top: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 5px;
    z-index: 4;
    padding: 0 15px;
  }
}
.form__wrapper {
  background-image: url("../../sources/AARM/borderImage.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media only screen and (min-width: 1271px) {
  .form__wrapper {
    padding: 114px 40px 40px;
  }
}
@media only screen and (max-width: 1270px) {
  .form__wrapper {
    padding: 111px 20px 130px;
  }
}
.form__image {
  position: absolute;
  width: 438px;
  height: 629px;
  flex-shrink: 0;
  aspect-ratio: 39/56;
  background-image: url(../../sources/AARM/borderImg.png);
  background-size: contain;
  z-index: 2;
  top: -45px;
  left: -53px;
  pointer-events: none;
}
@media only screen and (max-width: 1270px) {
  .form__image {
    width: 234px;
    height: 337px;
    flex-shrink: 0;
    aspect-ratio: 25/36;
    right: unset;
    left: -60px;
    top: -100px;
  }
}
.form form {
  display: grid;
  gap: 18px;
}
@media only screen and (min-width: 1271px) {
  .form form {
    padding-left: 308px;
    gap: 14px;
  }
}
@media only screen and (max-width: 1270px) {
  .form form {
    position: relative;
    z-index: 999;
    gap: 0;
  }
}
.form .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
@media only screen and (min-width: 1271px) {
  .form .row {
    gap: 18px;
    max-width: 780px;
  }
}
@media (max-width: 720px) {
  .form .row {
    grid-template-columns: 1fr;
  }
}
.form label {
  display: block;
  font-size: 12px;
  letter-spacing: 0.8px;
  color: var(--muted);
  margin-bottom: 8px;
}
.form .field, .form .dropdown {
  border: 1px solid var(--line);
  background: var(--panel);
  outline: none;
  min-height: 48px;
  transition: border 0.15s ease, box-shadow 0.15s ease;
  font-size: 20px;
}
.form .field:focus, .form .dropdown:focus-within {
  border-color: var(--focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--focus) 25%, transparent);
}
.form input.field, .form textarea.field {
  font-family: "DIN Pro", sans-serif;
  font-stretch: condensed;
  font-size: 20px;
  width: 100%;
  color: var(--ink);
  padding: 14px 14px;
}
.form textarea.field {
  resize: none;
  min-height: 160px;
}
@media only screen and (min-width: 1271px) {
  .form textarea.field {
    min-height: 176px;
    margin-top: -24px;
    max-width: 779px;
  }
}
@media only screen and (max-width: 1270px) {
  .form textarea.field {
    margin-top: -13px;
  }
}
.form .dropdown {
  position: relative;
  color: #FFA100;
}
.form .dropdown__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 46px;
  padding: 0 14px;
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.form .dropdown__chev {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  transition: transform 0.18s ease;
}
.form .dropdown[aria-expanded=true] .dropdown__chev {
  transform: rotate(180deg);
}
.form .dropdown__list {
  position: absolute;
  left: -1px;
  right: -1px;
  top: calc(100% + 6px);
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 6px;
  margin: 0;
  list-style: none;
  max-height: 240px;
  overflow: auto;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
  display: none;
  z-index: 10;
}
.form .dropdown[aria-expanded=true] .dropdown__list {
  display: block;
}
.form .dropdown__option {
  padding: 10px 10px;
  cursor: pointer;
  outline: none;
}
.form .dropdown__option[aria-selected=true] {
  background: rgba(255, 255, 255, 0.06);
}
.form .dropdown__option:hover,
.form .dropdown__option[data-active=true] {
  background: rgba(255, 255, 255, 0.1);
}
.form .note {
  color: var(--muted);
  font-size: 13px;
}
.form .btn-frame {
  position: absolute;
  bottom: 0;
}
@media only screen and (min-width: 1271px) {
  .form .btn-frame {
    position: absolute;
    bottom: -24px;
    z-index: 999999;
    transform: translateX(85%);
    width: 179px;
    height: 55px;
  }
}
@media only screen and (max-width: 1270px) {
  .form .btn-frame {
    bottom: -153px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.form .sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.btn-frame {
  width: 170px;
  height: 47px;
  background-image: url("../../sources/AARM/buttonBorder.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: black;
  border: none;
  outline: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(-5px 4px 4px #000) drop-shadow(4px 4px 4px #000);
  cursor: pointer;
}
.btn-frame__border {
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  border: 1px solid #F59B2D;
  position: absolute;
}
.btn-frame__border:nth-child(1) {
  top: -3px;
  left: -3px;
}
.btn-frame__border:nth-child(2) {
  top: -3px;
  right: -3px;
}
.btn-frame__border:nth-child(3) {
  bottom: -3px;
  right: -3px;
}
.btn-frame__border:nth-child(4) {
  bottom: -3px;
  left: -3px;
}
.btn-frame span {
  color: #FFF;
  text-align: center;
  font-family: "DIN Pro", sans-serif;
  font-stretch: condensed;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 19.8px */
  text-transform: uppercase;
}

.btn-frame[disabled] {
  opacity: 0.6;
  cursor: progress;
}

.field, .dropdown__button, textarea.field {
  width: 100%;
  border: 1px solid var(--border);
  padding: 12px 14px;
  font: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  background: #fff;
}

.field:focus, .dropdown__button:focus, textarea.field:focus {
  outline: none;
  border-color: #7aa7ff;
  box-shadow: 0 0 0 3px rgba(122, 167, 255, 0.2);
}

.error {
  border-color: var(--error) !important;
  box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.15) !important;
}

.valid {
  border-color: var(--ok);
  box-shadow: 0 0 0 3px rgba(42, 157, 143, 0.12);
}

.error-msg {
  color: var(--error);
  font-size: 0.85rem;
  margin: 6px 0 0;
  min-height: 1em;
}

.hint {
  color: #666;
  font-size: 0.85rem;
  margin-top: 6px;
}

/* Dropdown */
.dropdown {
  position: relative;
  width: 100%;
}

.dropdown__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
}

.dropdown__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown__chev {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}

.dropdown__list {
  position: absolute;
  inset-inline: 0;
  margin: 6px 0 0;
  padding: 6px;
  border: 1px solid var(--border);
  background: #fff;
  list-style: none;
  display: none;
  max-height: 220px;
  overflow: auto;
  z-index: 2;
}

.dropdown[aria-expanded=true] .dropdown__list {
  display: block;
}

.dropdown__option {
  padding: 10px 10px;
  cursor: pointer;
}

.dropdown__option[aria-selected=true], .dropdown__option:hover {
  background: #f2f5ff;
}

/* Dialog */
dialog {
  border: none;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}
dialog .research-slide {
  display: flex !important;
}
dialog .research-slide__head {
  margin: auto;
}
@media only screen and (min-width: 1271px) {
  dialog .research-slide__head {
    text-align: center;
    margin: auto;
  }
  dialog .research-slide__head h3 {
    color: #F59B2D;
    text-align: center;
    font-family: Moniqa, sans-serif;
    font-size: 86px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 86px */
    text-transform: uppercase;
  }
  dialog .research-slide__head span {
    color: #FFF;
    text-align: center;
    font-family: Moniqa, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 40px */
    text-transform: uppercase;
  }
}

dialog::backdrop {
  background: rgba(0, 0, 0, 0.45);
}

dialog h2 {
  margin: 0 0 8px;
  font-size: 20px;
}

dialog p {
  margin: 0 0 14px;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}

.modal-actions button {
  padding: 8px 12px;
  border: 1px solid var(--border);
  background: #fff;
  cursor: pointer;
}

.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.footer {
  text-align: center;
}
@media only screen and (min-width: 1271px) {
  .footer {
    margin-top: 221px;
  }
}
@media only screen and (max-width: 1270px) {
  .footer {
    margin-top: 89px;
    padding: 0 20px;
  }
}
.footer__bigText, .footer .preloader__text {
  font-family: "Moniqa", sans-serif;
  font-feature-settings: "salt" on, "liga" on;
  font-variation-settings: "wght" 900, "wdth" 100, "opsz" 96;
  font-weight: bold;
  text-transform: uppercase;
  background-image: url(../../sources/AARM/maleDetective.png);
  background-size: 115%;
  background-position: -74px -44px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1271px) {
  .footer__bigText, .footer .preloader__text {
    font-size: 537px;
    padding-left: 34px;
  }
}
@media only screen and (max-width: 1270px) {
  .footer__bigText, .footer .preloader__text {
    font-size: 182px;
    font-variation-settings: "wght" 800, "wdth" 96, "opsz" 96;
  }
}
.footer .preloader__text {
  font-size: 180px;
}
.footer__block__top {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: 17px;
  padding-bottom: 20px;
  border-bottom: 1px solid #3F3F3F;
}
@media only screen and (min-width: 1271px) {
  .footer__block__top {
    gap: 17px;
    padding-bottom: 20px;
    border-bottom: 1px solid #3F3F3F;
    padding-inline: 49px 16px;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1270px) {
  .footer__block__top {
    margin-top: 18px;
  }
}
.footer__block__top address {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 1271px) {
  .footer__block__top address {
    gap: 64px;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 1270px) {
  .footer__block__top address {
    gap: 34px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.footer__block__top address a {
  color: #FFF;
  font-family: "DIN Pro", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 26px */
  text-decoration: none;
}
@media only screen and (max-width: 1270px) {
  .footer__block__top address a:nth-child(1) {
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 1271px) {
  .footer__block__top address a:nth-child(2) {
    margin-left: auto;
  }
}
.footer__block__bottom {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 1271px) {
  .footer__block__bottom {
    padding-bottom: 100px;
    padding-inline: 49px 16px;
  }
}
.footer__block__bottom span, .footer__block__bottom a {
  color: #818181;
  font-family: "DIN Pro", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  text-decoration: none;
}

#preloader {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  color: var(--fg);
  z-index: 9999;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

#preloader.hidden {
  opacity: 0;
  visibility: hidden;
}

#preloader .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  padding: 24px;
}

#preloader .spinner {
  width: 64px;
  height: 64px;
  border-radius: 999px;
  border: 4px solid rgba(255, 255, 255, 0.15);
  border-top-color: var(--accent);
  animation: spin 1s linear infinite;
}

#preloader .logo {
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.9;
}

#preloader .hint {
  font-size: 14px;
  opacity: 0.7;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  #preloader .spinner {
    animation: none;
  }
  #preloader {
    transition: none;
  }
}
.main {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 1271px) {
  .main {
    padding: 50px 0;
    max-width: 1280px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1270px) {
  .main {
    padding-block: 40px;
  }
}

body:before, body:after {
  content: "";
  position: fixed;
  height: 100%;
  width: 100%;
  inset: 0;
  pointer-events: none;
  z-index: 999;
}
@media only screen and (min-width: 1271px) {
  body:before, body:after {
    mask-image: linear-gradient(to bottom, #000 0px, transparent 150px, transparent calc(100% - 150px), #000 100%);
  }
}
@media only screen and (max-width: 1270px) {
  body:before, body:after {
    mask-image: linear-gradient(to bottom, #000 0px, transparent 50px, transparent calc(100% - 50px), #000 100%);
  }
}
body:before {
  background-color: #000000;
}
body:after {
  backdrop-filter: blur(4px);
}

@font-face {
  font-family: "Moniqa";
  src: url("fonts/Moniqa.ttf") format("truetype"), url("fonts/Moniqa.otf") format("opentype");
  font-weight: 100 900; /* Диапазон веса шрифта */
  font-style: normal; /* Или italic */
}
/* Обычные */
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "glacier";
  src: url("./fonts/glacier.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
/* Light */
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_lightitalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
/* Medium */
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_mediumitalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}
/* Bold */
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_bolditalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
/* Black */
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_blackitalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}
/* Condensed Regular */
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_condensedregular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-stretch: condensed;
}
/* Condensed Light */
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_condensedlight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_condensedlightitalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-stretch: condensed;
}
/* Condensed Medium */
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_condensedmedium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_condensedmediumitalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-stretch: condensed;
}
/* Condensed Bold */
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_condensedbold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_condensedbolditalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-stretch: condensed;
}
/* Condensed Black */
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_condensedblack.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "DIN Pro";
  src: url("./fonts/dinpro_condensedblackitalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-stretch: condensed;
}
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-size-adjust: none;
}

svg {
  color: inherit;
}

input {
  font-size: inherit;
}

body, html {
  width: 100%;
  height: 100%;
}

body {
  scroll-behavior: smooth;
  max-width: 100%;
  width: 100%;
  height: 100%;
  background-color: var(--theme);
  color: var(--tColor);
  overflow-x: hidden;
  font-family: "DIN Pro", sans-serif;
  font-variation-settings: "wght" 600, "wdth" 83, "opsz" 65;
  font-stretch: condensed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ignore-component {
  display: contents;
}

/*# sourceMappingURL=main.css.map */