@charset "UTF-8";

html[data-film-transition-lock="true"],
html[data-film-transition-lock="true"] body {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

html[data-film-canvas-open="true"] .Header__container,
html[data-film-canvas-open="true"] .Header__side_menu,
html[data-film-canvas-open="true"] .TopScrollIndicator__top_scroll_indicator,
html[data-film-canvas-open="true"] .PortfolioProfileEntry,
html[data-film-canvas-open="true"] .TweakpaneContainers__container {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.FilmTransition {
  position: fixed;
  z-index: 14000;
  inset: 0;
  overflow: hidden;
  color: #fff;
  opacity: 0;
  pointer-events: none;
}

.FilmTransition.is-open {
  opacity: 1;
  pointer-events: auto;
}

.FilmTransition.is-closing {
  opacity: 1;
  pointer-events: none;
}

.FilmTransition__live {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: auto;
  overscroll-behavior: contain;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: none;
  transition: none;
}

.FilmTransition.is-materializing:not(.is-closing) .FilmTransition__live {
  visibility: visible;
  transform: none;
}

.FilmTransition.is-ready:not(.is-closing) .FilmTransition__live {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.FilmTransition.is-ready .FilmTransition__live {
  pointer-events: auto;
}

.FilmTransition.is-closing .FilmTransition__live {
  opacity: 1;
  visibility: visible;
  pointer-events: none;
}

.FilmTransition__motionWipe {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  pointer-events: none;
}

.FilmTransition__live .FilmDetail {
  min-height: 100dvh;
}