@layer behaviors {
@view-transition {
  navigation: none;
}

[data-barba="container"] {
  background-color: var(--background, #0a0a0a);
}

/* Navigation focuses the page for accessibility; only interactive controls need a ring. */
[data-barba="container"][tabindex="-1"]:focus,
[data-barba="container"] main[tabindex="-1"]:focus {
  outline: none;
}

[data-transition-wrap] {
  z-index: 2;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: clip;
}

[data-transition-dark] {
  opacity: 0;
  background: #000;
  position: absolute;
  inset: 0;
}

html[data-page-transition] {
  cursor: progress;
}

html[data-page-transition] .nav_component {
  pointer-events: none;
}

html[data-page-transition] [data-barba="container"]:not([data-page-current]) {
  visibility: hidden;
}

.nav_mobile_logo * {
  pointer-events: none !important;
}

.work_wrap [data-filter-target][data-filter-status="active"] {
  color: #000 !important;
}

html:not(.stacki-designer) [data-dome-grid]:not([data-grid-ready]) {
  visibility: hidden;
  opacity: 0 !important;
  pointer-events: none;
}

[data-exit-text]::before {
  margin-bottom: var(--exit-trim-before) !important;
}

[data-exit-text]::after {
  margin-bottom: var(--exit-trim-after) !important;
}

}