@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
  /* Set the sizing of an element to include it's border */
}

* {
  margin: 0;
  /* Set the default margin to 0 */
  padding: 0;
  /* Set the default padding to 0 */
}

ul[role="list"],
ol[role="list"] {
  list-style: none;
  /* Turn off numbered and unordered list decoration */
}

html:focus-within {
  scroll-behavior: smooth;
  /* Make the scrolling inside of any scrollable element smooth */
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  /* Makes link undelines look better */
}

dialog:-internal-dialog-in-top-layer::backdrop {
  background: rgba(51, 51, 51, 0.6);
}

img,
svg,
video,
canvas {
  max-width: 100%;
  /* Makes it responsive */
  height: auto;
  /* Makes it responsive */
  vertical-align: middle;
  /* Makes text next to inline images look better */
  font-style: italic;
  /* If the images don't load it makes the alt decription look better */
  background-repeat: no-repeat;
  /* The background repeat and size are there if you want to load a picture first like a backroung image that is worse quality while the better quality image loads */
  background-size: cover;
}

input,
button,
textarea,
select {
  font: inherit;
  /* Makes these elements inherit fonts */
  cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    transition: none;
  }
}
body,
html {
  height: 100%;
  /* Makes the body element full screen */
  /* Makes normal scrolling smooth */
}

body,
dialog {
  overflow-x: hidden;
}

body {
  margin: 0 auto;
}

#preloader {
  position: fixed;
  inset: 0;
  background: #050305;
  display: flex;
  z-index: 2000;
  padding: 18px 20px;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition: all 0.35s ease;
}
#preloader > div {
  padding: 18px 20px;
}
#preloader > div > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 478px;
  height: 77px;
  transition: all 0.5s ease;
}
#preloader > div > svg.active {
  top: 18px;
  left: 20px;
  transform: unset;
  width: clamp(168px, 168px + 190.4 * (100vw - 360px) / 408, 358.4px);
  height: clamp(27px, 27px + 30.475 * (100vw - 360px) / 408, 57.475px);
}
@media screen and (min-width: 1024px) {
  #preloader > div > svg.active {
    width: clamp(221.867px, 21.5vw, 416px);
    height: clamp(35.58px, 3.5vw, 66.712px);
  }
}

#preloader .preloader__inner svg {
  opacity: 0;
  /* збігається з gsap.set */
}

#preloader.is-done {
  opacity: 0;
  visibility: hidden;
}

body.preloading {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  #preloader,
  #preloader .preloader__inner {
    transition: none !important;
  }
}
.button-with-plus {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  background-color: transparent;
  border: none;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .button-with-plus:hover > div:first-child > span:first-child {
    top: 0;
    left: clamp(-18.667px, -0.972vw, -9.956px);
  }
  .button-with-plus:hover > div:first-child > span:last-child {
    top: 0;
    right: clamp(-18.667px, -0.972vw, -9.956px);
  }
  .button-with-plus:hover > div:last-child > span:first-child {
    bottom: 0;
    left: clamp(-18.667px, -0.972vw, -9.956px);
  }
  .button-with-plus:hover > div:last-child > span:last-child {
    bottom: 0;
    right: clamp(-18.667px, -0.972vw, -9.956px);
  }
}
.button-with-plus > div {
  display: flex;
  justify-content: space-between;
  height: clamp(14px, 14px + 15.867 * (100vw - 360px) / 408, 29.867px);
}
@media screen and (min-width: 1024px) {
  .button-with-plus > div {
    height: clamp(9.956px, 0.972vw, 18.667px);
  }
}
.button-with-plus > div:first-child > span {
  position: absolute;
  display: flex;
}
.button-with-plus > div:first-child > span:first-child {
  top: clamp(7px, 7px + 7.933 * (100vw - 360px) / 408, 14.933px);
  left: clamp(-7px, -7px + -9 * (100vw - 360px) / 408, -16px);
}
@media screen and (min-width: 1024px) {
  .button-with-plus > div:first-child > span:first-child {
    top: clamp(4.978px, 0.486vw, 9.334px);
    left: clamp(-9.334px, -0.486vw, -4.978px);
  }
}
.button-with-plus > div:first-child > span:last-child {
  top: clamp(7px, 7px + 7.933 * (100vw - 360px) / 408, 14.933px);
  right: clamp(-7px, -7px + -9 * (100vw - 360px) / 408, -16px);
}
@media screen and (min-width: 1024px) {
  .button-with-plus > div:first-child > span:last-child {
    top: clamp(4.978px, 0.486vw, 9.334px);
    right: clamp(-9.334px, -0.486vw, -4.978px);
  }
}
.button-with-plus > div:last-child > span {
  position: absolute;
  display: flex;
}
.button-with-plus > div:last-child > span:first-child {
  bottom: clamp(7px, 7px + 8 * (100vw - 360px) / 408, 15px);
  left: clamp(-7px, -7px + -9 * (100vw - 360px) / 408, -16px);
}
@media screen and (min-width: 1024px) {
  .button-with-plus > div:last-child > span:first-child {
    bottom: clamp(4.978px, 0.486vw, 9.334px);
    left: clamp(-9.334px, -0.486vw, -4.978px);
  }
}
.button-with-plus > div:last-child > span:last-child {
  bottom: clamp(7px, 7px + 8 * (100vw - 360px) / 408, 15px);
  right: clamp(-7px, -7px + -9 * (100vw - 360px) / 408, -16px);
}
@media screen and (min-width: 1024px) {
  .button-with-plus > div:last-child > span:last-child {
    bottom: clamp(4.978px, 0.486vw, 9.334px);
    right: clamp(-9.334px, -0.486vw, -4.978px);
  }
}
.button-with-plus > div > span {
  width: clamp(14px, 14px + 15.867 * (100vw - 360px) / 408, 29.867px);
  height: clamp(14px, 14px + 15.867 * (100vw - 360px) / 408, 29.867px);
  transition: all 0.5s ease-in-out;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .button-with-plus > div > span {
    width: clamp(9.956px, 0.972vw, 18.667px);
    height: clamp(9.956px, 0.972vw, 18.667px);
  }
}
.button-with-plus > div > span > svg {
  width: clamp(14px, 14px + 15.867 * (100vw - 360px) / 408, 29.867px);
  height: clamp(14px, 14px + 15.867 * (100vw - 360px) / 408, 29.867px);
  stroke: #ffb361;
  transition: all 0.5s ease-in-out;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .button-with-plus > div > span > svg {
    width: clamp(9.956px, 0.972vw, 18.667px);
    height: clamp(9.956px, 0.972vw, 18.667px);
  }
}
.button-with-plus > span {
  border: 1px solid rgba(242, 149, 67, 0.4);
  background: rgba(242, 149, 67, 0.2);
  padding: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  color: #f29543;
  text-align: center;
  font-family: "Eurostile-Extended";
  font-size: clamp(12px, 12px + 13.6 * (100vw - 360px) / 408, 25.6px);
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .button-with-plus > span {
    font-size: clamp(8.533px, 0.833vw, 16px);
    padding: clamp(13.51px, 1.32vw, 25.335px);
  }
  .button-with-plus > span:hover {
    background: rgba(242, 149, 67, 0.5);
  }
}

.no-scroll {
  overflow: hidden;
}

.header {
  position: fixed;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 50px;
  background-color: transparent;
  padding: 18px 20px;
  width: 100dvw;
  transition: all 0.5s ease-in-out;
}
.header.open-menu {
  background-color: #050305;
  transition: all 0.5s ease-in-out;
  height: -moz-fit-content;
  height: fit-content;
}
.header.open-menu > div > button {
  opacity: 0;
  visibility: hidden;
}
.header.open-menu > div > div > button > span:first-child > svg {
  transform: rotate(45deg);
}
.header.open-menu > div > div > nav {
  opacity: 1;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.header.open-menu > div > div > nav > ul {
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding-block: 20px;
}
.header.open-menu > div > div > nav > ul > li > button,
.header.open-menu > div > div > nav > ul > li > a {
  pointer-events: unset;
}
.header > a {
  display: flex;
  width: clamp(168px, 168px + 190.4 * (100vw - 360px) / 408, 358.4px);
  height: clamp(27px, 27px + 30.475 * (100vw - 360px) / 408, 57.475px);
}
@media screen and (min-width: 1024px) {
  .header > a {
    width: clamp(221.867px, 21.5vw, 416px);
    height: clamp(35.58px, 3.5vw, 66.712px);
  }
}
.header > a > span {
  width: clamp(168px, 168px + 190.4 * (100vw - 360px) / 408, 358.4px);
  height: clamp(27px, 27px + 30.475 * (100vw - 360px) / 408, 57.475px);
}
@media screen and (min-width: 1024px) {
  .header > a > span {
    width: clamp(221.867px, 21.5vw, 416px);
    height: clamp(35.58px, 3.5vw, 66.712px);
  }
}
.header > a > span > svg {
  width: clamp(168px, 168px + 190.4 * (100vw - 360px) / 408, 358.4px);
  height: clamp(27px, 27px + 30.475 * (100vw - 360px) / 408, 57.475px);
  fill: #ffffff;
}
@media screen and (min-width: 1024px) {
  .header > a > span > svg {
    width: clamp(221.867px, 21.5vw, 416px);
    height: clamp(35.58px, 3.5vw, 66.712px);
  }
}
.header > div {
  display: flex;
  align-items: flex-start;
  gap: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
}
.header > div > button {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  width: clamp(59px, 59px + 66 * (100vw - 360px) / 408, 125px);
  height: -moz-fit-content;
  height: fit-content;
  gap: clamp(4px, 4px + 4.53 * (100vw - 360px) / 408, 8.53px);
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .header > div > button {
    gap: clamp(2.844px, 0.296vw, 5.689px);
    width: -moz-fit-content;
    width: fit-content;
  }
}
.header > div > button > span:first-child {
  color: #ffb361;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  text-transform: uppercase;
  width: clamp(31px, 31px + 34.16 * (100vw - 360px) / 408, 65.16px);
}
@media screen and (min-width: 1024px) {
  .header > div > button > span:first-child {
    font-size: clamp(12.8px, 1.25vw, 24px);
    width: unset;
  }
}
.header > div > button > span:last-child {
  width: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  height: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  display: flex;
}
@media screen and (min-width: 1024px) {
  .header > div > button > span:last-child {
    width: clamp(17.067px, 1.25vw, 32px);
    height: clamp(17.067px, 1.25vw, 32px);
  }
}
.header > div > button > span:last-child > svg {
  width: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  height: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  stroke: #ffb361;
}
@media screen and (min-width: 1024px) {
  .header > div > button > span:last-child > svg {
    width: clamp(17.067px, 1.25vw, 32px);
    height: clamp(17.067px, 1.25vw, 32px);
  }
}
.header > div > div {
  height: -moz-fit-content;
  height: fit-content;
  width: clamp(72px, 72px + 81.211 * (100vw - 360px) / 408, 153.211px);
}
@media screen and (min-width: 1024px) {
  .header > div > div {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.header > div > div > a {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  gap: clamp(8px, 8px + 9.07 * (100vw - 360px) / 408, 17.07px);
  margin-left: auto;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .header > div > div > a {
    gap: clamp(2.844px, 0.296vw, 5.689px);
  }
  .header > div > div > a:hover > span:first-child > svg {
    opacity: 1;
  }
}
.header > div > div > a > span:first-child {
  display: flex;
  width: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  height: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
}
@media screen and (min-width: 1024px) {
  .header > div > div > a > span:first-child {
    width: clamp(17.067px, 1.25vw, 32px);
    height: clamp(17.067px, 1.25vw, 32px);
  }
}
.header > div > div > a > span:first-child > svg {
  width: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  height: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  stroke: #ffb361;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .header > div > div > a > span:first-child > svg {
    width: clamp(17.067px, 1.25vw, 32px);
    height: clamp(17.067px, 1.25vw, 32px);
  }
}
.header > div > div > a > span:last-child {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .header > div > div > a > span:last-child {
    font-size: clamp(12.8px, 1.25vw, 24px);
  }
}
.header > div > div > a.open > span:last-child {
  color: #ffb361;
}
.header > div > div > button {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  gap: clamp(8px, 8px + 9.07 * (100vw - 360px) / 408, 17.07px);
  margin-left: auto;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .header > div > div > button {
    display: none;
  }
}
.header > div > div > button > span:first-child {
  display: flex;
  width: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  height: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
}
.header > div > div > button > span:first-child > svg {
  width: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  height: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  stroke: #ffb361;
  transition: all 0.5s ease-in-out;
}
.header > div > div > button > span:last-child {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
.header > div > div > button.open > span:last-child {
  color: #ffb361;
}
.header > div > div > nav {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  max-height: 0;
}
@media screen and (min-width: 1024px) {
  .header > div > div > nav {
    max-height: -moz-fit-content;
    max-height: fit-content;
    opacity: 1;
  }
}
.header > div > div > nav > ul {
  padding-block: 0;
  max-height: 0;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .header > div > div > nav > ul {
    max-height: -moz-fit-content;
    max-height: fit-content;
    opacity: 1;
    display: flex;
    flex-direction: column;
    gap: clamp(9.244px, 1.111vw, 17.333px);
  }
}
.header > div > div > nav > ul > li {
  display: flex;
  justify-content: flex-end;
}
.header > div > div > nav > ul > li > button,
.header > div > div > nav > ul > li > a {
  background-color: transparent;
  border: none;
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
  padding-block: clamp(4px, 4px + 4.533 * (100vw - 360px) / 408, 8.533px);
  pointer-events: none;
  gap: clamp(8px, 8px + 9.067 * (100vw - 360px) / 408, 17.067px);
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .header > div > div > nav > ul > li > button,
  .header > div > div > nav > ul > li > a {
    gap: clamp(5.333px, 0.556vw, 10.667px);
    pointer-events: unset;
    padding-block: unset;
  }
  .header > div > div > nav > ul > li > button:hover > span:first-child > svg,
  .header > div > div > nav > ul > li > a:hover > span:first-child > svg {
    opacity: 1;
  }
  .header > div > div > nav > ul > li > button:hover > span:last-child,
  .header > div > div > nav > ul > li > a:hover > span:last-child {
    color: #ffb361;
  }
}
.header > div > div > nav > ul > li > button > span:first-child,
.header > div > div > nav > ul > li > a > span:first-child {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header > div > div > nav > ul > li > button > span:first-child,
  .header > div > div > nav > ul > li > a > span:first-child {
    display: flex;
  }
}
.header > div > div > nav > ul > li > button > span:first-child > svg,
.header > div > div > nav > ul > li > a > span:first-child > svg {
  opacity: 0;
  stroke: #ffb361;
  transition: all 0.5s ease-in-out;
  width: clamp(17.067px, 1.25vw, 32px);
  height: clamp(17.067px, 1.25vw, 32px);
}
.header > div > div > nav > ul > li > button > span:last-child,
.header > div > div > nav > ul > li > a > span:last-child {
  width: -moz-max-content;
  width: max-content;
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .header > div > div > nav > ul > li > button > span:last-child,
  .header > div > div > nav > ul > li > a > span:last-child {
    font-size: clamp(12.8px, 1.25vw, 24px);
  }
}
.header > div > div > nav > ul > li:last-child {
  display: flex;
  justify-content: flex-end;
  gap: clamp(4px, 4px + 4.533 * (100vw - 360px) / 408, 8.533px);
  padding-block: clamp(4px, 4px + 4.533 * (100vw - 360px) / 408, 8.533px);
}
.header > div > div > nav > ul > li:last-child > a,
.header > div > div > nav > ul > li:last-child > button {
  padding: 6px 8px;
}
.header > div > div > nav > ul > li:last-child > a > span,
.header > div > div > nav > ul > li:last-child > button > span {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  color: #f29543;
  font-family: "Input-Mono";
  font-size: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .header > div > div > nav > ul > li:last-child > a > span,
  .header > div > div > nav > ul > li:last-child > button > span {
    font-size: clamp(12.8px, 1.25vw, 24px);
  }
}
.header > div > div > nav > ul > li:last-child > a.active,
.header > div > div > nav > ul > li:last-child > button.active {
  border: 1px solid rgba(242, 149, 67, 0.4);
  background: rgba(242, 149, 67, 0.2);
}

.footer {
  background-color: #050305;
}
.footer__container {
  display: flex;
  gap: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  padding-block: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  padding-inline: clamp(10px, 10px + 11.333 * (100vw - 360px) / 408, 21.333px);
}
@media screen and (min-width: 1024px) {
  .footer__container {
    padding: clamp(11.378px, 1.111vw, 21.333px) clamp(19.2px, 1.875vw, 36px);
    flex-wrap: unset;
    gap: unset;
    max-width: 1920px;
    margin-inline: auto;
  }
}
.footer__container > a > span {
  width: clamp(158px, 158px + 179.067 * (100vw - 360px) / 408, 337.067px);
  height: clamp(30px, 30px + 34.105 * (100vw - 360px) / 408, 64.105px);
}
@media screen and (min-width: 1024px) {
  .footer__container > a > span {
    width: clamp(187.022px, 18.27vw, 350.667px);
    height: clamp(35.569px, 3.47vw, 66.692px);
  }
}
.footer__container > a > span > svg {
  width: clamp(158px, 158px + 179.067 * (100vw - 360px) / 408, 337.067px);
  height: clamp(30px, 30px + 34.105 * (100vw - 360px) / 408, 64.105px);
}
@media screen and (min-width: 1024px) {
  .footer__container > a > span > svg {
    width: clamp(187.022px, 18.27vw, 350.667px);
    height: clamp(35.569px, 3.47vw, 66.692px);
  }
}
.footer__container > p {
  color: #b9b9b9;
  font-family: "Input-Mono";
  font-size: clamp(14px, 14px + 15.867 * (100vw - 360px) / 408, 29.867px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .footer__container > p {
    font-size: clamp(9.956px, 0.972vw, 18.667px);
  }
}
.footer__container > nav > ul {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
}
@media screen and (min-width: 1024px) {
  .footer__container > nav > ul {
    gap: clamp(11.378px, 1.111vw, 21.333px);
  }
}
.footer__container > nav > ul > li > button,
.footer__container > nav > ul > li > a {
  background-color: transparent;
  border: none;
  text-decoration: none;
}
.footer__container > nav > ul > li > button > span,
.footer__container > nav > ul > li > a > span {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .footer__container > nav > ul > li > button > span,
  .footer__container > nav > ul > li > a > span {
    font-size: clamp(11.378px, 1.111vw, 21.333px);
  }
}

#sky {
  position: fixed;
  top: 0;
  width: 100dvw;
  height: 100dvh;
  background-color: black;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.star {
  opacity: 0;
  position: absolute;
  background: white;
  box-shadow: 0 0 20px 0 rgb(255, 255, 255);
  border-radius: 100%;
  transform-origin: 0 0;
  animation-timing-function: linear, linear !important;
  animation-iteration-count: infinite, infinite !important;
  animation-delay: -30s, -30s !important;
}

.size-1 {
  width: 1px;
  height: 1px;
}

.size-2 {
  width: 2px;
  height: 2px;
}

.axis-1 {
  animation: anim0 30215ms, fade9 30215ms;
}

.axis-2 {
  animation: anim0 40598ms, fade2 40598ms;
}

.axis-3 {
  animation: anim0 38801ms, fade6 38801ms;
}

.axis-4 {
  animation: anim4 37575ms, fade4 37575ms;
}

.axis-5 {
  animation: anim4 19760ms, fade2 19760ms;
}

.axis-6 {
  animation: anim4 43669ms, fade5 43669ms;
}

.axis-7 {
  animation: anim4 25970ms, fade5 25970ms;
}

.axis-8 {
  animation: anim8 33203ms, fade4 33203ms;
}

.axis-9 {
  animation: anim8 24618ms, fade4 24618ms;
}

.axis-10 {
  animation: anim8 39424ms, fade3 39424ms;
}

.axis-11 {
  animation: anim8 36485ms, fade4 36485ms;
}

.axis-12 {
  animation: anim12 32745ms, fade3 32745ms;
}

.axis-13 {
  animation: anim12 29832ms, fade1 29832ms;
}

.axis-14 {
  animation: anim12 34901ms, fade10 34901ms;
}

.axis-15 {
  animation: anim12 14013ms, fade3 14013ms;
}

.axis-16 {
  animation: anim16 39613ms, fade9 39613ms;
}

.axis-17 {
  animation: anim16 35441ms, fade6 35441ms;
}

.axis-18 {
  animation: anim16 34411ms, fade3 34411ms;
}

.axis-19 {
  animation: anim16 36682ms, fade5 36682ms;
}

.axis-20 {
  animation: anim20 19131ms, fade3 19131ms;
}

.axis-21 {
  animation: anim20 34356ms, fade5 34356ms;
}

.axis-22 {
  animation: anim20 18535ms, fade10 18535ms;
}

.axis-23 {
  animation: anim20 32267ms, fade4 32267ms;
}

.axis-24 {
  animation: anim24 38652ms, fade2 38652ms;
}

.axis-25 {
  animation: anim24 13114ms, fade4 13114ms;
}

.axis-26 {
  animation: anim24 44726ms, fade7 44726ms;
}

.axis-27 {
  animation: anim24 30815ms, fade8 30815ms;
}

.axis-28 {
  animation: anim28 18610ms, fade1 18610ms;
}

.axis-29 {
  animation: anim28 15841ms, fade10 15841ms;
}

.axis-30 {
  animation: anim28 32133ms, fade3 32133ms;
}

.axis-31 {
  animation: anim28 5998ms, fade3 5998ms;
}

.axis-32 {
  animation: anim32 16004ms, fade9 16004ms;
}

.axis-33 {
  animation: anim32 28578ms, fade6 28578ms;
}

.axis-34 {
  animation: anim32 7873ms, fade7 7873ms;
}

.axis-35 {
  animation: anim32 40019ms, fade3 40019ms;
}

.axis-36 {
  animation: anim36 34689ms, fade10 34689ms;
}

.axis-37 {
  animation: anim36 31593ms, fade1 31593ms;
}

.axis-38 {
  animation: anim36 32282ms, fade7 32282ms;
}

.axis-39 {
  animation: anim36 24840ms, fade5 24840ms;
}

.axis-40 {
  animation: anim40 35423ms, fade2 35423ms;
}

.axis-41 {
  animation: anim40 5666ms, fade7 5666ms;
}

.axis-42 {
  animation: anim40 18334ms, fade3 18334ms;
}

.axis-43 {
  animation: anim40 42552ms, fade1 42552ms;
}

.axis-44 {
  animation: anim44 15160ms, fade2 15160ms;
}

.axis-45 {
  animation: anim44 25163ms, fade8 25163ms;
}

.axis-46 {
  animation: anim44 8820ms, fade8 8820ms;
}

.axis-47 {
  animation: anim44 16464ms, fade7 16464ms;
}

.axis-48 {
  animation: anim48 9559ms, fade5 9559ms;
}

.axis-49 {
  animation: anim48 24604ms, fade8 24604ms;
}

.axis-50 {
  animation: anim48 35092ms, fade1 35092ms;
}

.axis-51 {
  animation: anim48 20287ms, fade1 20287ms;
}

.axis-52 {
  animation: anim52 34236ms, fade9 34236ms;
}

.axis-53 {
  animation: anim52 41426ms, fade3 41426ms;
}

.axis-54 {
  animation: anim52 41229ms, fade1 41229ms;
}

.axis-55 {
  animation: anim52 29546ms, fade2 29546ms;
}

.axis-56 {
  animation: anim56 19846ms, fade8 19846ms;
}

.axis-57 {
  animation: anim56 22567ms, fade7 22567ms;
}

.axis-58 {
  animation: anim56 17710ms, fade8 17710ms;
}

.axis-59 {
  animation: anim56 24848ms, fade1 24848ms;
}

.axis-60 {
  animation: anim60 26348ms, fade5 26348ms;
}

.axis-61 {
  animation: anim60 20198ms, fade9 20198ms;
}

.axis-62 {
  animation: anim60 16989ms, fade2 16989ms;
}

.axis-63 {
  animation: anim60 14670ms, fade3 14670ms;
}

.axis-64 {
  animation: anim64 43492ms, fade7 43492ms;
}

.axis-65 {
  animation: anim64 33803ms, fade6 33803ms;
}

.axis-66 {
  animation: anim64 13031ms, fade6 13031ms;
}

.axis-67 {
  animation: anim64 19782ms, fade3 19782ms;
}

.axis-68 {
  animation: anim68 39964ms, fade3 39964ms;
}

.axis-69 {
  animation: anim68 9488ms, fade9 9488ms;
}

.axis-70 {
  animation: anim68 42743ms, fade8 42743ms;
}

.axis-71 {
  animation: anim68 35190ms, fade4 35190ms;
}

.axis-72 {
  animation: anim72 13732ms, fade5 13732ms;
}

.axis-73 {
  animation: anim72 36614ms, fade4 36614ms;
}

.axis-74 {
  animation: anim72 36188ms, fade5 36188ms;
}

.axis-75 {
  animation: anim72 29305ms, fade2 29305ms;
}

.axis-76 {
  animation: anim76 38594ms, fade8 38594ms;
}

.axis-77 {
  animation: anim76 36965ms, fade6 36965ms;
}

.axis-78 {
  animation: anim76 38471ms, fade1 38471ms;
}

.axis-79 {
  animation: anim76 28881ms, fade8 28881ms;
}

.axis-80 {
  animation: anim80 10756ms, fade3 10756ms;
}

.axis-81 {
  animation: anim80 37387ms, fade6 37387ms;
}

.axis-82 {
  animation: anim80 13013ms, fade1 13013ms;
}

.axis-83 {
  animation: anim80 38185ms, fade6 38185ms;
}

.axis-84 {
  animation: anim84 39296ms, fade10 39296ms;
}

.axis-85 {
  animation: anim84 42540ms, fade4 42540ms;
}

.axis-86 {
  animation: anim84 33286ms, fade9 33286ms;
}

.axis-87 {
  animation: anim84 28868ms, fade9 28868ms;
}

.axis-88 {
  animation: anim88 32031ms, fade1 32031ms;
}

.axis-89 {
  animation: anim88 21701ms, fade7 21701ms;
}

.axis-90 {
  animation: anim88 7966ms, fade4 7966ms;
}

.axis-91 {
  animation: anim88 24434ms, fade5 24434ms;
}

.axis-92 {
  animation: anim92 35316ms, fade1 35316ms;
}

.axis-93 {
  animation: anim92 42393ms, fade6 42393ms;
}

.axis-94 {
  animation: anim92 12598ms, fade10 12598ms;
}

.axis-95 {
  animation: anim92 37181ms, fade1 37181ms;
}

.axis-96 {
  animation: anim96 23030ms, fade5 23030ms;
}

.axis-97 {
  animation: anim96 23975ms, fade9 23975ms;
}

.axis-98 {
  animation: anim96 40197ms, fade8 40197ms;
}

.axis-99 {
  animation: anim96 14654ms, fade1 14654ms;
}

.axis-100 {
  animation: anim100 5047ms, fade8 5047ms;
}

.axis-101 {
  animation: anim100 34171ms, fade6 34171ms;
}

.axis-102 {
  animation: anim100 32051ms, fade9 32051ms;
}

.axis-103 {
  animation: anim100 11396ms, fade3 11396ms;
}

.axis-104 {
  animation: anim104 26757ms, fade8 26757ms;
}

.axis-105 {
  animation: anim104 21216ms, fade1 21216ms;
}

.axis-106 {
  animation: anim104 14170ms, fade2 14170ms;
}

.axis-107 {
  animation: anim104 36972ms, fade9 36972ms;
}

.axis-108 {
  animation: anim108 30066ms, fade5 30066ms;
}

.axis-109 {
  animation: anim108 26986ms, fade5 26986ms;
}

.axis-110 {
  animation: anim108 12427ms, fade6 12427ms;
}

.axis-111 {
  animation: anim108 43112ms, fade2 43112ms;
}

.axis-112 {
  animation: anim112 44507ms, fade2 44507ms;
}

.axis-113 {
  animation: anim112 7970ms, fade3 7970ms;
}

.axis-114 {
  animation: anim112 33412ms, fade10 33412ms;
}

.axis-115 {
  animation: anim112 6578ms, fade5 6578ms;
}

.axis-116 {
  animation: anim116 14302ms, fade2 14302ms;
}

.axis-117 {
  animation: anim116 44450ms, fade7 44450ms;
}

.axis-118 {
  animation: anim116 10140ms, fade1 10140ms;
}

.axis-119 {
  animation: anim116 42430ms, fade5 42430ms;
}

.axis-120 {
  animation: anim120 7045ms, fade10 7045ms;
}

.axis-121 {
  animation: anim120 37336ms, fade6 37336ms;
}

.axis-122 {
  animation: anim120 18123ms, fade8 18123ms;
}

.axis-123 {
  animation: anim120 42650ms, fade3 42650ms;
}

.axis-124 {
  animation: anim124 21475ms, fade4 21475ms;
}

.axis-125 {
  animation: anim124 28472ms, fade6 28472ms;
}

.axis-126 {
  animation: anim124 21393ms, fade8 21393ms;
}

.axis-127 {
  animation: anim124 11915ms, fade10 11915ms;
}

.axis-128 {
  animation: anim128 12136ms, fade5 12136ms;
}

.axis-129 {
  animation: anim128 24377ms, fade6 24377ms;
}

.axis-130 {
  animation: anim128 31162ms, fade4 31162ms;
}

.axis-131 {
  animation: anim128 6265ms, fade10 6265ms;
}

.axis-132 {
  animation: anim132 34307ms, fade1 34307ms;
}

.axis-133 {
  animation: anim132 5719ms, fade2 5719ms;
}

.axis-134 {
  animation: anim132 32080ms, fade10 32080ms;
}

.axis-135 {
  animation: anim132 16068ms, fade10 16068ms;
}

.axis-136 {
  animation: anim136 12407ms, fade10 12407ms;
}

.axis-137 {
  animation: anim136 26860ms, fade7 26860ms;
}

.axis-138 {
  animation: anim136 11874ms, fade1 11874ms;
}

.axis-139 {
  animation: anim136 34326ms, fade1 34326ms;
}

.axis-140 {
  animation: anim140 36131ms, fade10 36131ms;
}

.axis-141 {
  animation: anim140 21564ms, fade10 21564ms;
}

.axis-142 {
  animation: anim140 24667ms, fade5 24667ms;
}

.axis-143 {
  animation: anim140 40008ms, fade1 40008ms;
}

.axis-144 {
  animation: anim144 6460ms, fade4 6460ms;
}

.axis-145 {
  animation: anim144 44102ms, fade1 44102ms;
}

.axis-146 {
  animation: anim144 7332ms, fade2 7332ms;
}

.axis-147 {
  animation: anim144 5742ms, fade1 5742ms;
}

.axis-148 {
  animation: anim148 24126ms, fade4 24126ms;
}

.axis-149 {
  animation: anim148 18355ms, fade1 18355ms;
}

.axis-150 {
  animation: anim148 24939ms, fade4 24939ms;
}

.axis-151 {
  animation: anim148 38208ms, fade1 38208ms;
}

.axis-152 {
  animation: anim152 26200ms, fade6 26200ms;
}

.axis-153 {
  animation: anim152 19670ms, fade4 19670ms;
}

.axis-154 {
  animation: anim152 16275ms, fade6 16275ms;
}

.axis-155 {
  animation: anim152 33072ms, fade5 33072ms;
}

.axis-156 {
  animation: anim156 39989ms, fade5 39989ms;
}

.axis-157 {
  animation: anim156 42998ms, fade1 42998ms;
}

.axis-158 {
  animation: anim156 35853ms, fade6 35853ms;
}

.axis-159 {
  animation: anim156 11038ms, fade6 11038ms;
}

.axis-160 {
  animation: anim160 13110ms, fade5 13110ms;
}

.axis-161 {
  animation: anim160 28298ms, fade10 28298ms;
}

.axis-162 {
  animation: anim160 33663ms, fade4 33663ms;
}

.axis-163 {
  animation: anim160 17698ms, fade1 17698ms;
}

.axis-164 {
  animation: anim164 22604ms, fade3 22604ms;
}

.axis-165 {
  animation: anim164 41458ms, fade9 41458ms;
}

.axis-166 {
  animation: anim164 23710ms, fade3 23710ms;
}

.axis-167 {
  animation: anim164 12219ms, fade2 12219ms;
}

.axis-168 {
  animation: anim168 11842ms, fade4 11842ms;
}

.axis-169 {
  animation: anim168 20281ms, fade2 20281ms;
}

.axis-170 {
  animation: anim168 35027ms, fade9 35027ms;
}

.axis-171 {
  animation: anim168 33857ms, fade4 33857ms;
}

.axis-172 {
  animation: anim172 14864ms, fade5 14864ms;
}

.axis-173 {
  animation: anim172 18275ms, fade10 18275ms;
}

.axis-174 {
  animation: anim172 34040ms, fade2 34040ms;
}

.axis-175 {
  animation: anim172 43193ms, fade10 43193ms;
}

.axis-176 {
  animation: anim176 32015ms, fade5 32015ms;
}

.axis-177 {
  animation: anim176 16622ms, fade7 16622ms;
}

.axis-178 {
  animation: anim176 41454ms, fade6 41454ms;
}

.axis-179 {
  animation: anim176 41778ms, fade6 41778ms;
}

.axis-180 {
  animation: anim180 44841ms, fade6 44841ms;
}

.axis-181 {
  animation: anim180 28492ms, fade2 28492ms;
}

.axis-182 {
  animation: anim180 6356ms, fade10 6356ms;
}

.axis-183 {
  animation: anim180 23344ms, fade2 23344ms;
}

.axis-184 {
  animation: anim184 14310ms, fade8 14310ms;
}

.axis-185 {
  animation: anim184 20066ms, fade2 20066ms;
}

.axis-186 {
  animation: anim184 25807ms, fade3 25807ms;
}

.axis-187 {
  animation: anim184 13886ms, fade8 13886ms;
}

.axis-188 {
  animation: anim188 14890ms, fade6 14890ms;
}

.axis-189 {
  animation: anim188 7088ms, fade9 7088ms;
}

.axis-190 {
  animation: anim188 6827ms, fade7 6827ms;
}

.axis-191 {
  animation: anim188 23839ms, fade2 23839ms;
}

.axis-192 {
  animation: anim192 12627ms, fade2 12627ms;
}

.axis-193 {
  animation: anim192 23010ms, fade7 23010ms;
}

.axis-194 {
  animation: anim192 12970ms, fade3 12970ms;
}

.axis-195 {
  animation: anim192 42213ms, fade8 42213ms;
}

.axis-196 {
  animation: anim196 17443ms, fade6 17443ms;
}

.axis-197 {
  animation: anim196 30023ms, fade9 30023ms;
}

.axis-198 {
  animation: anim196 28075ms, fade8 28075ms;
}

.axis-199 {
  animation: anim196 29197ms, fade6 29197ms;
}

.axis-200 {
  animation: anim200 26676ms, fade8 26676ms;
}

.axis-201 {
  animation: anim200 36914ms, fade2 36914ms;
}

.axis-202 {
  animation: anim200 16932ms, fade5 16932ms;
}

.axis-203 {
  animation: anim200 39002ms, fade4 39002ms;
}

.axis-204 {
  animation: anim204 40940ms, fade3 40940ms;
}

.axis-205 {
  animation: anim204 36215ms, fade8 36215ms;
}

.axis-206 {
  animation: anim204 12344ms, fade2 12344ms;
}

.axis-207 {
  animation: anim204 32430ms, fade6 32430ms;
}

.axis-208 {
  animation: anim208 7438ms, fade5 7438ms;
}

.axis-209 {
  animation: anim208 40954ms, fade7 40954ms;
}

.axis-210 {
  animation: anim208 31807ms, fade1 31807ms;
}

.axis-211 {
  animation: anim208 20387ms, fade7 20387ms;
}

.axis-212 {
  animation: anim212 35297ms, fade5 35297ms;
}

.axis-213 {
  animation: anim212 17497ms, fade7 17497ms;
}

.axis-214 {
  animation: anim212 36609ms, fade2 36609ms;
}

.axis-215 {
  animation: anim212 30107ms, fade2 30107ms;
}

.axis-216 {
  animation: anim216 35948ms, fade6 35948ms;
}

.axis-217 {
  animation: anim216 5537ms, fade5 5537ms;
}

.axis-218 {
  animation: anim216 20788ms, fade8 20788ms;
}

.axis-219 {
  animation: anim216 9543ms, fade10 9543ms;
}

.axis-220 {
  animation: anim220 14631ms, fade1 14631ms;
}

.axis-221 {
  animation: anim220 41833ms, fade2 41833ms;
}

.axis-222 {
  animation: anim220 44780ms, fade5 44780ms;
}

.axis-223 {
  animation: anim220 5616ms, fade6 5616ms;
}

.axis-224 {
  animation: anim224 32854ms, fade10 32854ms;
}

.axis-225 {
  animation: anim224 10237ms, fade7 10237ms;
}

.axis-226 {
  animation: anim224 8680ms, fade3 8680ms;
}

.axis-227 {
  animation: anim224 12853ms, fade5 12853ms;
}

.axis-228 {
  animation: anim228 37493ms, fade2 37493ms;
}

.axis-229 {
  animation: anim228 9881ms, fade6 9881ms;
}

.axis-230 {
  animation: anim228 5867ms, fade4 5867ms;
}

.axis-231 {
  animation: anim228 39333ms, fade10 39333ms;
}

.axis-232 {
  animation: anim232 26891ms, fade1 26891ms;
}

.axis-233 {
  animation: anim232 5409ms, fade9 5409ms;
}

.axis-234 {
  animation: anim232 37730ms, fade10 37730ms;
}

.axis-235 {
  animation: anim232 19350ms, fade5 19350ms;
}

.axis-236 {
  animation: anim236 14390ms, fade3 14390ms;
}

.axis-237 {
  animation: anim236 5524ms, fade7 5524ms;
}

.axis-238 {
  animation: anim236 43871ms, fade7 43871ms;
}

.axis-239 {
  animation: anim236 38958ms, fade10 38958ms;
}

.axis-240 {
  animation: anim240 20670ms, fade4 20670ms;
}

.axis-241 {
  animation: anim240 41513ms, fade5 41513ms;
}

.axis-242 {
  animation: anim240 16712ms, fade10 16712ms;
}

.axis-243 {
  animation: anim240 7769ms, fade10 7769ms;
}

.axis-244 {
  animation: anim244 25201ms, fade10 25201ms;
}

.axis-245 {
  animation: anim244 21412ms, fade2 21412ms;
}

.axis-246 {
  animation: anim244 31604ms, fade5 31604ms;
}

.axis-247 {
  animation: anim244 44367ms, fade7 44367ms;
}

.axis-248 {
  animation: anim248 40741ms, fade9 40741ms;
}

.axis-249 {
  animation: anim248 42148ms, fade3 42148ms;
}

.axis-250 {
  animation: anim248 21154ms, fade10 21154ms;
}

.axis-251 {
  animation: anim248 34998ms, fade7 34998ms;
}

.axis-252 {
  animation: anim252 24878ms, fade6 24878ms;
}

.axis-253 {
  animation: anim252 10478ms, fade9 10478ms;
}

.axis-254 {
  animation: anim252 13677ms, fade6 13677ms;
}

.axis-255 {
  animation: anim252 24646ms, fade4 24646ms;
}

.axis-256 {
  animation: anim256 17710ms, fade4 17710ms;
}

.axis-257 {
  animation: anim256 35829ms, fade4 35829ms;
}

.axis-258 {
  animation: anim256 23055ms, fade6 23055ms;
}

.axis-259 {
  animation: anim256 33543ms, fade1 33543ms;
}

.axis-260 {
  animation: anim260 34688ms, fade10 34688ms;
}

.axis-261 {
  animation: anim260 14735ms, fade2 14735ms;
}

.axis-262 {
  animation: anim260 24879ms, fade9 24879ms;
}

.axis-263 {
  animation: anim260 33292ms, fade1 33292ms;
}

.axis-264 {
  animation: anim264 12647ms, fade6 12647ms;
}

.axis-265 {
  animation: anim264 14097ms, fade2 14097ms;
}

.axis-266 {
  animation: anim264 32371ms, fade10 32371ms;
}

.axis-267 {
  animation: anim264 5408ms, fade7 5408ms;
}

.axis-268 {
  animation: anim268 12700ms, fade3 12700ms;
}

.axis-269 {
  animation: anim268 21065ms, fade8 21065ms;
}

.axis-270 {
  animation: anim268 23096ms, fade3 23096ms;
}

.axis-271 {
  animation: anim268 26408ms, fade7 26408ms;
}

.axis-272 {
  animation: anim272 21169ms, fade7 21169ms;
}

.axis-273 {
  animation: anim272 40733ms, fade3 40733ms;
}

.axis-274 {
  animation: anim272 6418ms, fade4 6418ms;
}

.axis-275 {
  animation: anim272 34470ms, fade4 34470ms;
}

.axis-276 {
  animation: anim276 27285ms, fade5 27285ms;
}

.axis-277 {
  animation: anim276 24584ms, fade5 24584ms;
}

.axis-278 {
  animation: anim276 16831ms, fade1 16831ms;
}

.axis-279 {
  animation: anim276 9475ms, fade10 9475ms;
}

.axis-280 {
  animation: anim280 26469ms, fade1 26469ms;
}

.axis-281 {
  animation: anim280 23594ms, fade10 23594ms;
}

.axis-282 {
  animation: anim280 34444ms, fade1 34444ms;
}

.axis-283 {
  animation: anim280 34612ms, fade7 34612ms;
}

.axis-284 {
  animation: anim284 5163ms, fade6 5163ms;
}

.axis-285 {
  animation: anim284 32140ms, fade2 32140ms;
}

.axis-286 {
  animation: anim284 10019ms, fade3 10019ms;
}

.axis-287 {
  animation: anim284 23579ms, fade10 23579ms;
}

.axis-288 {
  animation: anim288 39687ms, fade1 39687ms;
}

.axis-289 {
  animation: anim288 26484ms, fade4 26484ms;
}

.axis-290 {
  animation: anim288 25836ms, fade9 25836ms;
}

.axis-291 {
  animation: anim288 38982ms, fade4 38982ms;
}

.axis-292 {
  animation: anim292 36450ms, fade5 36450ms;
}

.axis-293 {
  animation: anim292 5535ms, fade3 5535ms;
}

.axis-294 {
  animation: anim292 39108ms, fade8 39108ms;
}

.axis-295 {
  animation: anim292 12028ms, fade7 12028ms;
}

.axis-296 {
  animation: anim296 39583ms, fade3 39583ms;
}

.axis-297 {
  animation: anim296 39081ms, fade10 39081ms;
}

.axis-298 {
  animation: anim296 26814ms, fade4 26814ms;
}

.axis-299 {
  animation: anim296 16293ms, fade6 16293ms;
}

.axis-300 {
  animation: anim300 31213ms, fade4 31213ms;
}

.axis-301 {
  animation: anim300 30072ms, fade1 30072ms;
}

.axis-302 {
  animation: anim300 18976ms, fade5 18976ms;
}

.axis-303 {
  animation: anim300 11409ms, fade7 11409ms;
}

.axis-304 {
  animation: anim304 14570ms, fade5 14570ms;
}

.axis-305 {
  animation: anim304 5007ms, fade4 5007ms;
}

.axis-306 {
  animation: anim304 19807ms, fade5 19807ms;
}

.axis-307 {
  animation: anim304 12382ms, fade1 12382ms;
}

.axis-308 {
  animation: anim308 19076ms, fade2 19076ms;
}

.axis-309 {
  animation: anim308 6564ms, fade7 6564ms;
}

.axis-310 {
  animation: anim308 40152ms, fade6 40152ms;
}

.axis-311 {
  animation: anim308 43708ms, fade9 43708ms;
}

.axis-312 {
  animation: anim312 29065ms, fade1 29065ms;
}

.axis-313 {
  animation: anim312 13095ms, fade2 13095ms;
}

.axis-314 {
  animation: anim312 21253ms, fade8 21253ms;
}

.axis-315 {
  animation: anim312 28224ms, fade3 28224ms;
}

.axis-316 {
  animation: anim316 34298ms, fade6 34298ms;
}

.axis-317 {
  animation: anim316 9767ms, fade3 9767ms;
}

.axis-318 {
  animation: anim316 33474ms, fade3 33474ms;
}

.axis-319 {
  animation: anim316 18378ms, fade2 18378ms;
}

.axis-320 {
  animation: anim320 16491ms, fade6 16491ms;
}

.axis-321 {
  animation: anim320 29528ms, fade8 29528ms;
}

.axis-322 {
  animation: anim320 19014ms, fade3 19014ms;
}

.axis-323 {
  animation: anim320 10308ms, fade1 10308ms;
}

.axis-324 {
  animation: anim324 22499ms, fade6 22499ms;
}

.axis-325 {
  animation: anim324 11467ms, fade8 11467ms;
}

.axis-326 {
  animation: anim324 18292ms, fade3 18292ms;
}

.axis-327 {
  animation: anim324 27605ms, fade8 27605ms;
}

.axis-328 {
  animation: anim328 9399ms, fade10 9399ms;
}

.axis-329 {
  animation: anim328 12720ms, fade1 12720ms;
}

.axis-330 {
  animation: anim328 6335ms, fade4 6335ms;
}

.axis-331 {
  animation: anim328 28130ms, fade6 28130ms;
}

.axis-332 {
  animation: anim332 40255ms, fade3 40255ms;
}

.axis-333 {
  animation: anim332 37718ms, fade9 37718ms;
}

.axis-334 {
  animation: anim332 23307ms, fade2 23307ms;
}

.axis-335 {
  animation: anim332 23863ms, fade3 23863ms;
}

.axis-336 {
  animation: anim336 44794ms, fade2 44794ms;
}

.axis-337 {
  animation: anim336 5283ms, fade8 5283ms;
}

.axis-338 {
  animation: anim336 40050ms, fade4 40050ms;
}

.axis-339 {
  animation: anim336 18235ms, fade10 18235ms;
}

.axis-340 {
  animation: anim340 7261ms, fade7 7261ms;
}

.axis-341 {
  animation: anim340 7844ms, fade1 7844ms;
}

.axis-342 {
  animation: anim340 30121ms, fade10 30121ms;
}

.axis-343 {
  animation: anim340 35901ms, fade5 35901ms;
}

.axis-344 {
  animation: anim344 29245ms, fade9 29245ms;
}

.axis-345 {
  animation: anim344 28931ms, fade10 28931ms;
}

.axis-346 {
  animation: anim344 21356ms, fade10 21356ms;
}

.axis-347 {
  animation: anim344 40616ms, fade7 40616ms;
}

.axis-348 {
  animation: anim348 13463ms, fade6 13463ms;
}

.axis-349 {
  animation: anim348 12108ms, fade1 12108ms;
}

.axis-350 {
  animation: anim348 32573ms, fade3 32573ms;
}

.axis-351 {
  animation: anim348 30244ms, fade5 30244ms;
}

.axis-352 {
  animation: anim352 40905ms, fade10 40905ms;
}

.axis-353 {
  animation: anim352 43144ms, fade7 43144ms;
}

.axis-354 {
  animation: anim352 32405ms, fade4 32405ms;
}

.axis-355 {
  animation: anim352 7339ms, fade3 7339ms;
}

.axis-356 {
  animation: anim356 32127ms, fade6 32127ms;
}

.axis-357 {
  animation: anim356 24738ms, fade9 24738ms;
}

.axis-358 {
  animation: anim356 40028ms, fade9 40028ms;
}

.axis-359 {
  animation: anim356 28715ms, fade4 28715ms;
}

.axis-360 {
  animation: anim360 18612ms, fade2 18612ms;
}

@keyframes fade1 {
  5% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade2 {
  18% {
    opacity: 0;
  }
  28% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade3 {
  2% {
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade4 {
  6% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade5 {
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade6 {
  11% {
    opacity: 0;
  }
  21% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade7 {
  16% {
    opacity: 0;
  }
  26% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade8 {
  6% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade9 {
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade10 {
  9% {
    opacity: 0;
  }
  19% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anim4 {
  100% {
    transform: translate(79.8051240208vw, 5.5805178995vh);
  }
}
@keyframes anim8 {
  100% {
    transform: translate(79.2214454993vw, 11.1338480768vh);
  }
}
@keyframes anim12 {
  100% {
    transform: translate(78.2518080587vw, 16.6329352654vh);
  }
}
@keyframes anim16 {
  100% {
    transform: translate(76.9009356751vw, 22.0509884654vh);
  }
}
@keyframes anim20 {
  100% {
    transform: translate(75.1754096629vw, 27.3616114661vh);
  }
}
@keyframes anim24 {
  100% {
    transform: translate(73.0836366114vw, 32.5389314461vh);
  }
}
@keyframes anim28 {
  100% {
    transform: translate(70.6358074287vw, 37.5577250229vh);
  }
}
@keyframes anim32 {
  100% {
    transform: translate(67.8438476925vw, 42.3935411387vh);
  }
}
@keyframes anim36 {
  100% {
    transform: translate(64.72135955vw, 47.0228201834vh);
  }
}
@keyframes anim40 {
  100% {
    transform: translate(61.2835554495vw, 51.4230087749vh);
  }
}
@keyframes anim44 {
  100% {
    transform: translate(57.5471840271vw, 55.5726696367vh);
  }
}
@keyframes anim48 {
  100% {
    transform: translate(53.5304485087vw, 59.4515860382vh);
  }
}
@keyframes anim52 {
  100% {
    transform: translate(49.252918026vw, 63.0408602885vh);
  }
}
@keyframes anim56 {
  100% {
    transform: translate(44.7354322777vw, 66.3230058044vh);
  }
}
@keyframes anim60 {
  100% {
    transform: translate(40vw, 69.2820323028vh);
  }
}
@keyframes anim64 {
  100% {
    transform: translate(35.0696917431vw, 71.9035237039vh);
  }
}
@keyframes anim68 {
  100% {
    transform: translate(29.9685274733vw, 74.1747083653vh);
  }
}
@keyframes anim72 {
  100% {
    transform: translate(24.72135955vw, 76.0845213036vh);
  }
}
@keyframes anim76 {
  100% {
    transform: translate(19.353751648vw, 77.6236581021vh);
  }
}
@keyframes anim80 {
  100% {
    transform: translate(13.8918542133vw, 78.784620241vh);
  }
}
@keyframes anim84 {
  100% {
    transform: translate(8.3622770614vw, 79.5617516295vh);
  }
}
@keyframes anim88 {
  100% {
    transform: translate(2.7919597362vw, 79.9512661615vh);
  }
}
@keyframes anim92 {
  100% {
    transform: translate(-2.7919597362vw, 79.9512661615vh);
  }
}
@keyframes anim96 {
  100% {
    transform: translate(-8.3622770614vw, 79.5617516295vh);
  }
}
@keyframes anim100 {
  100% {
    transform: translate(-13.8918542134vw, 78.784620241vh);
  }
}
@keyframes anim104 {
  100% {
    transform: translate(-19.353751648vw, 77.6236581021vh);
  }
}
@keyframes anim108 {
  100% {
    transform: translate(-24.72135955vw, 76.0845213036vh);
  }
}
@keyframes anim112 {
  100% {
    transform: translate(-29.9685274733vw, 74.1747083653vh);
  }
}
@keyframes anim116 {
  100% {
    transform: translate(-35.0696917431vw, 71.9035237039vh);
  }
}
@keyframes anim120 {
  100% {
    transform: translate(-40vw, 69.2820323027vh);
  }
}
@keyframes anim124 {
  100% {
    transform: translate(-44.7354322777vw, 66.3230058044vh);
  }
}
@keyframes anim128 {
  100% {
    transform: translate(-49.2529180261vw, 63.0408602885vh);
  }
}
@keyframes anim132 {
  100% {
    transform: translate(-53.5304485087vw, 59.4515860382vh);
  }
}
@keyframes anim136 {
  100% {
    transform: translate(-57.5471840271vw, 55.5726696367vh);
  }
}
@keyframes anim140 {
  100% {
    transform: translate(-61.2835554495vw, 51.4230087749vh);
  }
}
@keyframes anim144 {
  100% {
    transform: translate(-64.72135955vw, 47.0228201834vh);
  }
}
@keyframes anim148 {
  100% {
    transform: translate(-67.8438476924vw, 42.3935411387vh);
  }
}
@keyframes anim152 {
  100% {
    transform: translate(-70.6358074286vw, 37.5577250229vh);
  }
}
@keyframes anim156 {
  100% {
    transform: translate(-73.0836366112vw, 32.5389314461vh);
  }
}
@keyframes anim160 {
  100% {
    transform: translate(-75.1754096624vw, 27.3616114661vh);
  }
}
@keyframes anim164 {
  100% {
    transform: translate(-76.9009356743vw, 22.0509884654vh);
  }
}
@keyframes anim168 {
  100% {
    transform: translate(-78.2518080574vw, 16.6329352656vh);
  }
}
@keyframes anim172 {
  100% {
    transform: translate(-79.2214454971vw, 11.1338480771vh);
  }
}
@keyframes anim176 {
  100% {
    transform: translate(-79.8051240171vw, 5.5805179vh);
  }
}
@keyframes anim180 {
  100% {
    transform: translate(-79.9999999939vw, 0.0000000008vh);
  }
}
@keyframes anim184 {
  100% {
    transform: translate(-79.805124011vw, -5.5805178982vh);
  }
}
@keyframes anim188 {
  100% {
    transform: translate(-79.2214454836vw, -11.1338480746vh);
  }
}
@keyframes anim192 {
  100% {
    transform: translate(-78.2518080337vw, -16.6329352618vh);
  }
}
@keyframes anim196 {
  100% {
    transform: translate(-76.9009356358vw, -22.0509884595vh);
  }
}
@keyframes anim200 {
  100% {
    transform: translate(-75.1754096017vw, -27.3616114568vh);
  }
}
@keyframes anim204 {
  100% {
    transform: translate(-73.0836365169vw, -32.5389314314vh);
  }
}
@keyframes anim208 {
  100% {
    transform: translate(-70.6358072839vw, -37.557725vh);
  }
}
@keyframes anim212 {
  100% {
    transform: translate(-67.8438474725vw, -42.3935411032vh);
  }
}
@keyframes anim216 {
  100% {
    transform: translate(-64.7213592185vw, -47.022820129vh);
  }
}
@keyframes anim220 {
  100% {
    transform: translate(-61.2835549536vw, -51.423008692vh);
  }
}
@keyframes anim224 {
  100% {
    transform: translate(-57.5471832906vw, -55.5726695113vh);
  }
}
@keyframes anim228 {
  100% {
    transform: translate(-53.5304474226vw, -59.4515858499vh);
  }
}
@keyframes anim232 {
  100% {
    transform: translate(-49.2529164353vw, -63.0408600078vh);
  }
}
@keyframes anim236 {
  100% {
    transform: translate(-44.735429963vw, -66.3230053889vh);
  }
}
@keyframes anim240 {
  100% {
    transform: translate(-39.9999966533vw, -69.2820316917vh);
  }
}
@keyframes anim244 {
  100% {
    transform: translate(-35.0696869337vw, -71.9035228111vh);
  }
}
@keyframes anim248 {
  100% {
    transform: translate(-29.9685206026vw, -74.1747070689vh);
  }
}
@keyframes anim252 {
  100% {
    transform: translate(-24.721349791vw, -76.0845194323vh);
  }
}
@keyframes anim256 {
  100% {
    transform: translate(-19.3537378633vw, -77.6236554167vh);
  }
}
@keyframes anim260 {
  100% {
    transform: translate(-13.891834847vw, -78.7846164089vh);
  }
}
@keyframes anim264 {
  100% {
    transform: translate(-8.362249995vw, -79.5617461908vh);
  }
}
@keyframes anim268 {
  100% {
    transform: translate(-2.7919220994vw, -79.9512584836vh);
  }
}
@keyframes anim272 {
  100% {
    transform: translate(2.7920118149vw, -79.951255378vh);
  }
}
@keyframes anim276 {
  100% {
    transform: translate(8.3623487803vw, -79.5617365594vh);
  }
}
@keyframes anim280 {
  100% {
    transform: translate(13.8919525223vw, -78.7845992823vh);
  }
}
@keyframes anim284 {
  100% {
    transform: translate(19.3538857994vw, -77.6236290907vh);
  }
}
@keyframes anim288 {
  100% {
    transform: translate(24.7215418116vw, -76.0844813291vh);
  }
}
@keyframes anim292 {
  100% {
    transform: translate(29.9687740459vw, -74.1746535294vh);
  }
}
@keyframes anim296 {
  100% {
    transform: translate(35.0700239391vw, -71.9034488065vh);
  }
}
@keyframes anim300 {
  100% {
    transform: translate(40.0004457508vw, -69.2819304349vh);
  }
}
@keyframes anim304 {
  100% {
    transform: translate(44.7360280553vw, -66.3228678216vh);
  }
}
@keyframes anim308 {
  100% {
    transform: translate(49.2537112853vw, -63.0406741325vh);
  }
}
@keyframes anim312 {
  100% {
    transform: translate(53.5315007796vw, -59.4513358667vh);
  }
}
@keyframes anim316 {
  100% {
    transform: translate(57.5485748204vw, -55.5723347095vh);
  }
}
@keyframes anim320 {
  100% {
    transform: translate(61.2853871724vw, -51.4225620336vh);
  }
}
@keyframes anim324 {
  100% {
    transform: translate(64.7237636756vw, -47.0222264458vh);
  }
}
@keyframes anim328 {
  100% {
    transform: translate(67.8469924807vw, -42.39275481vh);
  }
}
@keyframes anim332 {
  100% {
    transform: translate(70.6399075605vw, -37.5566872034vh);
  }
}
@keyframes anim336 {
  100% {
    transform: translate(73.0889651791vw, -32.5375662873vh);
  }
}
@keyframes anim340 {
  100% {
    transform: translate(75.1823130503vw, -27.3598215917vh);
  }
}
@keyframes anim344 {
  100% {
    transform: translate(76.9098519779vw, -22.0486492345vh);
  }
}
@keyframes anim348 {
  100% {
    transform: translate(78.2632898269vw, -16.6298876035vh);
  }
}
@keyframes anim352 {
  100% {
    transform: translate(79.2361877464vw, -11.1298895415vh);
  }
}
@keyframes anim356 {
  100% {
    transform: translate(79.8239986358vw, -5.5753915744vh);
  }
}
@keyframes anim360 {
  100% {
    transform: translate(80.0240979233vw, 0.0066192762vh);
  }
}
.hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 667px;
  height: 100vh;
  max-height: 1024px;
  padding-inline: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
@media screen and (min-width: 1024px) {
  .hero {
    min-height: 600px;
    max-height: 1080px;
    padding-inline: clamp(26.31px, 2.575vw, 49.33px);
    max-width: 1920px;
    margin-inline: auto;
  }
}
.hero__container {
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 1024px) {
  .hero__container {
    width: clamp(512px, 50vw, 960px);
    margin-left: auto;
    margin-block: auto;
    padding-inline: 0;
  }
}
.hero__container > span {
  color: #bababa;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  margin-bottom: clamp(12px, 12px + 13.6 * (100vw - 360px) / 408, 25.6px);
}
@media screen and (min-width: 1024px) {
  .hero__container > span {
    font-size: clamp(12.8px, 1.25vw, 24px);
    margin-bottom: clamp(8.533px, 1.25vw, 16px);
  }
}
.hero__container > h1 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(29px, 29px + 32.867 * (100vw - 360px) / 408, 61.867px);
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  text-transform: uppercase;
  margin-bottom: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
@media screen and (min-width: 1024px) {
  .hero__container > h1 {
    margin-bottom: clamp(14.222px, 2.083vw, 26.667px);
    font-size: clamp(35.556px, 3.47vw, 66.667px);
    line-height: 125%;
  }
}
.hero__container > p {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  margin-bottom: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
  max-width: clamp(360px, 360px + 388 * (100vw - 360px) / 408, 748px);
}
@media screen and (min-width: 1024px) {
  .hero__container > p {
    font-size: clamp(12.8px, 1.25vw, 24px);
    max-width: clamp(290px, 30vw, 540px);
    margin-bottom: clamp(14.222px, 2.083vw, 26.667px);
  }
}

.mission {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 667px;
  height: 100vh;
  max-height: 1024px;
}
@media screen and (min-width: 1024px) {
  .mission {
    max-width: 1920px;
    margin-inline: auto;
  }
}
.mission__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(60px, 60px + 123.47 * (100vw - 360px) / 408, 183.47px);
}
@media screen and (min-width: 1024px) {
  .mission__container {
    flex-direction: row;
    gap: unset;
  }
}
.mission__container > div:first-child {
  display: flex;
  padding-block: clamp(20px, 20px + 22.667 * (100vw - 360px) / 408, 42.667px);
  padding-inline: clamp(22px, 22px + 24.933 * (100vw - 360px) / 408, 46.933px);
  background: linear-gradient(
    90deg,
    rgba(199, 219, 252, 0.2) 0%,
    rgba(199, 219, 252, 0) 100%
  );
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1024px) {
  .mission__container > div:first-child {
    padding: clamp(19.911px, 1.94vw, 37.333px) clamp(24.889px, 2.43vw, 46.667px);
    margin-bottom: -7.23vw;
    margin-top: auto;
  }
}
.mission__container > div:first-child > span {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(12px, 12px + 13.6 * (100vw - 360px) / 408, 25.6px);
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  text-transform: uppercase;
  width: clamp(217px, 217px + 245.93 * (100vw - 360px) / 408, 462.93px);
}
@media screen and (min-width: 1024px) {
  .mission__container > div:first-child > span {
    font-size: clamp(12.8px, 1.25vw, 24px);
    width: clamp(196.267px, 19.17vw, 368px);
  }
}
.mission__container > div:last-child {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 20px + 22.667 * (100vw - 360px) / 408, 42.667px);
  padding-inline: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
@media screen and (min-width: 1024px) {
  .mission__container > div:last-child {
    padding-right: clamp(52.62px, 5.15vw, 98.66px);
    padding-left: unset;
    gap: clamp(14.222px, 1.39vw, 26.667px);
    width: clamp(512px, 50vw, 960px);
  }
}
.mission__container > div:last-child > h2 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(20px, 20px + 22.667 * (100vw - 360px) / 408, 42.667px);
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .mission__container > div:last-child > h2 {
    font-size: clamp(23.467px, 2.28vw, 44px);
  }
}
.mission__container > div:last-child > p {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .mission__container > div:last-child > p {
    font-size: clamp(12.8px, 1.25vw, 24px);
  }
}

@media screen and (min-width: 1024px) {
  .goals {
    max-width: 1920px;
    margin-inline: auto;
  }
}
.goals__container {
  padding-inline: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
.goals__container--head {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 667px;
  height: 100vh;
  max-height: 1024px;
  padding-inline: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
  padding-bottom: clamp(86px, 86px + 97.47 * (100vw - 360px) / 408, 183.47px);
}
@media screen and (min-width: 1024px) {
  .goals__container--head {
    min-height: 600px;
    max-height: 1080px;
    padding-inline: clamp(52.62px, 5.15vw, 98.66px);
    padding-bottom: clamp(122.31px, 11.94vw, 229.33px);
    max-width: 1920px;
    margin-inline: auto;
  }
}
.goals__container--head > h2 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(20px, 20px + 22.667 * (100vw - 360px) / 408, 42.667px);
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  text-transform: uppercase;
  margin-top: auto;
}
@media screen and (min-width: 1024px) {
  .goals__container--head > h2 {
    font-size: clamp(23.467px, 2.28vw, 44px);
    margin-top: unset;
    width: clamp(512px, 50vw, 960px);
    margin-left: auto;
  }
}
.goals__container--head > div.astronaut-dark-left {
  position: absolute;
  left: 0;
  z-index: -1;
  bottom: clamp(217px, 217px + 245.93 * (100vw - 360px) / 408, 462.93px);
  transform: translate3d(0, 0, 0) scale(1);
  will-change: transform, opacity;
}
@media screen and (min-width: 1024px) {
  .goals__container--head > div.astronaut-dark-left {
    bottom: 0;
  }
}
.goals__container--head > div.astronaut-dark-left > img {
  width: clamp(218px, 218px + 247.067 * (100vw - 360px) / 408, 465.067px);
  height: clamp(309px, 309px + 350.2 * (100vw - 360px) / 408, 659.2px);
}
@media screen and (min-width: 1024px) {
  .goals__container--head > div.astronaut-dark-left > img {
    width: clamp(400.356px, 39.12vw, 750.667px);
    height: clamp(567.467px, 55.43vw, 1064px);
  }
}
.goals__container--head > div.astronaut-dark-right {
  position: absolute;
  right: 0;
  z-index: -1;
  bottom: clamp(217px, 217px + 245.93 * (100vw - 360px) / 408, 462.93px);
  transform: translate3d(0, 0, 0) scale(1);
  will-change: transform, opacity;
}
@media screen and (min-width: 1024px) {
  .goals__container--head > div.astronaut-dark-right {
    bottom: 0;
  }
}
.goals__container--head > div.astronaut-dark-right > img {
  transform: scaleX(-1);
  width: clamp(218px, 218px + 227.867 * (100vw - 360px) / 408, 445.867px);
  height: clamp(309px, 309px + 296.867 * (100vw - 360px) / 408, 605.867px);
}
@media screen and (min-width: 1024px) {
  .goals__container--head > div.astronaut-dark-right > img {
    width: clamp(394.667px, 38.68vw, 740px);
    height: clamp(536.889px, 52.46vw, 1006.667px);
  }
}
.goals__container--body {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: clamp(60px, 60px + 123 * (100vw - 360px) / 408, 183px);
  padding-top: clamp(335px, 335px + 379.68 * (100vw - 360px) / 408, 714.68px);
  padding-inline: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
@media screen and (min-width: 1024px) {
  .goals__container--body {
    gap: unset;
    padding-block: clamp(17.78px, 1.74vw, 33.33px);
    padding-inline: clamp(52.62px, 5.15vw, 98.66px);
  }
}
.goals__container--body > div.astronaut-left {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(0, 0, 0) scale(1);
  will-change: transform, opacity;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .goals__container--body > div.astronaut-left {
    top: 0;
    left: 0;
  }
}
.goals__container--body > div.astronaut-left > img {
  width: clamp(130px, 130px + 148.951 * (100vw - 360px) / 408, 278.951px);
  height: clamp(210px, 210px + 239.221 * (100vw - 360px) / 408, 449.221px);
}
@media screen and (min-width: 1024px) {
  .goals__container--body > div.astronaut-left > img {
    width: clamp(226.844px, 22.15vw, 425.333px);
    height: clamp(365.511px, 35.69vw, 685.333px);
  }
}
.goals__container--body > div.astronaut-right {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(0, 0, 0) scale(1);
  will-change: transform, opacity;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .goals__container--body > div.astronaut-right {
    top: 0;
    left: 0;
  }
}
.goals__container--body > div.astronaut-right > img {
  width: clamp(161px, 161px + 182.446 * (100vw - 360px) / 408, 343.446px);
  height: clamp(223px, 223px + 253.612 * (100vw - 360px) / 408, 476.612px);
}
@media screen and (min-width: 1024px) {
  .goals__container--body > div.astronaut-right > img {
    width: clamp(279.467px, 27.3vw, 524px);
    height: clamp(387.556px, 37.85vw, 726.667px);
  }
}
.goals__container--body > div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 1024px) {
  .goals__container--body > div {
    gap: clamp(14.222px, 1.39vw, 26.667px);
    width: clamp(225.42px, 22.02vw, 422.67px);
    margin-left: auto;
  }
  .goals__container--body > div:nth-child(2) {
    margin-left: unset;
  }
}
.goals__container--body > div > span {
  width: clamp(101px, 101px + 114.467 * (100vw - 360px) / 408, 215.467px);
  height: clamp(44px, 44px + 50.039 * (100vw - 360px) / 408, 94.039px);
}
@media screen and (min-width: 1024px) {
  .goals__container--body > div > span {
    width: clamp(71.822px, 7.01vw, 134.667px);
    height: clamp(31.346px, 3.06vw, 58.774px);
  }
}
.goals__container--body > div > span > svg {
  width: clamp(101px, 101px + 114.467 * (100vw - 360px) / 408, 215.467px);
  height: clamp(44px, 44px + 50.039 * (100vw - 360px) / 408, 94.039px);
}
@media screen and (min-width: 1024px) {
  .goals__container--body > div > span > svg {
    width: clamp(71.822px, 7.01vw, 134.667px);
    height: clamp(31.346px, 3.06vw, 58.774px);
  }
}
.goals__container--body > div > h3 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .goals__container--body > div > h3 {
    font-size: clamp(15.644px, 1.528vw, 29.333px);
  }
}
.goals__container--body > div > p {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .goals__container--body > div > p {
    font-size: clamp(12.8px, 1.25vw, 24px);
  }
}

.team {
  display: flex;
  flex-direction: column;
  min-height: 667px;
  height: 100vh;
  max-height: 1024px;
}
@media screen and (min-width: 1024px) {
  .team {
    min-height: 600px;
    max-height: 1080px;
    padding-inline: clamp(26.31px, 2.575vw, 49.33px);
    max-width: 1920px;
    margin-inline: auto;
  }
}
.team__container {
  display: flex;
  flex-direction: column;
  gap: clamp(60px, 60px + 68 * (100vw - 360px) / 408, 128px);
  padding-block: clamp(60px, 60px + 68 * (100vw - 360px) / 408, 128px);
}
@media screen and (min-width: 1024px) {
  .team__container {
    gap: clamp(45px, 8.26vw, 119px);
    padding-block: clamp(104.53px, 10.21vw, 196px);
  }
}
.team__container--head {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
  padding-inline: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
@media screen and (min-width: 1024px) {
  .team__container--head {
    gap: clamp(14.222px, 1.39vw, 26.667px);
    padding-inline: unset;
  }
}
.team__container--head > h2 {
  color: #fff;
  text-align: center;
  font-family: "Eurostile-Extended";
  font-size: clamp(20px, 20px + 22.667 * (100vw - 360px) / 408, 42.667px);
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .team__container--head > h2 {
    font-size: clamp(23.467px, 2.292vw, 44px);
  }
}
.team__container--head > p {
  color: #fff;
  text-align: center;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .team__container--head > p {
    font-size: clamp(12.8px, 1.25vw, 24px);
  }
}
.team__container--body {
  display: flex;
  flex-direction: column;
  gap: clamp(30px, 30px + 34.64 * (100vw - 360px) / 408, 64.64px);
}
@media screen and (min-width: 1024px) {
  .team__container--body {
    gap: unset;
  }
}
.team__container--body > ul {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  gap: clamp(28px, 28px + 31.733 * (100vw - 360px) / 408, 59.733px);
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 1024px) {
  .team__container--body > ul {
    gap: clamp(19.91px, 1.944vw, 37.33px);
    overflow-x: hidden;
    margin-inline: auto;
  }
}
.team__container--body > ul.is-dragging {
  cursor: grabbing;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.team__container--body > ul::-webkit-scrollbar {
  display: none;
}
.team__container--body > ul > li {
  cursor: pointer;
  height: 400px;
  min-width: clamp(300px, 300px + 340 * (100vw - 360px) / 408, 640px);
  width: clamp(300px, 300px + 340 * (100vw - 360px) / 408, 640px);
  height: clamp(400px, 400px + 453.333 * (100vw - 360px) / 408, 853.333px);
  position: relative;
  background-image: url("../images/team.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-block: clamp(25px, 25px + 28.33 * (100vw - 360px) / 408, 53.33px);
  padding-inline: clamp(30px, 30px + 34 * (100vw - 360px) / 408, 64px);
}
@media screen and (min-width: 1024px) {
  .team__container--body > ul > li {
    min-width: clamp(213.333px, 21.8vw, 400px);
    width: clamp(213.333px, 21.8vw, 400px);
    height: clamp(284.444px, 28.2vw, 533.333px);
    padding: clamp(17.78px, 1.74vw, 33.33px) clamp(21.33px, 2.08vw, 40px);
  }
  .team__container--body > ul > li:hover > div > span > svg {
    stroke: #ffb361 !important;
  }
}
.team__container--body > ul > li:first-child {
  margin-left: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
@media screen and (min-width: 1024px) {
  .team__container--body > ul > li:first-child {
    margin-left: unset;
  }
}
.team__container--body > ul > li:last-child {
  margin-right: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
@media screen and (min-width: 1024px) {
  .team__container--body > ul > li:last-child {
    margin-right: unset;
  }
}
.team__container--body > ul > li > div:first-child > span:first-child {
  width: 175px;
  height: 175px;
  position: absolute;
  top: 0;
  left: 0;
}
.team__container--body > ul > li > div:first-child > span:first-child > svg {
  width: 175px;
  height: 175px;
  stroke: #fff;
  transition: all 0.5s ease-in-out;
}
.team__container--body > ul > li > div:first-child > span:last-child {
  opacity: 0;
  width: 14px;
  height: 14px;
  position: absolute;
  top: -7px;
  right: -7px;
}
.team__container--body > ul > li > div:first-child > span:last-child > svg {
  width: 14px;
  height: 14px;
  stroke: #ffb361;
  transition: all 0.5s ease-in-out;
}
.team__container--body > ul > li > div:last-child > span:first-child {
  opacity: 0;
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: 0;
  left: -7px;
}
.team__container--body > ul > li > div:last-child > span:first-child > svg {
  width: 14px;
  height: 14px;
  stroke: #ffb361;
  transition: all 0.5s ease-in-out;
}
.team__container--body > ul > li > div:last-child > span:last-child {
  width: 125px;
  height: 225px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.team__container--body > ul > li > div:last-child > span:last-child > svg {
  width: 125px;
  height: 225px;
  stroke: #fff;
  transition: all 0.5s ease-in-out;
}
.team__container--body > ul > li > span.number {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(30px, 30px + 34 * (100vw - 360px) / 408, 64px);
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
  margin-left: auto;
}
@media screen and (min-width: 1024px) {
  .team__container--body > ul > li > span.number {
    font-size: clamp(21.333px, 2.084vw, 40px);
  }
}
.team__container--body > ul > li > span.svg {
  margin: auto;
  width: clamp(46px, 46px + 52.133 * (100vw - 360px) / 408, 98.133px);
  height: clamp(38px, 38px + 43.067 * (100vw - 360px) / 408, 81.067px);
}
@media screen and (min-width: 1024px) {
  .team__container--body > ul > li > span.svg {
    width: clamp(32.711px, 3.194vw, 61.334px);
    height: clamp(27.022px, 2.639vw, 50.667px);
  }
}
.team__container--body > ul > li > span.svg > svg {
  width: clamp(46px, 46px + 52.133 * (100vw - 360px) / 408, 98.133px);
  height: clamp(38px, 38px + 43.067 * (100vw - 360px) / 408, 81.067px);
}
@media screen and (min-width: 1024px) {
  .team__container--body > ul > li > span.svg > svg {
    width: clamp(32.711px, 3.194vw, 61.334px);
    height: clamp(27.022px, 2.639vw, 50.667px);
  }
}
.team__container--body > ul > li > p {
  color: #f29543;
  text-align: center;
  font-family: "Input-Mono";
  font-size: clamp(14px, 14px + 15.867 * (100vw - 360px) / 408, 29.867px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  margin-inline: auto;
  margin-bottom: clamp(40px, 40px + 45.33 * (100vw - 360px) / 408, 85.33px);
  width: clamp(125px, 125px + 141.666 * (100vw - 360px) / 408, 266.666px);
}
@media screen and (min-width: 1024px) {
  .team__container--body > ul > li > p {
    font-size: clamp(9.956px, 0.972vw, 18.667px);
    width: clamp(88.8889px, 8.68vw, 166.6667px);
    margin-bottom: clamp(56.89px, 5.56vw, 106.67px);
  }
}
.team__container--body > div.team__pagination {
  width: clamp(160px, 160px + 181 * (100vw - 360px) / 408, 341px);
  height: clamp(9px, 9px + 9.6 * (100vw - 360px) / 408, 18.6px);
  margin-inline: auto;
  border: 1px solid #f29543;
}
@media screen and (min-width: 1024px) {
  .team__container--body > div.team__pagination {
    display: none;
  }
}
.team__container--body > div.team__pagination > div {
  background-color: #f29543;
  height: clamp(9px, 9px + 9.6 * (100vw - 360px) / 408, 18.6px);
  width: 0%;
  transition: width 0.2s linear;
}

.news {
  display: flex;
  flex-direction: column;
  min-height: 667px;
  height: -moz-fit-content;
  height: fit-content;
  padding-inline: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
@media screen and (min-width: 1024px) {
  .news {
    padding-inline: clamp(26.31px, 2.575vw, 49.33px);
    max-width: 1920px;
    margin-inline: auto;
  }
}
.news__container {
  padding-inline: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
  padding-block: clamp(60px, 60px + 123 * (100vw - 360px) / 408, 183px);
  display: flex;
  flex-direction: column;
  gap: clamp(30px, 30px + 34 * (100vw - 360px) / 408, 64px);
}
@media screen and (min-width: 1024px) {
  .news__container {
    gap: clamp(35.76px, 3.49vw, 67.05px);
  }
}
.news__container > ul {
  position: relative;
  width: 100%;
  height: clamp(580px, 580px + 657.333 * (100vw - 360px) / 408, 1237.333px);
}
@media screen and (min-width: 1024px) {
  .news__container > ul {
    height: clamp(412.037px, 40.23vw, 772.57px);
  }
}
.news__container > ul > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
}
.news__container > ul > li.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  z-index: 1;
}
.news__container > ul > li.prev {
  transform: translateX(-100%);
}
.news__container > ul > li.next {
  transform: translateX(100%);
}
.news__container > ul > li > span:first-child {
  position: absolute;
  top: 4px;
  left: -4px;
  width: 267px;
  height: 268px;
  z-index: 3;
}
.news__container > ul > li > span:first-child > svg {
  width: 267px;
  height: 268px;
}
.news__container > ul > li > span:last-child {
  position: absolute;
  bottom: -4px;
  right: -4px;
  width: 194px;
  height: 339px;
  z-index: 3;
}
.news__container > ul > li > span:last-child > svg {
  width: 194px;
  height: 339px;
}
.news__container > ul > li > div {
  background-image: linear-gradient(
      0deg,
      rgba(5, 3, 5, 0.7) 0%,
      rgba(5, 3, 5, 0.7) 100%
    ),
    url("../images/news.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: clamp(90px, 90px + 102 * (100vw - 360px) / 408, 192px);
  padding-inline: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
  height: 100%;
  padding-bottom: clamp(70px, 70px + 81.47 * (100vw - 360px) / 408, 151.47px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-block: auto;
  --cut: 70px;
  clip-path: polygon(
    var(--cut) 0,
    100% 0,
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    0 100%,
    0 var(--cut)
  );
}
@media screen and (min-width: 1024px) {
  .news__container > ul > li > div {
    padding: clamp(79.22px, 8.83vw, 158.28px) clamp(229.69px, 22.43vw, 430.67px);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.news__container > ul > li > div > span {
  color: #f29543;
  font-family: "Eurostile-Extended";
  font-size: clamp(12px, 12px + 13.6 * (100vw - 360px) / 408, 25.6px);
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .news__container > ul > li > div > span {
    font-size: clamp(8.533px, 0.8336vw, 16px);
  }
}
.news__container > ul > li > div > h2 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(20px, 20px + 22.667 * (100vw - 360px) / 408, 42.667px);
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  text-transform: uppercase;
  margin-block: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
@media screen and (min-width: 1024px) {
  .news__container > ul > li > div > h2 {
    font-size: clamp(23.467px, 2.28vw, 44px);
    margin-block: clamp(14.222px, 1.39vw, 26.667px);
  }
}
.news__container > ul > li > div > p {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  margin-bottom: clamp(60px, 60px + 68 * (100vw - 360px) / 408, 128px);
}
@media screen and (min-width: 1024px) {
  .news__container > ul > li > div > p {
    font-size: clamp(12.8px, 1.25vw, 24px);
    margin-bottom: clamp(14.222px, 1.39vw, 26.667px);
  }
}
.news__container > ul > li > div > div {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .news__container > ul > li > div > div {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
.news__container > ul > li > div > div > div {
  padding-block: clamp(8px, 8px + 9.07 * (100vw - 360px) / 408, 17.07px);
  padding-inline: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  border-top: 1px solid rgba(199, 219, 252, 0.5);
  border-bottom: 1px solid rgba(199, 219, 252, 0.5);
  background: rgba(199, 219, 252, 0.2);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
}
@media screen and (min-width: 1024px) {
  .news__container > ul > li > div > div > div {
    padding: clamp(5.689px, 0.555vw, 10.667px) clamp(17.067px, 1.667vw, 32px);
    margin-top: unset;
  }
}
.news__container > ul > li > div > div > div > p {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(14px, 14px + 15.867 * (100vw - 360px) / 408, 29.867px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .news__container > ul > li > div > div > div > p {
    font-size: clamp(9.956px, 0.972vw, 18.667px);
  }
}
.news__container > div {
  display: flex;
  justify-content: center;
  gap: clamp(13px, 13px + 14.733 * (100vw - 360px) / 408, 27.733px);
}
@media screen and (min-width: 1024px) {
  .news__container > div {
    gap: clamp(9.244px, 0.903vw, 17.333px);
  }
}
.news__container > div .dot {
  width: clamp(67.3px, 67.3px + 76.273 * (100vw - 360px) / 408, 143.573px);
  height: clamp(8.7px, 8.7px + 9.86 * (100vw - 360px) / 408, 18.56px);
  background-color: transparent;
  border: 1px solid #f29543;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .news__container > div .dot {
    width: clamp(47.858px, 4.675vw, 89.733px);
    height: clamp(6.187px, 0.604vw, 11.6px);
  }
}
.news__container > div .dot.active {
  background-color: #f29543;
}

.news-page {
  display: flex;
  flex-direction: column;
  min-height: 667px;
  height: -moz-fit-content;
  height: fit-content;
  padding-inline: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
@media screen and (min-width: 1024px) {
  .news-page {
    padding-inline: clamp(26.31px, 2.575vw, 49.33px);
    max-width: 1920px;
    margin-inline: auto;
  }
}
.news-page__container {
  display: flex;
  flex-direction: column;
  padding-block: clamp(74px, 74px + 70 * (100vw - 360px) / 408, 144px);
  gap: clamp(60px, 60px + 68 * (100vw - 360px) / 408, 128px);
}
@media screen and (min-width: 1024px) {
  .news-page__container {
    gap: clamp(34.18px, 3.2vw, 64px);
  }
}
.news-page__container > h1 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(20px, 20px + 22.667 * (100vw - 360px) / 408, 42.667px);
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .news-page__container > h1 {
    font-size: clamp(23.467px, 2.292vw, 44px);
  }
}
.news-page__container > ul {
  display: flex;
  flex-direction: column;
  gap: clamp(60px, 60px + 68 * (100vw - 360px) / 408, 128px);
}
@media screen and (min-width: 1024px) {
  .news-page__container > ul {
    gap: clamp(17.06px, 1.67vw, 32px);
  }
}
.news-page__container > ul > li {
  display: flex;
  flex-direction: column;
  gap: clamp(15px, 15px + 55 * (100vw - 360px) / 408, 70px);
}
@media screen and (min-width: 1024px) {
  .news-page__container > ul > li {
    gap: clamp(17.06px, 1.67vw, 32px);
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .news-page__container > ul > li > div:first-child {
    width: 45%;
  }
}
.news-page__container > ul > li > div:first-child > img {
  height: clamp(185px, 185px + 310 * (100vw - 360px) / 408, 495px);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .news-page__container > ul > li > div:first-child > img {
    height: clamp(248.89px, 24.3vw, 466.6667px);
  }
}
.news-page__container > ul > li > div:last-child {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 20px + 22.67 * (100vw - 360px) / 408, 42.67px);
}
@media screen and (min-width: 1024px) {
  .news-page__container > ul > li > div:last-child {
    width: 55%;
    gap: clamp(14.2222px, 1.389vw, 26.6667px);
  }
}
.news-page__container > ul > li > div:last-child > h1 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .news-page__container > ul > li > div:last-child > h1 {
    font-size: clamp(15.644px, 1.528vw, 29.333px);
  }
}
.news-page__container > ul > li > div:last-child > p {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .news-page__container > ul > li > div:last-child > p {
    font-size: clamp(12.8px, 1.25vw, 24px);
  }
}
.news-page__container > ul > li > div:last-child > div:first-child {
  padding-block: clamp(8px, 8px + 9.07 * (100vw - 360px) / 408, 17.07px);
  padding-inline: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  border-top: 1px solid rgba(199, 219, 252, 0.5);
  border-bottom: 1px solid rgba(199, 219, 252, 0.5);
  background: rgba(199, 219, 252, 0.2);
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1024px) {
  .news-page__container > ul > li > div:last-child > div:first-child {
    padding: clamp(5.689px, 0.555vw, 10.667px) clamp(17.067px, 1.667vw, 32px);
    margin-top: unset;
  }
}
.news-page__container > ul > li > div:last-child > div:first-child > p {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(14px, 14px + 15.867 * (100vw - 360px) / 408, 29.867px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .news-page__container > ul > li > div:last-child > div:first-child > p {
    font-size: clamp(9.956px, 0.972vw, 18.667px);
  }
}
@media screen and (min-width: 1024px) {
  .news-page__container > ul > li > div:last-child > div:last-child {
    display: flex;
    justify-content: space-between;
  }
}

.contact {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 667px;
  height: 100vh;
  max-height: 1024px;
}
.contact__container {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: clamp(10px, 10px + 11.333 * (100vw - 360px) / 408, 21.333px);
  padding-bottom: clamp(
    240px,
    240px + 355.33 * (100vw - 360px) / 408,
    595.33px
  );
  padding-inline: clamp(10px, 10px + 11.333 * (100vw - 360px) / 408, 21.333px);
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .contact__container {
    gap: clamp(14.222px, 1.39vw, 26.667px);
    padding: unset;
    padding-bottom: clamp(251.19px, 23.99vw, 466.17px);
    width: clamp(772.267px, 75.39vw, 1448px);
    max-width: 1920px;
    margin-inline: auto;
  }
}
.contact__container > h2 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(20px, 20px + 22.667 * (100vw - 360px) / 408, 42.667px);
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .contact__container > h2 {
    font-size: clamp(23.467px, 2.28vw, 44px);
  }
}
.contact__container > p {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .contact__container > p {
    font-size: clamp(12.8px, 1.25vw, 24px);
    width: clamp(460px, 45.09vw, 864px);
  }
}
.contact > div.moon-with-astronauts {
  position: absolute;
  bottom: 0;
  transform: translate3d(0, 0, 0) scale(1);
  will-change: transform, opacity;
}
.contact > div.moon-with-astronauts > img {
  width: clamp(922px, 922px + 1044.933 * (100vw - 360px) / 408, 1966.933px);
  height: clamp(215px, 215px + 243.667 * (100vw - 360px) / 408, 458.667px);
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .contact > div.moon-with-astronauts > img {
    width: 100vw;
    height: 100%;
  }
}

.modal-contact,
.modal-news {
  max-width: 748px;
  width: calc(100% - 20px);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.5s ease-in-out;
  z-index: 1000;
}
@media screen and (min-width: 576px) {
  .modal-contact,
  .modal-news {
    width: calc(100% - 72px);
  }
}
@media screen and (min-width: 1024px) {
  .modal-contact,
  .modal-news {
    max-width: unset;
    width: clamp(335.644px, 32.78vw, 629.333px);
    height: clamp(447.289px, 43.68vw, 838.667px);
  }
}
.modal-contact.is-open,
.modal-news.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}
.modal-contact > div:first-child > span:first-child,
.modal-news > div:first-child > span:first-child {
  width: 175px;
  height: 175px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.modal-contact > div:first-child > span:first-child > svg,
.modal-news > div:first-child > span:first-child > svg {
  width: 175px;
  height: 175px;
  stroke: #ffb361;
}
.modal-contact > div:first-child > span:last-child,
.modal-news > div:first-child > span:last-child {
  width: 14px;
  height: 14px;
  position: absolute;
  top: -10px;
  right: -7px;
  z-index: 3;
}
.modal-contact > div:first-child > span:last-child > svg,
.modal-news > div:first-child > span:last-child > svg {
  width: 14px;
  height: 14px;
  stroke: #ffb361;
  transition: all 0.5s ease-in-out;
}
.modal-contact > div:last-child > span:first-child,
.modal-news > div:last-child > span:first-child {
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: -3px;
  left: -7px;
  z-index: 3;
}
.modal-contact > div:last-child > span:first-child > svg,
.modal-news > div:last-child > span:first-child > svg {
  width: 14px;
  height: 14px;
  stroke: #ffb361;
  transition: all 0.5s ease-in-out;
}
.modal-contact > div:last-child > span:last-child,
.modal-news > div:last-child > span:last-child {
  width: 125px;
  height: 225px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.modal-contact > div:last-child > span:last-child > svg,
.modal-news > div:last-child > span:last-child > svg {
  width: 125px;
  height: 225px;
  stroke: #ffb361;
}
.modal-contact > button,
.modal-news > button {
  display: flex;
  flex-direction: column;
  padding: clamp(10px, 10px + 11.333 * (100vw - 360px) / 408, 21.333px);
  gap: clamp(10px, 10px + 11.333 * (100vw - 360px) / 408, 21.333px);
  background: #ffb361;
  border: none;
  z-index: 3;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 4px;
  right: 4px;
}
@media screen and (min-width: 1024px) {
  .modal-contact > button,
  .modal-news > button {
    padding: clamp(7.111px, 0.694vw, 13.333px);
    gap: clamp(7.111px, 0.694vw, 13.333px);
    right: clamp(-74.67px, -3.89vw, -39.82px);
  }
  .modal-contact > button:hover,
  .modal-news > button:hover {
    background: #f29543;
  }
}
.modal-contact > button > span:first-child,
.modal-news > button > span:first-child {
  width: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  height: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
}
@media screen and (min-width: 1024px) {
  .modal-contact > button > span:first-child,
  .modal-news > button > span:first-child {
    width: clamp(17.067px, 1.667vw, 32px);
    height: clamp(17.067px, 1.667vw, 32px);
  }
}
.modal-contact > button > span:first-child > svg,
.modal-news > button > span:first-child > svg {
  width: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  height: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
}
@media screen and (min-width: 1024px) {
  .modal-contact > button > span:first-child > svg,
  .modal-news > button > span:first-child > svg {
    width: clamp(17.067px, 1.667vw, 32px);
    height: clamp(17.067px, 1.667vw, 32px);
  }
}
.modal-contact > button > span:last-child,
.modal-news > button > span:last-child {
  color: #7a5732;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  writing-mode: sideways-lr;
}
@media screen and (min-width: 1024px) {
  .modal-contact > button > span:last-child,
  .modal-news > button > span:last-child {
    font-size: clamp(11.378px, 1.111vw, 21.333px);
  }
}
.modal-contact__container,
.modal-news__container {
  background-color: #2b333b;
  overflow: visible;
  padding-block: 100px;
  padding-inline: clamp(30px, 30px + 34 * (100vw - 360px) / 408, 64px);
  height: 100%;
  display: flex;
  align-items: center;
  --cut: 50px;
  clip-path: polygon(
    var(--cut) 0,
    100% 0,
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    0 100%,
    0 var(--cut)
  );
}
@media screen and (min-width: 1024px) {
  .modal-contact__container,
  .modal-news__container {
    padding: clamp(78.22px, 7.64vw, 146.67px) clamp(35.56px, 3.47vw, 66.67px)
      clamp(58.31px, 5.696vw, 109.33px);
  }
}
.modal-contact__container > div.first-step > h2,
.modal-news__container > div.first-step > h2 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(22px, 22px + 24.933 * (100vw - 360px) / 408, 46.933px);
  font-style: normal;
  font-weight: 900;
  line-height: 115%;
  text-transform: uppercase;
  margin-bottom: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  width: 90%;
}
@media screen and (min-width: 1024px) {
  .modal-contact__container > div.first-step > h2,
  .modal-news__container > div.first-step > h2 {
    font-size: clamp(15.644px, 1.528vw, 29.333px);
    margin-bottom: clamp(12.8px, 1.25vw, 24px);
  }
}
.modal-contact__container > div.first-step > p,
.modal-news__container > div.first-step > p {
  color: #bcc2c7;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  margin-bottom: clamp(25px, 25px + 28.33 * (100vw - 360px) / 408, 53.33px);
}
@media screen and (min-width: 1024px) {
  .modal-contact__container > div.first-step > p,
  .modal-news__container > div.first-step > p {
    font-size: clamp(12.8px, 1.25vw, 24px);
    margin-bottom: clamp(25.6px, 2.5vw, 48px);
  }
}
.modal-contact__container > div.first-step > div > form,
.modal-news__container > div.first-step > div > form {
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 8px + 9.07 * (100vw - 360px) / 408, 17.07px);
}
@media screen and (min-width: 1024px) {
  .modal-contact__container > div.first-step > div > form,
  .modal-news__container > div.first-step > div > form {
    gap: clamp(5.689px, 0.556vw, 10.667px);
  }
}
.modal-contact__container > div.first-step > div > form > div,
.modal-news__container > div.first-step > div > form > div {
  display: none !important;
}
.modal-contact__container > div.first-step > div > form > span > input,
.modal-news__container > div.first-step > div > form > span > input {
  padding-block: clamp(10px, 10px + 11.333 * (100vw - 360px) / 408, 21.333px);
  padding-inline: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  border: 1px solid #535b63;
  background: #212931;
  color: #f29543;
  font-family: "Eurostile-Extended";
  font-size: clamp(12px, 12px + 13.6 * (100vw - 360px) / 408, 25.6px);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .modal-contact__container > div.first-step > div > form > span > input,
  .modal-news__container > div.first-step > div > form > span > input {
    font-size: clamp(8.533px, 0.833vw, 16px);
    padding: clamp(7.111px, 0.694vw, 13.333px) clamp(17.067px, 1.667vw, 32px);
  }
}
.modal-contact__container > div.first-step > div > form > span > input:hover,
.modal-news__container > div.first-step > div > form > span > input:hover {
  background: #36414d !important;
}
.modal-contact__container > div.first-step > div > form > span > input:focus,
.modal-news__container > div.first-step > div > form > span > input:focus {
  border-color: #ffb361 !important;
  outline: none !important;
  background: #36414d !important;
}
.modal-contact__container
  > div.first-step
  > div
  > form
  > span
  > input:-webkit-autofill,
.modal-contact__container
  > div.first-step
  > div
  > form
  > span
  > input:-webkit-autofill:hover,
.modal-contact__container
  > div.first-step
  > div
  > form
  > span
  > input:-webkit-autofill:focus,
.modal-contact__container
  > div.first-step
  > div
  > form
  > span
  > input:-webkit-autofill:active,
.modal-news__container
  > div.first-step
  > div
  > form
  > span
  > input:-webkit-autofill,
.modal-news__container
  > div.first-step
  > div
  > form
  > span
  > input:-webkit-autofill:hover,
.modal-news__container
  > div.first-step
  > div
  > form
  > span
  > input:-webkit-autofill:focus,
.modal-news__container
  > div.first-step
  > div
  > form
  > span
  > input:-webkit-autofill:active {
  -webkit-text-fill-color: #f29543 !important;
  font-family: "Eurostile-Extended" !important;
  font-size: clamp(12px, 12px + 13.6 * (100vw - 360px) / 408, 25.6px);
  line-height: 100% !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 0 1000px #212931 inset !important;
  -webkit-transition: background-color 9999s ease-in-out 0s !important;
  transition: background-color 9999s ease-in-out 0s !important;
}
@media screen and (min-width: 1024px) {
  .modal-contact__container
    > div.first-step
    > div
    > form
    > span
    > input:-webkit-autofill,
  .modal-contact__container
    > div.first-step
    > div
    > form
    > span
    > input:-webkit-autofill:hover,
  .modal-contact__container
    > div.first-step
    > div
    > form
    > span
    > input:-webkit-autofill:focus,
  .modal-contact__container
    > div.first-step
    > div
    > form
    > span
    > input:-webkit-autofill:active,
  .modal-news__container
    > div.first-step
    > div
    > form
    > span
    > input:-webkit-autofill,
  .modal-news__container
    > div.first-step
    > div
    > form
    > span
    > input:-webkit-autofill:hover,
  .modal-news__container
    > div.first-step
    > div
    > form
    > span
    > input:-webkit-autofill:focus,
  .modal-news__container
    > div.first-step
    > div
    > form
    > span
    > input:-webkit-autofill:active {
    font-size: clamp(8.533px, 0.833vw, 16px);
  }
}
.modal-contact__container
  > div.first-step
  > div
  > form
  > span
  > input:-moz-autofill,
.modal-news__container
  > div.first-step
  > div
  > form
  > span
  > input:-moz-autofill {
  -moz-text-fill-color: #f29543 !important;
  font-family: "Eurostile-Extended" !important;
  font-size: clamp(12px, 12px + 13.6 * (100vw - 360px) / 408, 25.6px);
  line-height: 100% !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 0 1000px #212931 inset !important;
}
@media screen and (min-width: 1024px) {
  .modal-contact__container
    > div.first-step
    > div
    > form
    > span
    > input:-moz-autofill,
  .modal-news__container
    > div.first-step
    > div
    > form
    > span
    > input:-moz-autofill {
    font-size: clamp(8.533px, 0.833vw, 16px);
  }
}
.modal-contact__container > div.first-step > div > form > span > span,
.modal-news__container > div.first-step > div > form > span > span {
  font-family: "Eurostile-Extended";
  font-size: clamp(12px, 12px + 13.6 * (100vw - 360px) / 408, 25.6px);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
  margin-top: clamp(4px, 4px + 4.53 * (100vw - 360px) / 408, 8.53px);
}
@media screen and (min-width: 1024px) {
  .modal-contact__container > div.first-step > div > form > span > span,
  .modal-news__container > div.first-step > div > form > span > span {
    font-size: clamp(8.533px, 0.833vw, 16px);
  }
}
.modal-contact__container > div.first-step > div > form > button,
.modal-news__container > div.first-step > div > form > button {
  margin-top: clamp(22px, 22px + 24.933 * (100vw - 360px) / 408, 46.933px);
}
@media screen and (min-width: 1024px) {
  .modal-contact__container > div.first-step > div > form > button,
  .modal-news__container > div.first-step > div > form > button {
    margin-top: clamp(21.33px, 2.084vw, 40px);
  }
}
.modal-contact__container > div.second-step,
.modal-news__container > div.second-step {
  display: flex;
  flex-direction: column;
  gap: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
}
@media screen and (min-width: 1024px) {
  .modal-contact__container > div.second-step,
  .modal-news__container > div.second-step {
    gap: clamp(12.8px, 1.25vw, 24px);
  }
}
.modal-contact__container > div.second-step > h2,
.modal-news__container > div.second-step > h2 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(22px, 22px + 24.933 * (100vw - 360px) / 408, 46.933px);
  font-style: normal;
  font-weight: 900;
  line-height: 115%;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .modal-contact__container > div.second-step > h2,
  .modal-news__container > div.second-step > h2 {
    font-size: clamp(15.644px, 1.528vw, 29.333px);
  }
}
.modal-contact__container > div.second-step > p,
.modal-news__container > div.second-step > p {
  color: #bcc2c7;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .modal-contact__container > div.second-step > p,
  .modal-news__container > div.second-step > p {
    font-size: clamp(12.8px, 1.25vw, 24px);
  }
}

.modal-team {
  width: calc(100% - 20px);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.5s ease-in-out;
  z-index: 1000;
}
@media screen and (min-width: 576px) {
  .modal-team {
    width: calc(100% - 72px);
  }
}
@media screen and (min-width: 1024px) {
  .modal-team {
    max-width: unset;
    width: clamp(335.644px, 32.78vw, 629.333px);
    height: clamp(447.289px, 43.68vw, 838.667px);
  }
}
.modal-team.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}
.modal-team > div:first-child > span:first-child {
  width: 175px;
  height: 175px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.modal-team > div:first-child > span:first-child > svg {
  width: 175px;
  height: 175px;
  stroke: #ffb361;
}
.modal-team > div:first-child > span:last-child {
  width: 14px;
  height: 14px;
  position: absolute;
  top: -10px;
  right: -7px;
  z-index: 3;
}
.modal-team > div:first-child > span:last-child > svg {
  width: 14px;
  height: 14px;
  stroke: #ffb361;
  transition: all 0.5s ease-in-out;
}
.modal-team > div:last-child > span:first-child {
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: -3px;
  left: -7px;
  z-index: 3;
}
.modal-team > div:last-child > span:first-child > svg {
  width: 14px;
  height: 14px;
  stroke: #ffb361;
  transition: all 0.5s ease-in-out;
}
.modal-team > div:last-child > span:last-child {
  width: 125px;
  height: 225px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.modal-team > div:last-child > span:last-child > svg {
  width: 125px;
  height: 225px;
  stroke: #ffb361;
}
.modal-team > button {
  display: flex;
  flex-direction: column;
  padding: clamp(10px, 10px + 11.333 * (100vw - 360px) / 408, 21.333px);
  gap: clamp(10px, 10px + 11.333 * (100vw - 360px) / 408, 21.333px);
  background: #ffb361;
  border: none;
  z-index: 3;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 4px;
  right: 4px;
}
@media screen and (min-width: 1024px) {
  .modal-team > button {
    padding: clamp(7.111px, 0.694vw, 13.333px);
    gap: clamp(7.111px, 0.694vw, 13.333px);
    right: clamp(-74.67px, -3.89vw, -39.82px);
  }
  .modal-team > button:hover {
    background: #f29543;
  }
}
.modal-team > button > span:first-child {
  width: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  height: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
}
@media screen and (min-width: 1024px) {
  .modal-team > button > span:first-child {
    width: clamp(17.067px, 1.667vw, 32px);
    height: clamp(17.067px, 1.667vw, 32px);
  }
}
.modal-team > button > span:first-child > svg {
  width: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  height: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
}
@media screen and (min-width: 1024px) {
  .modal-team > button > span:first-child > svg {
    width: clamp(17.067px, 1.667vw, 32px);
    height: clamp(17.067px, 1.667vw, 32px);
  }
}
.modal-team > button > span:last-child {
  color: #7a5732;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  writing-mode: sideways-lr;
}
@media screen and (min-width: 1024px) {
  .modal-team > button > span:last-child {
    font-size: clamp(11.378px, 1.111vw, 21.333px);
  }
}
.modal-team__container {
  width: 100%;
  height: 100%;
  --cut: 50px;
  clip-path: polygon(
    var(--cut) 0,
    100% 0,
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    0 100%,
    0 var(--cut)
  );
}
.modal-team__container > video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.modal-team__container > div {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: clamp(30px, 30px + 34.105 * (100vw - 360px) / 408, 64.105px);
  padding-inline: clamp(30px, 30px + 34.105 * (100vw - 360px) / 408, 64.105px);
  padding-block: clamp(40px, 40px + 45.33 * (100vw - 360px) / 408, 85.33px);
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .modal-team__container > div {
    padding: clamp(33.42px, 2.222vw, 53.33px) clamp(35.56px, 3.47vw, 66.67px);
  }
}
.modal-team__container > div > h2 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(22px, 22px + 24.933 * (100vw - 360px) / 408, 46.933px);
  font-style: normal;
  font-weight: 900;
  line-height: 115%;
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
}
@media screen and (min-width: 1024px) {
  .modal-team__container > div > h2 {
    font-size: clamp(15.644px, 1.528vw, 29.333px);
    margin-bottom: clamp(12.8px, 1.25vw, 24px);
  }
}
.modal-team__container > div > p {
  color: #bcc2c7;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  margin-bottom: 30px;
  margin-bottom: clamp(30px, 30px + 34.105 * (100vw - 360px) / 408, 64.105px);
}
@media screen and (min-width: 1024px) {
  .modal-team__container > div > p {
    font-size: clamp(12.8px, 1.25vw, 24px);
    margin-bottom: clamp(25.6px, 2.5vw, 48px);
  }
}

.modal-contact .second-step,
.modal-news .second-step {
  display: none !important;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* коли показуємо подяку */
.show-success .first-step {
  display: none !important;
  opacity: 0;
}

.show-success .second-step {
  display: flex !important;
  opacity: 1;
  transform: translateY(0);
}

/* підкинь у свій CSS */
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: #050305;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 900;
  /* нижче за модалки (у тебе модалки на z-index:1000) */
}

.modal-backdrop.show {
  opacity: 0.8;
  /* 80% */
  visibility: visible;
  pointer-events: auto;
  /* щоб ловити клік для закриття */
}

.moon {
  position: fixed;
  left: 0;
  top: 0;
  transform: translate3d(0, 0, 0) scale(1);
  will-change: transform, opacity;
}
.moon > img {
  width: clamp(130px, 130px + 147.333 * (100vw - 360px) / 408, 277.333px);
  height: clamp(130px, 130px + 147.333 * (100vw - 360px) / 408, 277.333px);
}
@media screen and (min-width: 1024px) {
  .moon > img {
    width: clamp(172.089px, 16.8vw, 322.667px);
    height: clamp(172.089px, 16.8vw, 322.667px);
  }
}

.earth > img {
  width: clamp(320px, 320px + 362.667 * (100vw - 360px) / 408, 682.667px);
  height: clamp(320px, 320px + 362.667 * (100vw - 360px) / 408, 682.667px);
}
@media screen and (min-width: 1024px) {
  .earth > img {
    width: clamp(560.356px, 54.7vw, 1050.667px);
    height: clamp(561.067px, 54.7vw, 1052px);
  }
}

.is-hidden {
  opacity: 0;
  visibility: hidden;
}

#global-decor {
  pointer-events: none;
}

.decor-image {
  position: fixed;
  left: 0;
  top: 0;
  transform: translate3d(0, 0, 0) scale(1);
  will-change: transform, opacity;
}

[data-reveal] {
  opacity: 0;
  transform: translate3d(0, var(--reveal-y, 24px), 0);
  will-change: transform, opacity;
}

.single-news {
  display: flex;
  flex-direction: column;
  min-height: 667px;
  height: -moz-fit-content;
  height: fit-content;
  padding-inline: clamp(10px, 10px + 11.33 * (100vw - 360px) / 408, 21.33px);
}
@media screen and (min-width: 1024px) {
  .single-news {
    padding-inline: clamp(26.31px, 2.575vw, 49.33px);
    max-width: 1920px;
    margin-inline: auto;
  }
}
.single-news__container {
  display: flex;
  flex-direction: column;
  gap: clamp(60px, 60px + 68 * (100vw - 360px) / 408, 128px);
  padding-block: clamp(74px, 74px + 70 * (100vw - 360px) / 408, 144px);
}
@media screen and (min-width: 1024px) {
  .single-news__container {
    gap: clamp(17.06px, 1.67vw, 32px);
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .single-news__container > div:first-child {
    width: 45%;
  }
}
.single-news__container > div:first-child > img {
  height: clamp(353px, 353px + 400.063 * (100vw - 360px) / 408, 753.063px);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .single-news__container > div:first-child > img {
    height: clamp(465.778px, 45.49vw, 873.333px);
  }
}
.single-news__container > div:last-child {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 20px + 22.67 * (100vw - 360px) / 408, 42.67px);
}
@media screen and (min-width: 1024px) {
  .single-news__container > div:last-child {
    width: 55%;
    gap: clamp(14.2222px, 1.389vw, 26.6667px);
  }
}
.single-news__container > div:last-child > h1 {
  color: #fff;
  font-family: "Eurostile-Extended";
  font-size: clamp(18px, 18px + 20.4 * (100vw - 360px) / 408, 38.4px);
  font-style: normal;
  font-weight: 900;
  line-height: 135%;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .single-news__container > div:last-child > h1 {
    font-size: clamp(15.644px, 1.528vw, 29.333px);
  }
}
.single-news__container > div:last-child > p {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(16px, 16px + 18.133 * (100vw - 360px) / 408, 34.133px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .single-news__container > div:last-child > p {
    font-size: clamp(12.8px, 1.25vw, 24px);
  }
}
.single-news__container > div:last-child > div:first-child {
  padding-block: clamp(8px, 8px + 9.07 * (100vw - 360px) / 408, 17.07px);
  padding-inline: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
  border-top: 1px solid rgba(199, 219, 252, 0.5);
  border-bottom: 1px solid rgba(199, 219, 252, 0.5);
  background: rgba(199, 219, 252, 0.2);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: clamp(24px, 24px + 27.2 * (100vw - 360px) / 408, 51.2px);
}
@media screen and (min-width: 1024px) {
  .single-news__container > div:last-child > div:first-child {
    padding: clamp(5.689px, 0.555vw, 10.667px) clamp(17.067px, 1.667vw, 32px);
    margin-top: unset;
  }
}
.single-news__container > div:last-child > div:first-child > p {
  color: #fff;
  font-family: "Input-Mono";
  font-size: clamp(14px, 14px + 15.867 * (100vw - 360px) / 408, 29.867px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media screen and (min-width: 1024px) {
  .single-news__container > div:last-child > div:first-child > p {
    font-size: clamp(9.956px, 0.972vw, 18.667px);
  }
}
@media screen and (min-width: 1024px) {
  .single-news__container > div:last-child > div:last-child {
    display: flex;
    justify-content: space-between;
  }
} /*# sourceMappingURL=index.css.map */