html,
body {
  overscroll-behavior: none;
  scroll-behavior: smooth;
}

body{
    touch-action: pan-y;
}

* {
  scrollbar-width: none;
}


*::-webkit-scrollbar {
  display: none;
}

.nav {
  z-index: 1000;
}

.section-right.home {
  padding: 0;
}

video.big {
aspect-ratio: 16/9;
}

body[data-page="home"] .round{
  background-color:#ff5315;
}

body[data-page="apropos"] .section-left .intro-left{
opacity: 0;
}

.none,
.none video{
  pointer-events: none !important;
}

.noscroll .page-intro,
.noscroll .mobile-content{
  opacity: 0;
}
@media (max-width:480px) {
  .white-nav h1 {
    color: white !important;
  }

  .white-nav .round {
    background: white !important;
  }


  .orange-nav h1 {
    color: #ff5315 !important;
  }

  .orange-nav .round {
    background: #ff5315 !important;
  }

  .full-black {
    backdrop-filter: blur(0px);
  }

  .full-black .round,
  .nav.open .round {
    background: black !important;
  }


  .full-black h1 {
    color: black !important;
  }

  video {
    min-height: 50vw;
  }
}