* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  background-color: #505052;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

.page {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.page__head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  height: 30%;
  background: linear-gradient(0deg, rgba(115, 115, 115, 0) 0.558%, rgb(0, 0, 0) 72.196%);
}
.page__head-light {
  position: absolute;
  width: 140%;
  aspect-ratio: 1022/428;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -35%);
}
.page__head-light svg {
  width: 100%;
  height: 100%;
  animation: sway 1.5s ease-in-out infinite alternate;
  transform-origin: center;
}
.page__head-logo {
  position: relative;
  width: 45%;
  aspect-ratio: 867/404;
}
.page__head-logo-light {
  position: absolute;
  bottom: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.page__head-logo-light.right {
  width: 62%;
  right: -17%;
  bottom: -8%;
}
.page__head-logo-light.left {
  width: 42%;
}
.page__head-logo-light svg {
  width: 100%;
  height: 100%;
}
.page__head-logo img {
  width: 100%;
  height: 100%;
}
.page__bg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 60px;
}
.page__footer {
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  background: linear-gradient(180deg, rgba(115, 115, 115, 0), rgb(0, 0, 0) 62.89%);
  height: 37%;
  font-size: 64px;
  font-weight: 400;
  color: #fff;
  padding-bottom: 80px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.page__footer-row {
  display: flex;
  gap: 40px;
  align-items: center;
  margin-bottom: 20px;
}
.page__footer-line {
  flex: 1;
  background-color: #dd2b1c;
  height: 8px;
}
.page__footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 56px;
}
.page__footer-link {
  max-width: 74px;
  max-height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page__footer-link svg {
  width: 100%;
  height: 100%;
  fill: #FFF;
  transition: all 0.2s;
}
.page__footer-link:hover svg {
  fill: #dd2b1c;
}

@media (max-width: 768px) {
  .page__head-logo {
    width: calc(100% - 40px);
  }
  .page__bg {
    margin: 0;
  }
  .page__footer {
    font-size: 34px;
  }
  .page__footer-row {
    gap: 20px;
  }
  .page__footer-links {
    gap: 16px;
  }
  .page__footer-link {
    max-width: 50px;
    max-height: 50px;
  }
}
@keyframes sway {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(4deg) translateX(1%);
  }
  100% {
    transform: rotate(-4deg) translateX(-1%);
  }
}/*# sourceMappingURL=style.css.map */