/* Owned reference-scaffold integration. Original measurements remain in styles.css. */
.layout-header[data-v-62f3805e],
.hero .logo-wrapper[data-v-9fb53f58],
.layout-header .alternative[data-v-62f3805e] {
  visibility: visible;
}
.will-animate,
.will-animate-dk {
  opacity: 1;
}
.layout-header .svg-wrapper {
  visibility: visible;
  transform: translateY(100%);
}
.layout-header.is-scrolled .svg-wrapper {
  transform: translateY(0);
}
.layout-header.is-scrolled .alternative {
  transform: translateY(-100%);
}
.layout-header .svg-wrapper,
.layout-header .alternative {
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.mobile-menu-toggle {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.mobile-menu {
  transform: translateY(-100%);
  transition:
    transform 0.7s cubic-bezier(0.76, 0, 0.24, 1),
    visibility 0.7s;
}
.mobile-menu.is-open {
  visibility: visible;
  transform: translateY(0);
}
body.menu-open .layout-header-wrapper {
  mix-blend-mode: normal;
  z-index: 1001;
}
.mobile-menu-toggle .label-close {
  display: none;
}
body.menu-open .mobile-menu-toggle .label-menu {
  display: none;
}
body.menu-open .mobile-menu-toggle .label-close {
  display: block;
}
.full-showreel.is-open {
  visibility: visible;
  pointer-events: auto;
  z-index: 2000;
}
.full-showreel.is-open .overlay,
.full-showreel.is-open .video-container {
  visibility: visible;
}
.full-showreel.is-open .video-overlay {
  opacity: 1;
}
.full-showreel .video {
  transform: none;
}
.full-showreel .close-mobile {
  display: block;
  cursor: pointer;
  z-index: 2;
}
.full-showreel .video-state {
  cursor: pointer;
}
.full-showreel .video-state .icon {
  display: none;
}
.full-showreel .video-state .active {
  display: block;
}
.video-bar {
  cursor: pointer;
}
:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}
@media (prefers-reduced-motion: reduce) {
  .mobile-menu,
  .layout-header .svg-wrapper,
  .layout-header .alternative {
    transition: none;
  }
  .layout-footer,
  .reel .videos-wrapper {
    transform: none !important;
  }
}

.mobile-menu.is-open a {
  visibility: visible !important;
  transform: none !important;
}
body.menu-open .mobile-menu-toggle .label-close {
  visibility: visible !important;
  transform: none !important;
}
.full-showreel.is-open .video-container {
  transform: none !important;
  clip-path: none !important;
}
.full-showreel.is-open video,
.full-showreel.is-open .close-mobile {
  visibility: visible;
}
.full-showreel .video-state {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
/* A closed captured menu must not retain an offscreen compositing layer. */
.mobile-menu:not(.is-open) {
  display: none;
}