/* Self-hosted runtime fixes layered over the original Squarespace layout CSS. */

[data-animation-role],
.preFade,
.preSlide,
.preScale {
  opacity: 1 !important;
  transform: none !important;
}

img[src*="assets/"] {
  opacity: 1 !important;
}

.sqs-native-video,
.native-video-player,
.clone-native-video {
  width: 100%;
  height: 100%;
}

.clone-native-video {
  display: block;
  background: #000;
  object-fit: cover;
}

.clone-video-with-controls {
  object-fit: contain;
}

.header-nav-item--folder.clone-folder-open .header-nav-folder-content {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

@media (max-width: 767px) {
  body.clone-menu-open {
    overflow: hidden;
  }

  body.clone-menu-open #header,
  body.clone-menu-open .header {
    z-index: 10000 !important;
  }

  .header-menu.clone-open {
    display: block !important;
    position: fixed !important;
    inset: 84px 0 0 !important;
    z-index: 9998 !important;
    height: calc(100dvh - 84px) !important;
    background: #f1f1f1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .header-menu.clone-open .header-menu-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: #f1f1f1 !important;
  }

  .header-menu.clone-open .header-menu-nav {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header-menu.clone-open .header-menu-nav-list,
  .header-menu.clone-open .header-menu-nav-folder,
  .header-menu.clone-open .header-menu-nav-folder-content {
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
  }

  .header-menu.clone-open .header-menu-nav-list {
    width: 100% !important;
  }

  .header-menu.clone-open .header-menu-nav-folder-content {
    width: 100% !important;
  }

  .header-menu.clone-open .header-menu-nav-item a {
    color: #000 !important;
  }

  .header-burger.clone-open .top-bun {
    transform: translateY(4px) rotate(45deg);
  }

  .header-burger.clone-open .bottom-bun {
    transform: translateY(-4px) rotate(-45deg);
  }

  .header-burger.clone-open .patty {
    opacity: 0;
  }

  .header-menu-nav-folder[data-folder="new-dropdown-1"]:not(.clone-active) {
    display: none !important;
  }

  .header-menu.clone-work-open
    .header-menu-nav-folder[data-folder="root"]
    > .header-menu-nav-folder-content
    > .header-menu-nav-wrapper
    > .header-menu-nav-item {
    display: none !important;
  }

  .header-menu-nav-folder[data-folder="new-dropdown-1"].clone-active {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }
}