/* The site header, on every page. The markup comes from header.js. */
html { scroll-padding-top: 106px; }
.wf-header-bar, .wf-header-bar * { box-sizing: border-box; }
.wf-header-bar a { color: inherit; text-decoration: none; }
.wf-header-bar button { font: inherit; color: inherit; }
.wf-header-bar a, .wf-header-bar button { -webkit-tap-highlight-color: transparent; }
.wf-header-bar :focus-visible { outline: 3px solid var(--wf-blue); outline-offset: 5px; }
.wf-header-bar p { margin: 0; }
.wf-header-bar { --wf-paper: #f9f9fb;
  --wf-ink: #2e2e38;
  --wf-muted: #5f5f70;
  --wf-blue: #3150bc;
  --wf-line: #dcdce5;
  --wf-surface: #edf0f8;
  --wf-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
.wf-header-bar { position: sticky; top: 0; z-index: 10; background: var(--wf-paper); color: var(--wf-ink); font: 400 16px/1.6 var(--wf-sans); }
.wf-header-bar .wf-header { max-width: 1440px; min-height: 90px; margin-inline: auto; padding: 20px 38px; display: flex; align-items: center; gap: 24px; }
.wf-header-bar .wf-brand { display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; color: inherit; font: 500 29px/1 var(--wf-sans); letter-spacing: -.06em; }
.wf-header-bar .wave-logo { display: block; flex: 0 0 44px; width: 44px; height: 22px; background: var(--wf-ink); -webkit-mask: url("/assets/wave-mark-engraved-vector.svg") center / contain no-repeat; mask: url("/assets/wave-mark-engraved-vector.svg") center / contain no-repeat; }
.wf-header-bar .wf-brand > span:last-child { display: block; text-box-trim: trim-both; text-box-edge: ex alphabetic; }
.wf-header-bar .wf-header .wf-brand:is(:hover, :focus-visible) > span:last-child { color: var(--wf-blue); }
.wf-header-bar .wf-navigation { display: flex; align-items: center; gap: 19px; margin-left: auto; }
.wf-header-bar .wf-navigation > a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0; color: var(--wf-muted); font-size: 14px; line-height: 1.4; white-space: nowrap; }
.wf-header-bar .wf-navigation > a:hover, .wf-header-bar .wf-menu > button:hover, .wf-header-bar .wf-header-link:hover { color: var(--wf-blue); }
.wf-header-bar .wf-header-divider { flex-shrink: 0; width: 1px; height: 24px; background: var(--wf-line); }
.wf-header-bar .wf-header-actions { display: flex; align-items: center; gap: 19px; }
.wf-header-bar .wf-header-link { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0; color: var(--wf-muted); font-size: 14px; line-height: 1.4; white-space: nowrap; }
.wf-header-bar .wf-button { display: inline-flex; justify-content: center; align-items: center; gap: 18px; min-height: 47px; padding: 11px 20px; border: 1px solid transparent; border-radius: 999px; background: var(--wf-ink); color: var(--wf-paper); font: 500 14px/1.4 var(--wf-sans); white-space: nowrap; }
.wf-header-bar .wf-button:hover { background: #454550; }
.wf-header-bar .wf-navigation > .wf-mobile-contact, .wf-header-bar .wf-menu-toggle { display: none; }
.wf-header-bar .wf-menu { position: relative; display: flex; align-items: center; min-height: 44px; padding: 0; }
.wf-header-bar .wf-menu > button { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--wf-muted); font: 400 14px/1.4 var(--wf-sans); cursor: pointer; }
.wf-header-bar .wf-menu > button::after { content: ""; display: inline-block; width: 5px; height: 5px; margin-left: 7px; vertical-align: 2px; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(45deg); }
.wf-header-bar .wf-menu[data-open="true"] > button { color: var(--wf-blue); }
.wf-header-bar .wf-menu[data-open="true"] > button::after { transform: rotate(225deg); }
.wf-header-bar .wf-menu-panel { position: absolute; top: calc(100% + 14px); right: 0; z-index: 40; display: flex; overflow: hidden; border: 1px solid var(--wf-line); border-radius: 12px; background: white; opacity: 0; visibility: hidden; transition: opacity 130ms ease, visibility 130ms ease; }
.wf-header-bar .wf-menu[data-open="true"] > .wf-menu-panel { opacity: 1; visibility: visible; }
.wf-header-bar .wf-menu-panel-articles { width: 392px; }
.wf-header-bar .wf-menu-list { flex: 1; min-width: 0; padding: 1rem 0; }
.wf-header-bar .wf-menu-heading { margin: .35rem 1.5rem .5rem; color: var(--wf-muted); font-size: 11px; line-height: 1.5; letter-spacing: .08em; text-transform: uppercase; }
.wf-header-bar .wf-menu-row { display: block; padding: .6rem 1.5rem .7rem; }
.wf-header-bar .wf-menu-row:hover { background: var(--wf-surface); }
.wf-header-bar .wf-menu-kind { display: block; margin-bottom: 3px; color: var(--wf-muted); font-size: 11px; line-height: 1.5; letter-spacing: .06em; text-transform: uppercase; }
.wf-header-bar .wf-menu-row strong { display: block; color: var(--wf-ink); font-size: 16.5px; font-weight: 500; line-height: 1.3; letter-spacing: -.022em; }
@media (min-width: 1021px) and (max-width: 1160px) {
.wf-header-bar .wf-header { padding-inline: 30px; gap: 19px; }
.wf-header-bar .wf-navigation, .wf-header-bar .wf-header-actions { gap: 13px; }
.wf-header-bar .wf-navigation > a, .wf-header-bar .wf-menu > button, .wf-header-bar .wf-header-link { font-size: 13px; }
}
@media (max-width: 1020px) {
.wf-header-bar .wf-header { min-height: 66px; padding: 14px 30px 4px; gap: 12px; }
.wf-header-bar .wf-brand { min-height: 44px; font-size: 27px; }
.wf-header-bar .wf-menu-toggle:not([hidden]) { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-left: auto; padding: 8px 0; border: 0; background: transparent; color: var(--wf-ink); font-size: 14px; cursor: pointer; }
.wf-header-bar .wf-menu-toggle > span { font-size: 20px; line-height: 1; }
.wf-header-bar .wf-header-divider, .wf-header-bar .wf-header-actions { display: none; }
.wf-header-bar .wf-navigation { position: absolute; top: 100%; left: 0; right: 0; display: none; max-height: calc(100dvh - 66px); padding: .25rem 30px 2rem; overflow-y: auto; overscroll-behavior: contain; border-top: 1px solid var(--wf-line); background: var(--wf-paper); }
.wf-header-bar .wf-header.is-open .wf-navigation { display: block; }
.wf-header-bar .wf-menu { display: block; padding: 1rem 0 .5rem; }
.wf-header-bar .wf-menu > button { display: none; }
.wf-header-bar .wf-menu-panel { position: static; display: block; width: auto; border: 0; border-radius: 0; background: transparent; opacity: 1; visibility: visible; }
.wf-header-bar .wf-menu-list { padding: 0; }
.wf-header-bar .wf-menu-heading { margin: 0 0 .35rem; }
.wf-header-bar .wf-menu-row { padding: .55rem 0 .65rem; }
.wf-header-bar .wf-menu-row strong { font-size: 17px; }
.wf-header-bar .wf-navigation > a, .wf-header-bar .wf-navigation > .wf-mobile-contact { display: block; padding: .8rem 0; color: var(--wf-ink); font-size: 16px; }
.wf-header-bar .wf-navigation > .wf-mobile-contact:not(.wf-mobile-expert) { margin-top: 1.25rem; border-radius: 999px; background: var(--wf-ink); color: var(--wf-paper); text-align: center; }
}
@media (max-width: 700px) {
.wf-header-bar .wf-header { min-height: 63px; padding-inline: 22px; }
.wf-header-bar .wf-navigation { padding-inline: 22px; max-height: calc(100dvh - 63px); }
}
@media (max-width: 1020px) { html { scroll-padding-top: 82px; } }
