/* Additions to the Webflow stylesheet. Generated source: _tools/ -> _build/.
   The Webflow CSS itself is never edited; everything of ours lives here. */

/* --- honeypot -------------------------------------------------------------
   Must occupy no space and never be reachable by keyboard or screen reader.
   Off-screen rather than display:none, because some bots skip hidden fields. */
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* --- focus visibility -----------------------------------------------------
   Webflow ships no focus style. Keyboard users get nothing without this. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible,
.w-dropdown-toggle:focus-visible,
.w-nav-button:focus-visible {
  outline: 3px solid #0a66c2;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Pointer users keep the original look. */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible) {
  outline: none;
}

/* --- skip link ------------------------------------------------------------ */
.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 10000;
  padding: .75rem 1.25rem;
  background: #fff;
  color: #111;
  font-family: "Instrument Sans", Arial, sans-serif;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

.skip-link:focus {
  left: 1rem;
  top: 1rem;
}

/* --- form states ----------------------------------------------------------
   Webflow's own .w-form-done / .w-form-fail keep their styling; these only
   make sure the states are announced and never both visible at once. */
.w-form-done,
.w-form-fail {
  display: none;
}

.w-form-done.is-visible,
.w-form-fail.is-visible {
  display: block;
}

/* --- mobile nav -----------------------------------------------------------
   Webflow hides the menu below 992px with
       .w-nav[data-collapse="medium"] .w-nav-menu { display: none }
   and its own JS then moves the menu into a .w-nav-overlay that supplies the
   position. We do not move DOM nodes around, so the open panel is positioned
   here instead. Keyed off Webflows own [data-nav-menu-open] attribute, which
   site.js sets, and scoped tightly enough to beat the display:none above. */
@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu[data-nav-menu-open] {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    overflow: auto;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ix_card-change-width-background,
  .ix_card-change-side-content,
  .langswitch__item {
    transition: none !important;
  }
}