/* Compact mobile header. */
@media (max-width: 991px) {
  .navbar.kti-header-preview {
    --kti-edge: 16px;
    --kti-top: 16px;
    --kti-logo-size: calc(100vw - 32px);
    --kti-header-height: calc((100vw - 32px) / 5.9411 + 46px);
  }
  .navbar.kti-header-preview > .container.nav {
    width: 100%;
    height: var(--kti-header-height);
    padding: var(--kti-top) var(--kti-edge) 10px;
    transition: height 380ms cubic-bezier(.22,1,.36,1), padding-top 380ms cubic-bezier(.22,1,.36,1);
  }
  .navbar.kti-header-preview > .container.nav > .logo_link.tablet {
    width: var(--kti-logo-size) !important;
    flex: none;
    transition: width 380ms cubic-bezier(.22,1,.36,1);
  }
  .navbar.kti-header-preview > .container.nav > .nav_menu,
  .navbar.kti-header-preview > .container.nav > .nav_menu > .nav_menu_inner {
    position: static;
    margin: 0;
    height: 0;
    min-height: 0;
  }
  .navbar.kti-header-preview > .container.nav > .nav_menu > .nav_menu_inner > .logo_text {
    position: absolute;
    inset: auto auto 10px var(--kti-edge);
    transition: opacity 180ms ease;
  }
  .navbar.kti-header-preview .nav_menu_inner > .menu_button.open {
    position: absolute;
    inset: calc(100% - 44px) var(--kti-edge) auto auto;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    justify-content: flex-end;
    transition: top 380ms cubic-bezier(.22,1,.36,1);
  }
  .navbar.kti-header-preview.kti-header-compact {
    --kti-top: 17px;
    --kti-logo-size: 178px;
    --kti-header-height: 64px;
  }
  .navbar.kti-header-preview.kti-header-compact .nav_menu_inner > .menu_button.open { top: 10px; }
  .navbar.kti-header-preview.kti-header-compact > .container.nav > .nav_menu > .nav_menu_inner > .logo_text {
    opacity: 0;
    visibility: hidden;
  }
  html:not(.intro-loading) .navbar.kti-header-preview::before { height: 100%; }
}
@media (max-width: 479px) {
  .navbar.kti-header-preview {
    --kti-edge: 12px;
    --kti-top: 10px;
    --kti-logo-size: calc(100vw - 24px);
    --kti-header-height: calc((100vw - 24px) / 5.9411 + 40px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .navbar.kti-header-preview > .container.nav,
  .navbar.kti-header-preview > .container.nav > .logo_link.tablet,
  .navbar.kti-header-preview .nav_menu_inner > .menu_button.open,
  .navbar.kti-header-preview > .container.nav > .nav_menu > .nav_menu_inner > .logo_text { transition: none; }
}

.circle-cta:has(.kti-mark-cursor) > .circle{background:transparent}
