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

::selection {
  background-color: #000;
  color: #fff;
}

* {
  -webkit-tap-highlight-color: transparent;
}
.hero-slider_head-text {
  transition: all 400ms cubic-bezier(0.25, 1, 0.5, 1) 200ms;
}

.hero-slider_title,
.hero-slider_hover {
  padding: 0.1em 0;
}

[slide-underline],
[toggle-click] {
  position: relative;
}

[h-ul="target"] {
  position: relative;
}

[h-ul="target"]:after {
  content: "";
  position: absolute;
  height: 0.05em;
  width: 100%;
  background: currentColor;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 100ms;
  transform-origin: left;
}

.w--current [h-ul="target"]:after {
  transform: scaleX(1);
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 0ms;
}

.hero-slider_nav-item {
  transition: width 400ms cubic-bezier(0.25, 1, 0.5, 1);
}

.hero-slider_item {
  --mask-section: black 0% 100%;
  mask-image: linear-gradient(90deg, var(--mask-section));
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(90deg, var(--mask-section));
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
}

.clip-overflow .slide-overlay {
  opacity: 70%;
}

.clip-overflow .hero-slider_nav-item {
  opacity: 0.2;
}

.clip-overflow .active.hero-slider_nav-item {
  opacity: 1;
}

.clip-overflow .hero-intro_copy {
  opacity: 0;
}

.nav-menu_dropdown.show-menu {
  display: flex;
}

[dropdown="trigger"] {
  cursor: pointer;
}

[toggle-click].active {
  pointer-events: none;
}

[dropdown="hidden"].show-menu {
  display: flex;
}

.work-list_item.active .project-list_img-component {
  opacity: 1;
}

.link-fill {
  pointer-events: auto;
}

[infinite-item] {
  position: absolute;
  top: 0;
  left: 0;
}

.director-inf_item.active {
  mix-blend-mode: normal;
}

.nav-menu_dropdown {
  pointer-events: none;
}
.nav-menu {
  pointer-events: none;
}

.menu-item {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}

.directors-infinite.show-img .director-img_wrap {
  opacity: 1;
}

.s-l {
  padding-bottom: 0.1em;
  margin-bottom: -0.1em;
}

.culture-grid_item {
  transition: all 600ms cubic-bezier(0.16, 1, 0.3, 1);
}

.pos-east {
  transform: translateX(-50vw);
}

.pos-west {
  transform: translateX(50vw);
}

[lottie-hidden] {
  visibility: hidden;
}

[pload-split] {
  opacity: 0;
}

html {
  --plyr-range-thumb-height: 0px;
  --plyr-control-radius: 0px;
  --plyr-range-track-height: 1px;
}

.plyr--video .plyr__controls {
  --plyr-color-main: transparent;
  background: transparent;
  padding: var(--size--1-25rem);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  color: #fff;
  position: fixed;
  transition: none !important;
  bottom: auto;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}

.plyr_stretch {
  display: flex;
  column-gap: var(--size--1-25rem);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.plyr_col {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 5em;
  justify-content: start;
}

.plyr--full-ui input[type="range"] {
  -webkit-appearance: none;
  border-radius: 0 !important;
  color: #fff;
}

.plyr--full-ui input[type="range"]::-webkit-slider-thumb,
.plyr--full-ui input[type="range"]::-moz-range-thumb,
.plyr--full-ui input[type="range"]::-ms-thumb {
  opacity: 0 !important;
}

.plyr__progress {
  width: 100%;
}

.plyr__control {
  padding: 0;
}

.plyr video {
  object-fit: cover;
}

.plyr--video {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

[video-close] {
  cursor: pointer;
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms ease-out;
}

.plyr {
  font-variant-numeric: normal;
}

.work-list_item.show-clones .list-clone_wrap {
  opacity: 1;
}

.work-list_section .work-list_item:nth-child(3n + 1) .list-clone_wrap {
  align-items: flex-start;
}

.work-list_section .work-list_item:nth-child(3n + 2) .list-clone_wrap {
  align-items: center;
}

.work-list_section .work-list_item:nth-child(3n + 3) .list-clone_wrap {
  align-items: flex-end;
}

.footer-component [h-ul="target"] {
  padding: 0 0.1em;
}

.footer-component [h-ul="target"]:after {
  height: 100%;
  bottom: 0.1em;
  mix-blend-mode: difference;
  background: #fff;
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1);
}

.footer-component [h-ul="trigger"]:hover [h-ul="target"]:after,
.contact-right [h-ul="trigger"]:hover [h-ul="target"]:after {
  transition: transform 0ms cubic-bezier(0.25, 1, 0.5, 1);
}

[h-underline].current-filter [h-underline="target"]:after {
  transform: scaleX(1);
  transform-origin: left;
}

.work-filter_trigger [h-underline="target"]:after {
  height: 1px;
}

.contact-right [h-ul="target"]:after,
.contact-footer [h-ul="target"]:after {
  height: 100%;
  bottom: 0.1em;
  mix-blend-mode: difference;
  background: #000;
  transition: transform 400mscubic-bezier(0.25, 1, 0.5, 1);
  filter: invert(1);
}

.contact-right [h-ul="target"],
.contact-footer [h-ul="target"] {
  padding: 0 0.1em;
  color: #fff;
  filter: invert(1);
}

.footer-component .w--current [h-ul="target"]:after {
  transform: scaleX(0);
}

.footer-component .w--current:hover [h-ul="target"]:after {
  transform: scaleX(1);
}

.active [slide-underline]:after,
.active[toggle-click]:after {
  transform: scaleX(1);
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 400ms;
}

[slide-underline]:after,
[toggle-click]:after {
  content: "";
  position: absolute;
  height: 0.05em;
  width: 100%;
  background: #fff;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 0ms;
  transform-origin: left;
}

[img-scroll] img {
  height: 120%;
  top: auto;
}

[img-scroll] {
  overflow: clip;
}

.preloader-component {
  display: none;
}

.show-preloader .preloader-component {
  display: flex;
}

@media only screen and (min-width: 992px) {
  .work-list_rich.u-text-style-small_nm.w-richtext {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  [h-ul="trigger"]:hover [h-ul="target"]:after {
    transform: scaleX(1);
    transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 0ms;
  }

  .hero-slider_nav-item.active .hero-slider_hover:hover + .hero-slider_popup {
    display: block;
  }

  .hero-slider_head-text {
    transform: translateY(100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  }

  .active .hero-slider_head-text {
    transform: translateY(0%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }

  .active .hero-slider_hover,
  .active .hero-slider_title {
    pointer-events: auto;
  }

  .active .hero-slider_title,
  .active .hero-slider_num,
  .active .hero-slider_hover {
    z-index: 3;
  }

  body:has([data-cursor]:hover) .cursor {
    opacity: 1;
  }

  .director-short {
    visibility: hidden;
  }

  .director-inf_item.active .director-short {
    visibility: visible;
  }

  .project-link:hover img {
    opacity: 0;
  }
}
body,
html {
  overscroll-behavior: none;
}

.plyr audio,
.plyr iframe,
.plyr video {
  height: auto;
  margin-top: auto !important;
  margin-bottom: auto;
}

@media only screen and (max-width: 991px) {
  .active .hero-slider_popup {
    display: flex;
  }

  [b-text_wrap] {
    overflow: clip;
    padding-bottom: 0;
  }

  .plyr--video .plyr__controls {
    bottom: 1rem;
  }

  .plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 1;
  }

  * {
    -webkit-user-select: none; /* Safari, Chrome */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
  }

  .text-link_wrap .s-l {
    padding-bottom: 0.1em;
  }

  .fullscreen .culture-visual_wrap {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #000000;
  }

  .pos-east {
    transform: translateX(-100vw);
  }

  .pos-west {
    transform: translateX(100vw);
  }

  .plyr audio,
  .plyr iframe,
  .plyr video {
    height: auto;
    margin-top: auto !important;
    margin-bottom: auto;
  }

  .current-next.next-work_item {
    display: flex !important;
  }

  .contact-right [h-ul="target"]:after {
    height: 1px;
    transform: scaleX(1);
  }

  .contact-right [h-ul="target"] {
    margin-bottom: 0.5em !important;
  }

  [aspect-ratio="portrait"] .plyr video {
    height: 100%;
  }

  .single-wrap .extra-small_text {
    font-size: 0.875rem !important;
  }
}