#fxv-navbar {
  position: relative;
  --fxv-page-welcome-contract-version: 6;
}

#fxv-navbar .fxv-surface {
  position: relative;
  isolation: isolate;
}

.fxv-navbar-welcome-stage {
  position: absolute;
  inset: 0;
  z-index: 9;
  display: grid;
  align-items: center;
  box-sizing: border-box;
  padding-inline: clamp(1rem, 3vw, 2rem);
  overflow: hidden;
  pointer-events: none;
  opacity: 1;
  visibility: hidden;
  transition: visibility 0s linear 250ms;
}

.fxv-navbar-welcome-stage[hidden] { display: none; }

.fxv-navbar-welcome-stage__viewport {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .85rem;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.fxv-navbar-welcome-stage__logo {
  flex: 0 0 auto;
  font-weight: 800;
  font-size: clamp(1rem, 2.4vw, 1.25rem);
  letter-spacing: .04em;
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity .16s ease, max-width .16s ease;
}

.fxv-navbar-welcome-stage__message {
  display: inline-block;
  flex: 0 0 auto;
  max-width: none;
  white-space: nowrap;
  font-size: clamp(1.05rem, 3vw, 1.35rem);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: .01em;
  text-align: left;
  will-change: transform;
}

#fxv-navbar[data-page-welcome-active="1"] .fxv-navbar-welcome-stage {
  visibility: visible;
  transition-delay: 0s;
}

#fxv-navbar[data-page-welcome-active="1"] .fxv-navbar-welcome-stage {
  opacity: 1;
}

.fxv-navbar-welcome-stage__char {
  display: inline-block;
  white-space: pre;
  transform-origin: 50% 50%;
  will-change: opacity, transform;
}

#fxv-navbar .fxv-surface > .navbar-brand,
#fxv-navbar .fxv-surface > .navbar-toggler,
#fxv-navbar .fxv-surface > .navbar-collapse {
  z-index: 1;
  transition: opacity 250ms ease;
}

#fxv-navbar[data-page-welcome-active="1"] .fxv-surface > .navbar-brand,
#fxv-navbar[data-page-welcome-active="1"] .fxv-surface > .navbar-collapse {
  pointer-events: none;
}

#fxv-navbar[data-page-welcome-active="1"] .fxv-surface > .navbar-toggler {
  pointer-events: auto;
}

#fxv-navbar[data-page-welcome-active="1"][data-page-welcome-phase="enter"] .fxv-surface > .navbar-brand,
#fxv-navbar[data-page-welcome-active="1"][data-page-welcome-phase="enter"] .fxv-surface > .navbar-toggler,
#fxv-navbar[data-page-welcome-active="1"][data-page-welcome-phase="enter"] .fxv-surface > .navbar-collapse {
  opacity: 0;
}

#fxv-navbar[data-page-welcome-active="1"][data-page-welcome-phase="hold"] .fxv-surface > .navbar-brand,
#fxv-navbar[data-page-welcome-active="1"][data-page-welcome-phase="hold"] .fxv-surface > .navbar-toggler,
#fxv-navbar[data-page-welcome-active="1"][data-page-welcome-phase="hold"] .fxv-surface > .navbar-collapse {
  opacity: 0;
}

#fxv-navbar[data-page-welcome-active="1"][data-page-welcome-phase="exit"] .fxv-surface > .navbar-brand,
#fxv-navbar[data-page-welcome-active="1"][data-page-welcome-phase="exit"] .fxv-surface > .navbar-toggler,
#fxv-navbar[data-page-welcome-active="1"][data-page-welcome-phase="exit"] .fxv-surface > .navbar-collapse {
  opacity: 1;
  transition-duration: 300ms;
}

#fxv-navbar[data-page-welcome-logo="1"] .fxv-navbar-welcome-stage__logo {
  opacity: 1;
  max-width: 4rem;
}

#fxv-navbar[data-page-welcome-overflow="1"] .fxv-navbar-welcome-stage__viewport {
  justify-content: flex-start;
}

@media (max-width: 767.98px) {
  .fxv-navbar-welcome-stage { padding-inline: .9rem; }
  .fxv-navbar-welcome-stage__message { font-size: clamp(1rem, 4.2vw, 1.18rem); }
  #fxv-navbar[data-page-welcome-logo="1"] .fxv-navbar-welcome-stage__logo {
    opacity: 0;
    max-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fxv-navbar-welcome-stage,
  .fxv-navbar-welcome-stage__logo,
  #fxv-navbar .fxv-surface > .navbar-brand,
  #fxv-navbar .fxv-surface > .navbar-toggler,
  #fxv-navbar .fxv-surface > .navbar-collapse { transition: none !important; }
  .fxv-navbar-welcome-stage__char { transform: none !important; }
  .fxv-navbar-welcome-stage__message {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: none !important;
    will-change: auto;
  }
}