main {
  padding-top: 0 !important;
}
main .main_container .presentation_container {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  padding-top: 10vh;
  background: radial-gradient(50% 50% at 50% 50%, #151515 66.67%, #101010 100%);
}
main .main_container .presentation_container .photo_container {
  display: flex;
  align-items: flex-end;
  padding-left: 4vw;
}
main .main_container .presentation_container .photo_container img {
  height: 88vh;
  pointer-events: none;
}
main .main_container .presentation_container .info_container {
  position: absolute;
  top: 44%;
  right: 8%;
}
main .main_container .presentation_container .info_container .text_container {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
main .main_container .presentation_container .info_container .text_container .arrow-home {
  width: 40px;
  margin-bottom: 32px;
}
main .main_container .presentation_container .info_container .text_container .text {
  color: #F0F0F0;
  font-size: 40px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.8px;
}
main .main_container .presentation_container .name_container {
  position: absolute;
  display: flex;
  flex-flow: row nowrap;
  bottom: 2vh;
  width: auto;
  color: #F0F0F0;
  font-size: 180px;
  font-weight: 500;
  line-height: normal;
}
main .main_container .presentation_container .name_container .name_wrap {
  position: relative;
  width: auto;
}
main .main_container .presentation_container .name_container .name_wrap .name-1 {
  position: absolute;
  bottom: 0;
  width: max-content;
  transform: translateX(0%);
  letter-spacing: 6px;
  animation: scroll-1 20s linear infinite;
}
@keyframes scroll-1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
main .main_container .presentation_container .name_container .name_wrap .name-2 {
  position: absolute;
  bottom: 0;
  width: max-content;
  letter-spacing: 6px;
  animation: scroll-2 20s linear infinite;
}
@keyframes scroll-2 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
main .main_container .presentation_container .reel_container {
  position: absolute;
  top: 10vh;
  right: 2vw;
}
main .main_container .presentation_container .reel_container video {
  width: 450px;
  object-fit: cover;
  border-radius: 16px;
}

@media (width < 48em) {
  main .main_container .presentation_container .photo_container {
    padding-left: 0;
    margin-bottom: -4vh;
  }
  main .main_container .presentation_container .photo_container img {
    height: 92vh;
    object-fit: cover;
  }
  main .main_container .presentation_container .info_container {
    top: 64%;
    left: 0;
    right: 0;
  }
  main .main_container .presentation_container .info_container .text_container {
    flex-flow: column wrap;
    align-content: center;
    gap: 12px;
  }
  main .main_container .presentation_container .info_container .text_container .arrow-home {
    width: 24px;
    margin-bottom: 12px;
  }
  main .main_container .presentation_container .info_container .text_container .text {
    font-size: 24px;
    letter-spacing: 0.48px;
  }
  main .main_container .presentation_container .name_container .name_wrap .name-1 {
    font-size: 120px;
    animation: scroll-1 40s linear infinite;
  }
  main .main_container .presentation_container .name_container .name_wrap .name-2 {
    font-size: 120px;
    animation: scroll-2 40s linear infinite;
  }
  main .main_container .presentation_container .reel_container {
    display: none;
  }
}
@media (48em <= width <= 64em) and (orientation: portrait) {
  main .main_container .presentation_container .photo_container {
    align-items: normal;
    padding-left: 0;
    width: 100vw;
  }
  main .main_container .presentation_container .photo_container img {
    width: 100vw;
    height: auto;
    object-fit: cover;
  }
  main .main_container .presentation_container .info_container {
    top: 60%;
    left: 4%;
    right: 0;
  }
  main .main_container .presentation_container .info_container .text_container {
    flex-flow: column wrap;
    align-content: center;
    gap: 12px;
  }
  main .main_container .presentation_container .info_container .text_container .arrow-home {
    margin-bottom: 12px;
  }
  main .main_container .presentation_container .info_container .text_container .text {
    letter-spacing: 0.64px;
  }
  main .main_container .presentation_container .name_container {
    bottom: 0;
  }
  main .main_container .presentation_container .name_container .name_wrap .name-1 {
    font-size: 180px;
    animation: scroll-1 40s linear infinite;
  }
  main .main_container .presentation_container .name_container .name_wrap .name-2 {
    font-size: 180px;
    animation: scroll-2 40s linear infinite;
  }
  main .main_container .presentation_container .reel_container {
    display: none;
  }
}
@media (48em <= width <= 80em) and (orientation: landscape) {
  main .main_container .presentation_container .photo_container {
    padding-left: 2vw;
  }
  main .main_container .presentation_container .photo_container img {
    height: 84vh;
  }
  main .main_container .presentation_container .info_container {
    top: 48%;
  }
  main .main_container .presentation_container .info_container .text_container {
    gap: 16px;
  }
  main .main_container .presentation_container .info_container .text_container .arrow-home {
    width: 24px;
    margin-bottom: 24px;
  }
  main .main_container .presentation_container .info_container .text_container .text {
    font-size: 24px;
  }
  main .main_container .presentation_container .reel_container {
    display: flex;
  }
  main .main_container .presentation_container .reel_container video {
    width: 360px;
  }
}
@media (48em <= width <= 80em) and (height <= 40em) {
  main .main_container .presentation_container .info_container {
    top: 16%;
  }
  main .main_container .presentation_container .name_container {
    bottom: -6vh;
  }
  main .main_container .presentation_container .reel_container {
    display: none;
  }
}
@media (width >= 80em) and (pointer: coarse) {
  main .main_container .presentation_container .info_container {
    top: 48%;
    right: 2%;
  }
  main .main_container .presentation_container .info_container .text_container .arrow-home {
    width: 36px;
  }
  main .main_container .presentation_container .info_container .text_container .text {
    font-size: 36px;
  }
  main .main_container .presentation_container .reel_container {
    display: flex;
  }
}

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