html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}

footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure {
  display: block;
}
figure {
  margin: 1em 40px;
}
main {
  display: block;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
small {
  font-size: 80%;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
input {
  overflow: visible;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
textarea {
  overflow: auto;
}
menu {
  display: block;
}
[hidden] {
  display: none;
}
html {
  --color-black: #000;
  --color-dark: #222;
  --color-white: #fff;
  --color-highlight: #c24040;
  --color-disabled: #181818;
  --color-dark-grey: #353535;
  --color-grey: #575757;
  --color-bg: var(--color-black);
  --color-text: var(--color-white);
  --color-lazy-image-bg: #3f3f3f;
  --color-layout-text: var(--color-white);
  --color-link: var(--color-white);
  --form-input-background-color: #181818;
  --form-input-background-error-color: #281b1b;
  --form-input-border-color: #353535;
  --form-input-border-focus-color: #6f6f6f;
  --form-input-border-error-color: var(--color-highlight);
  --form-input-color: #fff;
  --form-input-placeholder-color: #ccc;
  --form-select-background-color: #b5b5b5;
  --form-select-border-color: #fff;
  --form-select-text-color: #000;
  --form-selected-option-background-color: rgba(255, 255, 255, 0.32);
  --circle-button-duration: 0.75s;
}
.v-reset,
.v-reset * {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  outline: none;
}
.v-reset input::-ms-clear,
.v-reset textarea::-ms-clear {
  display: none;
}
html {
  background: var(--color-bg);
  color: var(--color-text);
}
.v-no-transition
  :not(.v-preloader):not(.v-preloader__item):not(.v-has-transition),
.v-no-transition
  :not(.v-preloader):not(.v-preloader__item):not(.v-has-transition):after,
.v-no-transition
  :not(.v-preloader):not(.v-preloader__item):not(.v-has-transition):before {
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important;
  -webkit-animation-duration: 0s !important;
  animation-duration: 0s !important;
  transition: 0s !important;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.static {
  position: static;
}

.wrap_1 {
  padding: 0 var(--wrap);
  width: 100%;
}

.wrap_1 {
  padding: 0 var(--wrap-1);
}
.text {
  position: relative;
}
.text p {
  width: 100%;
}
.v-preloader {
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: var(--color-bg);
}

.v-scroll__container {
  position: absolute;
  width: 100%;
}
.v-menu {
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/nfMKMHzLJrMV.eot);
  src: url(../fonts/nfMKMHzLJrMV.eot#iefix) format("embedded-opentype"),
    url(../fonts/V8B60aiGHCQn.woff2) format("woff2"),
    url(../fonts/CnqPWjsai9OQ.woff) format("woff"),
    url(../fonts/FSDgpOl0m3Ok.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/yPhD8jdpjKoW.eot);
  src: url(../fonts/yPhD8jdpjKoW.eot#iefix) format("embedded-opentype"),
    url(../fonts/gqG8VeJmTZ2P.woff2) format("woff2"),
    url(../fonts/DTUDlOlVSFr2.woff) format("woff"),
    url(../fonts/sNdwg0t3IASR.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/wT8zHswbSQSp.eot);
  src: url(../fonts/wT8zHswbSQSp.eot#iefix) format("embedded-opentype"),
    url(../fonts/BGVpaaEY7BvK.woff2) format("woff2"),
    url(../fonts/JOzLyDwdnbnz.woff) format("woff"),
    url(../fonts/H4MZTaFVVhpO.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/FRSFuiXqNZtb.eot);
  src: url(../fonts/FRSFuiXqNZtb.eot#iefix) format("embedded-opentype"),
    url(../fonts/mRf2dGB4Xum8.woff2) format("woff2"),
    url(../fonts/SKK53JXmiVjN.woff) format("woff"),
    url(../fonts/uSrDgVDMU0F4.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/fKyX5qmSoklr.eot);
  src: url(../fonts/fKyX5qmSoklr.eot#iefix) format("embedded-opentype"),
    url(../fonts/siPSab2LyG7J.woff2) format("woff2"),
    url(../fonts/AK8jGmkbErxG.woff) format("woff"),
    url(../fonts/B0ReUgm4BA5H.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/BmUtqTFkA7hG.eot);
  src: url(../fonts/BmUtqTFkA7hG.eot#iefix) format("embedded-opentype"),
    url(../fonts/SEoaOXAMPbpJ.woff2) format("woff2"),
    url(../fonts/Bo7aw9scRzdy.woff) format("woff"),
    url(../fonts/ZUtAN5dLFh6C.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/1zxZ2cM8cBFA.eot);
  src: url(../fonts/1zxZ2cM8cBFA.eot#iefix) format("embedded-opentype"),
    url(../fonts/e4CnO9WCKeZS.woff2) format("woff2"),
    url(../fonts/klLEH9qCZBmW.woff) format("woff"),
    url(../fonts/jdl2U0JimLwO.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/JhDe0L9KDR4F.eot);
  src: url(../fonts/JhDe0L9KDR4F.eot#iefix) format("embedded-opentype"),
    url(../fonts/hKIz6uQGUdQA.woff2) format("woff2"),
    url(../fonts/KhCHUi6ZaxgK.woff) format("woff"),
    url(../fonts/XzvtkIfht9qQ.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/aSPLKMGRM4Xd.eot);
  src: url(../fonts/aSPLKMGRM4Xd.eot#iefix) format("embedded-opentype"),
    url(../fonts/W50h95cWFkP4.woff2) format("woff2"),
    url(../fonts/316qQIpGP1a9.woff) format("woff"),
    url(../fonts/glNcMmMCd8B7.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/NuZgOjWejeX1.eot);
  src: url(../fonts/NuZgOjWejeX1.eot#iefix) format("embedded-opentype"),
    url(../fonts/HfikvWWmhVf5.woff2) format("woff2"),
    url(../fonts/qUguluUHcT7H.woff) format("woff"),
    url(../fonts/W622epfjIQnm.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/b2PAtZvra2dA.eot);
  src: url(../fonts/b2PAtZvra2dA.eot#iefix) format("embedded-opentype"),
    url(../fonts/ztB3bQbogeNG.woff2) format("woff2"),
    url(../fonts/qDIdXINWBnqI.woff) format("woff"),
    url(../fonts/RPre4VCQcSxh.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/OuQLd7nlFHJg.eot);
  src: url(../fonts/OuQLd7nlFHJg.eot#iefix) format("embedded-opentype"),
    url(../fonts/Y3W1F2XjP33P.woff2) format("woff2"),
    url(../fonts/meiZSsauGv9T.woff) format("woff"),
    url(../fonts/fNjHK3hwJqe4.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/hdwIGLblSWtx.eot);
  src: url(../fonts/hdwIGLblSWtx.eot#iefix) format("embedded-opentype"),
    url(../fonts/yXIYFen0yJwH.woff2) format("woff2"),
    url(../fonts/AWn0jMJYQjJF.woff) format("woff"),
    url(../fonts/4tMISmg03ezc.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/2lpYIuN59vD7.eot);
  src: url(../fonts/2lpYIuN59vD7.eot#iefix) format("embedded-opentype"),
    url(../fonts/kB4FohxMwMQ1.woff2) format("woff2"),
    url(../fonts/a9lIWf3b6adq.woff) format("woff"),
    url(../fonts/sW4LrA1b0mVW.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/AeW2xt5gmU5i.eot);
  src: url(../fonts/AeW2xt5gmU5i.eot#iefix) format("embedded-opentype"),
    url(../fonts/GG09Ty8oLmuc.woff2) format("woff2"),
    url(../fonts/rHBHgBMiOe4a.woff) format("woff"),
    url(../fonts/DiooVpe2T8Ha.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../fonts/IvpbtRt5ABkh.eot);
  src: url(../fonts/IvpbtRt5ABkh.eot#iefix) format("embedded-opentype"),
    url(../fonts/iClcXQuELccn.woff2) format("woff2"),
    url(../fonts/RcMndv6ESBys.woff) format("woff"),
    url(../fonts/s2CG5pUM3Aw8.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
* {
  -ms-scroll-chaining: none;
  -ms-content-zooming: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body::-webkit-scrollbar,
div::-webkit-scrollbar,
html::-webkit-scrollbar {
  display: none;
}
button,
html,
input,
select,
textarea {
  font-family: HelveticaNeueCyr;
}
html {
  font-size: 16px;
}
html:not(.use-native-scroll) {
  overflow: hidden;
}
html:not(.use-native-scroll) body {
  position: fixed;
  width: 100%;
}
.page {
  position: relative;
  z-index: 1;
}
html:not(.use-native-scroll) .page {
  height: calc(var(--vh) * 100);
}
.app {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
html:not(.use-native-scroll) .app {
  height: calc(var(--vh) * 100);
}

.wrap_1 {
  margin: 0 auto;
}
.canvas-outer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.canvas-outer.beneath {
  z-index: -3;
}
splash-bg {
  display: block;
}
splash-bg {
  height: 100%;
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
}
@-webkit-keyframes viewBottom {
  0% {
    transform: translate3d(0, 2rem, 0);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@keyframes viewBottom {
  0% {
    transform: translate3d(0, 2rem, 0);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes viewAlpha {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes viewAlpha {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.in-view-rotate {
  overflow: hidden;
}
.in-view-rotate > * {
  transform: translateY(-200%);
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.in-view-rotate.v-viewed > *,
.v-viewed .in-view-rotate > * {
  -webkit-animation-name: in-view-rotate;
  animation-name: in-view-rotate;
}
@-webkit-keyframes in-view-rotate {
  0% {
    transform: rotate(-10deg) translateY(-130%);
  }
  to {
    transform: rotate(0) translate(0);
  }
}
@keyframes in-view-rotate {
  0% {
    transform: rotate(-10deg) translateY(-130%);
  }
  to {
    transform: rotate(0) translate(0);
  }
}
.in-view-up {
  overflow: hidden;
}
.in-view-up > * {
  transform: translateY(200%);
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.in-view-up.v-viewed > *,
.v-viewed .in-view-up > * {
  -webkit-animation-name: in-view-up;
  animation-name: in-view-up;
}
@-webkit-keyframes in-view-up {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes in-view-up {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translate(0);
  }
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
  z-index: 9;
  padding: 0 var(--wrap);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.header__logo .split-hover-text > span:first-child {
  opacity: 1;
}
.header__nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.header__menu {
  margin-left: -24px;
  font-size: 1rem;
}
.header__menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.header__menu .ellipse-link-hover {
  padding: 17px 24px;
}
.header__menu a {
  display: block;
}
.header__languages {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0 -4px 0 0;
  font-size: 1rem;
}
.header__languages li + li {
  margin-left: 4px;
}
.header__languages a {
  display: inline-block;
  padding: 4px;
  opacity: 0.3;
  transition: opacity 0.35s;
  transition-delay: 0s;
  transition-timing-function: ease;
}
.header__languages a.hover,
.header__languages a:hover {
  opacity: 0.6;
}
.header__languages a.active {
  opacity: 1;
}
.footer {
  position: relative;
  padding: 0 var(--wrap) 3.75rem;
  font-size: 1rem;
  margin-top: 6rem;
  line-height: 1.125rem;
  color: var(--color-layout-text);
}
.footer a {
  position: relative;
  color: currentColor;
}
.footer a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.35s;
  transition-delay: 0s;
  transition-timing-function: ease;
  transform: scaleX(0);
}
.footer a.active:after,
.footer a.hover:after,
.footer a:hover:after {
  transform: scale(1);
}
.footer__column {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer__column > * + * {
  margin-top: 0.625rem;
}
.v-preloader__progress {
  position: absolute;
  height: 3px;
  transform: scale(0);
  transform-origin: top left;
}
.v-preloader__progress,
html:before {
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--color-highlight);
}
html:before {
  content: "";
  display: block;
  position: fixed;
  z-index: 999999;
  transition: opacity 0.25s;
  opacity: 0;
}
@-webkit-keyframes loading-indicator {
  0% {
    transform: scaleX(0);
    transform-origin: top left;
  }
  50% {
    transform-origin: top left;
    transform: scale(1);
  }
  50.01% {
    transform-origin: top right;
    transform: scale(1);
  }
  to {
    transform: scaleX(0);
    transform-origin: top right;
  }
}
@keyframes loading-indicator {
  0% {
    transform: scaleX(0);
    transform-origin: top left;
  }
  50% {
    transform-origin: top left;
    transform: scale(1);
  }
  50.01% {
    transform-origin: top right;
    transform: scale(1);
  }
  to {
    transform: scaleX(0);
    transform-origin: top right;
  }
}
html.loading,
html.loading * {
  cursor: progress !important;
}
html.loading:before {
  opacity: 1;
  -webkit-animation-name: loading-indicator;
  animation-name: loading-indicator;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.page-ajax-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
}
html:not(.use-native-scroll) .custom-scroll {
  height: calc(var(--vh) * 100);
}
html:not(.use-native-scroll):not(.use-custom-scroll) .custom-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.custom-scroll__outer {
  position: relative;
  height: auto;
}
sticky-mouse-el {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.ellipse-link-hover {
  position: relative;
  display: block;
  cursor: pointer;
}
.ellipse-link-hover a {
  display: block;
}
button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
button:-moz-focusring {
  outline: none;
}
@-webkit-keyframes readmore-button-text-rotation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(-1turn);
  }
}
@keyframes readmore-button-text-rotation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(-1turn);
  }
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin: 0;
  font-family: HelveticaNeueCyr;
  font-weight: 400;
  line-height: 100%;
}
.text {
  font-size: 1rem;
  line-height: 160%;
  font-weight: 300;
}
.text :first-child {
  margin-top: 0;
}
.text :last-child {
  margin-bottom: 0;
}
.text p {
  margin: 0;
}
.text a {
  text-decoration: underline;
}
.text a.hover,
.text a:hover {
  text-decoration: none;
}
.text img {
  margin: 0;
}
.text img:not([height]),
.text img:not([width]) {
  width: 100%;
}
.text h1,
.text h2,
.text h3 {
  margin: 0;
}

.text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.text ul li {
  list-style-position: inside;
}

.text ul li + li {
  margin-top: 1.25rem;
}
.text ul li:before {
  content: "\2022";
  color: currentColor;
  font-weight: 700;
  display: inline-block;
  width: 1rem;
}
.text p {
  margin: 1.25rem 0;
}
.text img {
  margin: 0.5rem 0;
}

.text h1,
.text h2,
.text h3 {
  margin: 2.5rem 0;
}

.text ul {
  margin: 1.875rem;
}
a {
  text-decoration: none;
  color: var(--color-text);
}
.marquee-text,
marquee-text {
  display: block;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.split-hover-text {
  position: relative;
  display: block;
  overflow: hidden;
}
.split-hover-text > span {
  display: inline-block;
}
.split-hover-text > span:first-child {
  opacity: 0.5;
}
.split-hover-text > span:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(100%);
}
.v-menu {
  position: fixed;
  overflow: hidden;
  background: transparent;
  z-index: 999;
  transition: opacity 0s;
  transition-delay: 0s;
  transition-timing-function: ease;
}
.v-menu__bg {
  background-color: var(--color-white);
  transform: scaleY(0);
  transform-origin: top left;
}
.v-menu__bg,
.v-menu__content {
  height: 100%;
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
}
.v-menu__content {
  z-index: 1;
}
.v-menu__scroll {
  height: 100%;
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.v-menu__alpha {
  will-change: opacity;
}
.v-menu__rotate {
  display: block;
  width: 100%;
  overflow: hidden;
  --clamp: 0.25rem;
  margin-top: calc(var(--clamp) * 0);
}
.v-menu__rotate:first-child {
  margin-top: calc(var(--clamp) * -1);
}
.v-menu__rotate:last-child {
  margin-bottom: calc(var(--clamp) * -1);
}
.v-menu__rotate > * {
  display: inline-block;
  padding: var(--clamp) 0;
  transform: rotate(-10deg) translate3d(0, -130%, 0);
  transform-origin: bottom left;
  transition: transform var(--duration);
  transition-delay: var(--delay);
  transition-timing-function: ease;
}
.burger-button {
  background: transparent;
  border: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--color-white);
  transition: background-color 0.75s;
  transition-delay: 0s;
  transition-timing-function: ease;
  --line-width: 16px;
  --line-height: 2px;
}
.burger-button span {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.burger-button:before {
  content: "";
  background-color: var(--color-highlight);
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.75s;
  transition-delay: 0s;
  transition-timing-function: ease;
}
.burger-button:before,
.burger-button i {
  display: block;
  height: 100%;
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
}
.burger-button i:after,
.burger-button i:before {
  content: "";
  position: absolute;
  display: block;
  transition: background-color 0.75s;
  transition-delay: 0s;
  transition-timing-function: ease;
  background-color: var(--color-black);
}
html:not(.v-mobile-device) .burger-button:not(.close):hover:before {
  transform: scale(1.05);
}
html:not(.v-mobile-device) .burger-button:not(.close):hover i:after,
html:not(.v-mobile-device) .burger-button:not(.close):hover i:before {
  background-color: var(--color-white);
}
html:not(.v-mobile-device) .burger-button:not(.close).hover:before {
  transform: scale(1.05);
}
html:not(.v-mobile-device) .burger-button:not(.close).hover i:after,
html:not(.v-mobile-device) .burger-button:not(.close).hover i:before {
  background-color: var(--color-white);
}
.burger-button:not(.close) i:after,
.burger-button:not(.close) i:before {
  left: 50%;
  top: 50%;
  margin-left: -8px;
  width: var(--line-width);
  height: var(--line-height);
}
.burger-button:not(.close) i:before {
  margin-top: -2px;
}
.burger-button:not(.close) i:after {
  margin-top: 2px;
}
.burger-button.close {
  background-color: var(--color-black);
}
.burger-button.close i {
  transform: rotate(45deg);
}
.burger-button.close i:after,
.burger-button.close i:before {
  top: 50%;
  left: 50%;
  background-color: var(--color-white);
}
.burger-button.close i:before {
  width: var(--line-width);
  height: var(--line-height);
  margin-left: calc(var(--line-width) / -2);
  margin-top: calc(var(--line-height) / -2);
}
.burger-button.close i:after {
  width: var(--line-height);
  height: var(--line-width);
  margin-left: calc(var(--line-height) / -2);
  margin-top: calc(var(--line-width) / -2);
}
.popup-menu {
  --color-layout-text: var(--color-black);
}
.popup-menu__header {
  position: absolute;
  top: 0;
  left: 0;
  justify-content: space-between;
  width: 100%;
  height: var(--header-height);
  padding: 0 var(--wrap);
}
.popup-menu__header,
.popup-menu__languages {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.popup-menu__languages {
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: center;
  --padding: 4px;
  margin-left: calc(var(--padding) * -1);
  font-size: 1rem;
  line-height: 1.125rem;
}
.popup-menu__languages li + li {
  margin-left: 4px;
}
.popup-menu__languages a {
  display: inline-block;
  padding: var(--padding);
  color: var(--color-black);
  opacity: 0.3;
  transition: opacity 0.35s;
  transition-delay: 0s;
  transition-timing-function: ease;
}
.popup-menu__languages a.hover,
.popup-menu__languages a:hover {
  opacity: 0.6;
}
.popup-menu__languages a.active {
  opacity: 1;
}
.popup-menu__container {
  min-height: calc(var(--vh) * 100);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: calc(var(--header-height) + 2.375rem) var(--wrap) 0;
}
.popup-menu__container > * {
  width: 100%;
}
.popup-menu__links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.popup-menu__links a {
  color: var(--color-black);
  transition: color 0.35s;
  transition-delay: 0s;
  transition-timing-function: ease;
}
.popup-menu__links a.active,
html:not(.v-mobile-device) .popup-menu__links a.hover,
html:not(.v-mobile-device) .popup-menu__links a:hover {
  color: var(--color-highlight);
}
.popup-menu__link {
  position: relative;
}
.popup-menu__link sup {
  position: absolute;
  top: 0.375rem;
  left: calc(100% + 1rem);
  font-size: 0.75rem;
  line-height: 0.875rem;
  white-space: nowrap;
}
.popup-menu__footer {
  margin-top: 3.75rem;
}
.popup-menu__footer .footer {
  padding: 0;
}
@-webkit-keyframes awwwards-badge {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-1turn);
  }
}
@keyframes awwwards-badge {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-1turn);
  }
}
.lazy-img,
lazy-img {
  display: block;
  height: 100%;
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
  overflow: hidden;
  background-color: var(--color-lazy-image-bg);
}
.lazy-img *,
lazy-img * {
  position: relative;
}
.lazy-img img,
lazy-img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.interactive-image,
.lazy-img img,
interactive-image,
lazy-img img {
  height: 100%;
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
}
.interactive-image,
interactive-image {
  overflow: hidden;
}
.interactive-image img,
interactive-image img {
  height: 100%;
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: opacity 0.5s;
  transition-delay: 0s;
  transition-timing-function: ease;
  opacity: 0;
}
.interactive-image:not(.use-gl).loaded.show img,
interactive-image:not(.use-gl).loaded.show img {
  opacity: 1;
}
.interactive-image.use-gl img,
interactive-image.use-gl img {
  display: none;
}
.layout-ua-flag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  width: 100%;
  height: 8px;
}
.layout-ua-flag:after,
.layout-ua-flag:before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 50%;
}
.layout-ua-flag:before {
  top: 0;
  background-color: #00a3ff;
}
.layout-ua-flag:after {
  top: 50%;
  background-color: #ffd600;
}
.media-preview {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.media-preview__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.media-preview-outer {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem;
}
.media-preview-outer__media {
  position: relative;
}
.media-previews {
  display: grid;
  grid-template-columns: 1fr;
}
.play-video-button {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-white);
}
.play-video-button:before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
  z-index: -1;
  background-color: var(--color-highlight);
  border-radius: 50%;
  transition: transform 0.35s;
  transition-delay: 0s;
  transition-timing-function: ease;
}
html:not(.v-mobile-device) .play-video-button.hover:before,
html:not(.v-mobile-device) .play-video-button:hover:before {
  transform: scale(1.1);
}
html {
  --popup-media-width: 100%;
  --popup-media-height: 100%;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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)
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #545454;
  }
  20% {
    border-top-color: #545454;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #545454;
  }
  to {
    border-top-color: #545454;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #545454;
  }
  20% {
    border-top-color: #545454;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #545454;
  }
  to {
    border-top-color: #545454;
  }
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr;
}
.project-link {
  position: relative;
  display: block;
  transition: opacity 0.75s, transform 0.75s;
  opacity: 0;
}
.project-link.fixed {
  position: fixed;
  z-index: 2;
  left: var(--wrap-2);
  transform: scale(1);
}
.project-link a,
.project-link sticky-mouse-el {
  border-radius: 50%;
}
.project-link a {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: var(--size);
  height: var(--size);
  transition: color 0.75s;
  color: var(--color-black);
  text-align: center;
}
.project-link a:after,
.project-link a:before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
  width: 100%;
  z-index: -1;
  transition: transform 0.75s;
  border-radius: 50%;
}
.project-link a:before {
  background-color: var(--color-white);
  transform: scale(0.99);
}
.project-link a:after {
  transform: scale(0);
  background-color: var(--color-highlight);
}
html:not(.v-mobile-device) .project-link a:hover {
  color: var(--color-white);
}
html:not(.v-mobile-device) .project-link a:hover:after {
  transform: scale(1);
}
html:not(.v-mobile-device) .project-link a.hover {
  color: var(--color-white);
}
html:not(.v-mobile-device) .project-link a.hover:after {
  transform: scale(1);
}
.project-intro {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.project-intro__date,
.project-intro__pretitle {
  font-family: HelveticaNeueCyr;
  font-weight: 400;
  line-height: 100%;
}
.project-intro__pretitle {
  padding-left: var(--wrap);
}
.project-intro__pretitle > * {
  padding: 0.625rem 0;
}
.project-intro__header {
  margin: 0;
  width: 100%;
}
.project-intro__header marquee-text > * {
  padding: 1.25rem 0;
}
.project-intro__date > * {
  padding: 0.625rem 0;
}
.project-descs,
.project-descs .project-desc {
  position: relative;
}
.project-descs .project-desc:before {
  top: 0;
}
.project-descs .project-desc:before,
.project-descs .project-desc:last-child:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}
.project-descs .project-desc:last-child:after {
  bottom: 0;
}
.project-desc {
  position: relative;
  display: grid;
}
.project-desc__header {
  font-family: HelveticaNeueCyr;
  font-weight: 400;
  line-height: 100%;
}
.project-desc__desc {
  font-size: 1rem;
  line-height: 180%;
  font-weight: 300;
}
.project-desc__desc :first-child {
  margin-top: 0;
}
.project-desc__desc :last-child {
  margin-bottom: 0;
}
.project-desc__desc p {
  margin: 0;
}
.project-desc__desc a {
  text-decoration: underline;
}
.project-desc__desc a.hover,
.project-desc__desc a:hover {
  text-decoration: none;
}
.project-desc__desc img {
  margin: 0;
}
.project-desc__desc img:not([height]),
.project-desc__desc img:not([width]) {
  width: 100%;
}
.project-desc__desc h1,
.project-desc__desc h2,
.project-desc__desc h3 {
  margin: 0;
}

.project-desc__desc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.project-desc__desc ul li {
  list-style-position: inside;
}

.project-desc__desc ul li + li {
  margin-top: 1.25rem;
}
.project-desc__desc ul li:before {
  content: "\2022";
  color: currentColor;
  font-weight: 700;
  display: inline-block;
  width: 1rem;
}
.project-desc__desc p {
  margin: 1.25rem 0;
}
.project-desc__desc img {
  margin: 0.5rem 0;
}

.project-desc__desc h1,
.project-desc__desc h2,
.project-desc__desc h3 {
  margin: 2.5rem 0;
}

.project-desc__desc ul {
  margin: 1.875rem;
}
.project-page__content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
.project-page__desc {
  width: 100%;
}
.project-page .media-previews {
  width: 100%;
}
@media (min-width: 1200px) {
  .header__nav {
    width: 50%;
  }
  .header__burger {
    display: none;
  }
  .v-preloader__progress,
  html:before {
    height: 0.3125rem;
  }
  .h1,
  h1 {
    font-size: 4.5rem;
  }
  .h1.large,
  h1.large {
    font-size: 9rem;
  }
  .h2,
  h2 {
    font-size: 3.375rem;
  }
  .h3,
  h3 {
    font-size: 3rem;
  }
  .media-previews {
    grid-gap: 7.5rem;
  }
  .desktop-hide {
    display: none !important;
  }
  .form-grid {
    grid-gap: 2.5rem;
  }
  /* .project-link {
    margin-left: calc(var(--size) / -2);
  } */
  .project-intro__date,
  .project-intro__pretitle {
    font-size: 3.375rem;
  }
  .project-desc {
    padding: 5rem 0;
  }
  .project-desc__header {
    font-size: 1.875rem;
  }
  .project-page__desc {
    margin-top: 5rem;
  }
  .project-page .media-previews {
    margin-top: 5rem;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  html {
    --wrap: 2.5rem;
    --wrap-1: 10rem;
    --wrap-2: 5rem;
  }
  .header__menu ul li + li {
    margin-left: 1.25rem;
  }
  .header__languages {
    margin-left: 40px;
  }
  .v-preloader__progress,
  html:before {
    height: 5px;
  }
  .h1,
  h1 {
    font-size: 3.375rem;
  }
  .h1.large,
  h1.large {
    font-size: 6rem;
  }
  .h2,
  .h3,
  h2,
  h3 {
    font-size: 2.625rem;
  }
  html {
    --content-padding-top: 10rem;
  }
  .media-previews {
    grid-gap: 5rem;
  }
  .form-grid {
    grid-gap: 1.875rem;
  }
  .project-link {
    --size: 8.75rem;
    margin-left: calc(var(--size) / -2);
  }
  .project-link.fixed {
    bottom: 14.8vh;
  }
  .project-intro__date,
  .project-intro__pretitle {
    font-size: 2.625rem;
  }
  .project-desc {
    padding: 3.75rem 0;
  }
  .project-desc__header {
    font-size: 1.6875rem;
  }
  .project-page__desc {
    margin-top: 3.75rem;
  }
  .project-page .media-previews {
    margin-top: 3.75rem;
  }
}
@media (max-width: 899px) {
  html {
    --wrap: 1.25rem;
    --wrap-1: 1.25rem;
    --header-height: 5.125rem;
  }
  .footer__wrap > * + * {
    margin-top: 2.5rem;
  }
  .v-preloader__progress,
  html:before {
    height: 3px;
  }
  .h2,
  .h3,
  h2,
  h3 {
    font-size: 1.875rem;
  }
  html {
    --content-padding-top: 6.875rem;
  }
  .media-previews {
    grid-gap: 2.5rem;
  }
  .play-video-button {
    font-size: 0.875rem;
    line-height: 1rem;
    width: 6.25rem;
    height: 6.25rem;
  }
  .form-grid {
    grid-gap: 1.25rem;
  }
  .project-link {
    --size: 6.25rem;
  }
  .project-link.fixed {
    bottom: 12vh;
  }
  .project-link a {
    font-size: 0.875rem;
    line-height: 1rem;
  }
  .project-intro__date,
  .project-intro__pretitle {
    font-size: 1.875rem;
  }
  .project-intro__date {
    align-self: flex-end;
    margin-right: var(--wrap);
  }
  .project-intro .project-link {
    position: absolute;
    left: var(--wrap);
    bottom: 12vh;
  }

  .project-link{
    left: var(--wrap-2);
  }
  .project-desc {
    grid-template-columns: 1fr;
    grid-gap: 0.875rem;
    padding: 2.5rem 0;
  }
  .project-desc__header {
    font-size: 1.5rem;
  }
  .project-desc__header:empty {
    display: none;
  }
  .project-page__desc {
    margin-top: 2.5rem;
  }
  .project-page .media-previews {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  html {
    --wrap: 4vw;
    --wrap-1: 16.6vw;
  }
  .header__menu ul li + li {
    margin-left: 1.75rem;
  }
}
@media (min-width: 1200px) and (min-width: 1440px) and (max-width: 1920px) {
  html {
    --wrap: 60px;
    --wrap-1: calc(50vw - 480px);
  }
}
@media (min-width: 1200px) and (min-width: 1921px) {
  html {
    --wrap: 4vw;
    --wrap-1: 18.75vw;
  }
}
@media (min-width: 900px) {
  html {
    --header-height: 6.75rem;
  }
  .footer__wrap {
    align-items: flex-start;
  }
  .footer__wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .burger-button {
    width: 3.25rem;
    height: 3.25rem;
  }
  .popup-menu__links a {
    font-size: 3.375rem;
    line-height: 3.875rem;
  }
  .play-video-button {
    font-size: 1rem;
    line-height: 1.125rem;
    width: 7.5rem;
    height: 7.5rem;
  }
  .project-link a {
    font-size: 1rem;
    line-height: 1.125rem;
  }
  .project-intro {
    min-height: calc(var(--vh) * 100);
  }
  .project-intro__date {
    padding-left: 50vw;
  }
  .project-desc {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1199px) {
  .header__nav {
    display: none;
  }
}
@media (min-width: 1200px) and (min-width: 1440px) {
  .header__menu ul li + li {
    margin-left: 2.25rem;
  }
}
@media (max-width: 899px) and (min-width: 350px) {
  .h1,
  h1 {
    font-size: 2.25rem;
  }
  .h1.large,
  h1.large {
    font-size: 3rem;
  }
  .burger-button {
    width: 2.625rem;
    height: 2.625rem;
  }
}
@media (max-width: 899px) and (max-width: 349px) {
  .h1,
  h1 {
    font-size: 2rem;
  }
  .h1.large,
  h1.large {
    font-size: 2.5rem;
  }
  .burger-button {
    width: 42px;
    height: 42px;
  }
  .popup-menu__links a {
    font-size: 3rem;
    line-height: 3.375rem;
  }
}
@media (max-width: 899px) and (min-width: 350px) and (min-height: 750px) {
  .popup-menu__links a {
    font-size: 3.375rem;
    line-height: 3.875rem;
  }
}
@media (max-width: 899px) and (min-width: 350px) and (min-height: 701px) and (max-height: 749px) {
  .popup-menu__links a {
    font-size: 3rem;
    line-height: 3.375rem;
  }
}
@media (max-width: 899px) and (min-width: 350px) and (max-height: 700px) {
  .popup-menu__links a {
    font-size: 2.625rem;
    line-height: 3.125rem;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .popup-menu__link sup {
    font-size: 12px;
  }
}
@media (min-width: 1200px) and (max-height: 674px) {
  html {
    --content-padding-top: 10rem;
  }
}
@media (min-width: 1200px) and (min-height: 675px) {
  html {
    --content-padding-top: 24vh;
  }
}
@media (max-width: 899px) and (min-width: 560px) {
  .project-desc__desc {
    width: 90%;
  }
}
@media (min-width: 1200px) and (min-height: 780px) {
  .project-link {
    --size: 11.25rem;
  }
  .project-link.fixed {
    bottom: 14.8vh;
  }
}
@media (min-width: 1200px) and (min-height: 78px) and (max-height: 779px) {
  .project-link {
    --size: 10rem;
  }
  .project-link.fixed {
    bottom: 11vh;
  }
}
@media (min-width: 1200px) and (min-height: 78px) and (max-height: 720px) {
  .project-link {
    --size: 8.75rem;
  }
  .project-link.fixed {
    bottom: 10vh;
  }
}
@media (max-width: 899px) and (max-height: 400px) {
  .project-intro {
    min-height: 400px;
  }
}
@media (max-width: 899px) and (min-height: 401px) {
  .project-intro {
    min-height: calc(var(--vh) * 100);
  }
}

.full-image-section {
  position: relative;
  margin-top: 6rem;
  width: 100%;
  height: 100vh; /* full screen height */
  background: url("/static/images/img/qadiyan.jpg") center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.full-image {
  position: relative;
  width: 100%;
  height: 100vh; /* full screen height */
  background: url("/static/images/img/a.jpg") center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.full-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55); /* dark overlay for readability */
  z-index: 1;
}

.full {
  position: relative;
  margin-top: 6rem;
  width: 100%;
  height: 100vh; /* full screen height */
  background: url("/static/images/img/humanity.jpg") center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.full::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55); /* dark overlay for readability */
  z-index: 1;
}


.khudam {
  position: relative;
  width: 100%;
  height: 100vh; /* full screen height */
  background: url("/static/images/img/khudamul.jpg") center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.khudam::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55); /* dark overlay for readability */
  z-index: 1;
}

.full-image-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55); /* dark overlay for readability */
  z-index: 1;
}

.full-image-overlay {
  position: relative;
  z-index: 2;
  color: white;
  text-align: center;
  max-width: 900px;
  padding: 20px;
}

.section-subtitle {
  display: block;
  font-size: 1rem;
  letter-spacing: 2px;
  color: #ffdd57; /* gold/yellow highlight */
  margin-bottom: 15px;
}

.section-title {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.section-description {
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 30px;
}

.des{
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 30px;
}

.section-des{
  font-size: 4rem;
  line-height:normal;
  font-style: italic;
  color:black;
  margin-bottom: 30px;
}


.section-button {
  display: inline-block;
  padding: 12px 30px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid white;
  color: white;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease, color 0.3s ease;
}

.section-button:hover {
  background: white;
  color: black;
}

@media (prefers-color-scheme: dark) {
  /* .resources-section {
    background: linear-gradient(135deg, #121212 0%, #1e1e1e 100%);
  } */

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

  .section-subtitle {
    color: #bdc3c7;
  }

  .card-content {
    background: rgba(30, 30, 30, 0.85);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);

  }

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

  .card-button {
    /* background: #2d3436; */
    color: var(--text-light);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  }

  .arrow-line {
    background: var(--text-light);
  }

  .arrow-head {
    border-left-color: var(--text-light);
  }
}

/* Responsive */
@media (max-width: 1600px) {
  .container {
    padding: 0 80px;
  }
}

@media (max-width: 1200px) {
  .container {
    padding: 0 60px;
  }

  .resource-card {
    height: 450px;
  }
}

@media (max-width: 992px) {
  .resources-section {
    padding: 100px 0;
  }

  .resources-grid {
    gap: 30px;
  }
}


.resources-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: 40px;
  perspective: 1000px;
  width: 100%;
  max-width: var(--max-content-width);
  margin: 0 auto;
}

.resource-card {
  /* position: relative; */
  border-radius: 20px;
  /* overflow: hidden; */
  transform-style: preserve-3d;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* width: 100%; */
}
@media (max-width: 768px) {
  .resource-card {
    border-radius: 10px; 
    margin-bottom: 30px;
  }
}

@media (max-width: 480px) {
  .resource-card {
    border-radius: 6px;
    margin-bottom: 30px;
  }
}

.resource-card:hover {
  transform: translateY(-10px) scale(1.02);
}

@media (max-width: 7680px) {
  .container {
    padding: 0 40px;
  }



  .card-content {
    padding: 25px;
  }
}

@media (max-width: 576px) {
  .container {
    padding: 0 30px;
  }

  .resources-section {
    padding: 80px 0;
  }

  .section-title {
    font-size: 2.2rem;
  }

  .resource-card {
    height: 400px;
  }

  .card-title {
    font-size: 1.5rem;
  }

  .card-button {
    padding: 15px 20px;
  }
}

@media (max-width: 400px) {
  .container {
    padding: 0 20px;
  }

  .resource-card {
    height: 380px;
  }

  .card-content {
    padding: 20px;
  }
}