/* V21 INNER-PAGE HEADER — stable progressive navigation.
   The hamburger never changes its flex position when opened; the menu is a compact dark panel, not a full-width white sheet. */
body:not(.page-home) .home12-header{
  position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:2200!important;
  background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body:not(.page-home) .home12-header::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,28,52,.38) 0%,rgba(5,28,52,.14) 70%,rgba(5,28,52,0) 100%);
}
body:not(.page-home) .home12-header.scrolled{
  position:fixed!important;background:rgba(7,28,51,.92)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;-webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  box-shadow:0 12px 28px rgba(4,20,39,.18)!important;
}
body:not(.page-home) .home12-header.scrolled::before{display:none!important}
body:not(.page-home) .home12-nav-wrap{
  position:relative!important;z-index:1!important;width:min(1540px,calc(100vw - 80px))!important;height:108px!important;margin:0 auto!important;
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:22px!important;overflow:visible!important;padding:0!important;
}
body:not(.page-home) .home12-brand{order:1!important;display:flex!important;align-items:flex-start!important;gap:18px!important;margin-right:auto!important;flex:0 0 auto!important;min-width:0!important;color:#fff!important;text-decoration:none!important;overflow:visible!important}
body:not(.page-home) .home12-logo{display:block!important;width:170px!important;max-width:170px!important;height:auto!important;object-fit:contain!important;object-position:left top!important;filter:drop-shadow(0 2px 8px rgba(3,22,42,.24))}
body:not(.page-home) .home12-brand-rule{display:block!important;width:1px!important;align-self:stretch!important;background:rgba(255,255,255,.42)!important;flex:0 0 auto!important}
body:not(.page-home) .home12-brand-name{display:block!important;font-size:16px!important;line-height:1.28!important;font-weight:500!important;padding-top:5px!important;white-space:nowrap!important;color:#fff!important;text-shadow:0 1px 8px rgba(3,22,42,.42)!important}
body:not(.page-home) .home12-main-nav{order:2!important;display:flex!important;align-items:center!important;gap:26px!important;margin:0!important;white-space:nowrap!important;flex:0 0 auto!important;min-width:0!important;overflow:visible!important}
body:not(.page-home) .home12-main-nav>a{display:inline-flex!important;align-items:center!important;color:#fff!important;text-decoration:none!important;font-size:15px!important;font-weight:500!important;padding:0!important;border-radius:0!important;background:transparent!important;white-space:nowrap!important;text-shadow:0 1px 8px rgba(3,22,42,.42)!important}
body:not(.page-home) .home12-main-nav>a:hover,
body:not(.page-home) .home12-main-nav>a.active{color:#fff!important;background:transparent!important;opacity:.94!important}
body:not(.page-home) .home12-main-nav>a.active{font-weight:650!important}
body:not(.page-home) .home12-main-nav .mobile-language-row{display:none!important}
body:not(.page-home) .home12-language-switcher{order:3!important;position:relative!important;margin:0!important;flex:0 0 auto!important;z-index:15!important}
body:not(.page-home) .home12-lang-current{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-width:96px!important;padding:9px 14px!important;border:1px solid rgba(255,255,255,.44)!important;border-radius:999px!important;background:rgba(18,57,101,.24)!important;color:#fff!important;font-size:14px!important;box-shadow:none!important;text-shadow:0 1px 8px rgba(3,22,42,.40)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
body:not(.page-home) .home12-language-switcher .lang-menu{background:rgba(8,31,57,.97)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important}
body:not(.page-home) .home12-language-switcher .lang-menu a{color:#fff!important}
body:not(.page-home) .home12-language-switcher .lang-menu a:hover,
body:not(.page-home) .home12-language-switcher .lang-menu a.active{background:rgba(255,255,255,.08)!important;color:#fff!important}
body:not(.page-home) .home12-language-switcher .lang-menu small{color:rgba(255,255,255,.66)!important}
body:not(.page-home) .home12-nav-cta{order:4!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 20px!important;border-radius:999px!important;background:linear-gradient(180deg,#4ba2ff,#2e85f2)!important;color:#fff!important;font-size:14px!important;font-weight:650!important;box-shadow:0 14px 30px rgba(20,82,165,.24)!important;white-space:nowrap!important;flex:0 0 auto!important;margin:0!important}
body:not(.page-home) .home12-mobile-menu{order:5!important;display:none!important;position:relative!important;right:auto!important;left:auto!important;top:auto!important;margin:0!important;flex:0 0 auto!important;width:42px!important;height:42px!important;padding:0!important;place-content:center!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.42)!important;background:rgba(10,44,80,.38)!important;color:#fff!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:35!important}
body:not(.page-home) .home12-mobile-menu .menu-icon{width:22px!important;height:16px!important}
body:not(.page-home) .home12-mobile-menu .menu-icon span{background:#fff!important}

/* Compact dark flyout, shared by all non-Home pages. */
@media(max-width:1360px){
  body:not(.page-home) .home12-nav-wrap{width:calc(100vw - 44px)!important;height:84px!important;min-height:84px!important;gap:14px!important}
  body:not(.page-home) .home12-logo{width:146px!important;max-width:146px!important}
  body:not(.page-home) .home12-brand-rule,
  body:not(.page-home) .home12-brand-name,
  body:not(.page-home) .home12-nav-cta{display:none!important}
  body:not(.page-home) .home12-mobile-menu{display:grid!important;margin-left:0!important}
  body:not(.page-home) .home12-main-nav.open{
    display:flex!important;position:absolute!important;right:0!important;left:auto!important;top:calc(100% + 8px)!important;
    width:min(300px,calc(100vw - 44px))!important;max-width:300px!important;height:auto!important;max-height:min(72vh,580px)!important;
    margin:0!important;padding:10px!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;overflow:auto!important;
    background:rgba(7,29,54,.97)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:15px!important;
    box-shadow:0 20px 50px rgba(0,0,0,.30)!important;z-index:40!important;
  }
  body:not(.page-home) .home12-main-nav.open>a{
    display:flex!important;align-items:center!important;color:#fff!important;background:transparent!important;font-size:15px!important;font-weight:500!important;
    padding:11px 12px!important;border-radius:9px!important;white-space:normal!important;text-shadow:none!important;
  }
  body:not(.page-home) .home12-main-nav.open>a:hover,
  body:not(.page-home) .home12-main-nav.open>a.active{background:rgba(255,255,255,.09)!important;color:#fff!important}
  body:not(.page-home) .home12-main-nav.open .mobile-language-row{
    display:block!important;border-top:1px solid rgba(255,255,255,.14)!important;margin-top:7px!important;padding:11px 4px 3px!important;color:#fff!important;
  }
  body:not(.page-home) .home12-main-nav.open .mobile-language-row>span{
    display:block!important;margin:0 6px 9px!important;color:rgba(255,255,255,.70)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;
  }
  body:not(.page-home) .home12-main-nav.open .mobile-language-row>div{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
  body:not(.page-home) .home12-main-nav.open .mobile-language-row a{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:50px!important;padding:8px 10px!important;
    border:1px solid rgba(255,255,255,.18)!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;
    font-size:12px!important;font-weight:650!important;text-shadow:none!important;
  }
  body:not(.page-home) .home12-main-nav.open .mobile-language-row a.active,
  body:not(.page-home) .home12-main-nav.open .mobile-language-row a[aria-current="true"]{background:#eef6ff!important;color:#17649b!important;border-color:#d6e9fb!important}
}

/* Medium desktop: keep useful links outside; menu button stays fixed at the far right. */
@media(min-width:1181px) and (max-width:1360px){
  body:not(.page-home) .home12-main-nav{display:flex!important;gap:16px!important;margin-left:auto!important}
  body:not(.page-home) .home12-main-nav>a{font-size:13px!important}
  body:not(.page-home) .home12-main-nav>a:nth-of-type(n+5){display:none!important}
  body:not(.page-home) .home12-main-nav.open>a{display:flex!important}
  body:not(.page-home) .home12-language-switcher{display:block!important;margin-left:0!important}
  body:not(.page-home) .home12-lang-current{min-width:80px!important;padding:8px 10px!important;font-size:13px!important}
}

/* Narrow desktop / zoomed browser: keep only the first three links, then the menu button. */
@media(min-width:1025px) and (max-width:1180px){
  body:not(.page-home) .home12-nav-wrap{width:calc(100vw - 36px)!important;height:80px!important;min-height:80px!important;gap:12px!important}
  body:not(.page-home) .home12-logo{width:136px!important;max-width:136px!important}
  body:not(.page-home) .home12-main-nav{display:flex!important;gap:14px!important;margin-left:auto!important}
  body:not(.page-home) .home12-main-nav>a{display:none!important;font-size:13px!important}
  body:not(.page-home) .home12-main-nav>a:nth-of-type(-n+3){display:inline-flex!important}
  body:not(.page-home) .home12-main-nav.open>a{display:flex!important}
  body:not(.page-home) .home12-language-switcher{display:none!important}
}

/* Tablet and phone: logo + one stable menu button. */
@media(max-width:1024px){
  body:not(.page-home){padding-top:0!important}
  body:not(.page-home) .home12-nav-wrap{width:calc(100vw - 30px)!important;height:76px!important;min-height:76px!important;gap:10px!important}
  body:not(.page-home) .home12-logo{width:132px!important;max-width:132px!important}
  body:not(.page-home) .home12-main-nav{display:none!important}
  body:not(.page-home) .home12-main-nav.open{display:flex!important;right:0!important;left:auto!important;top:calc(100% + 8px)!important;width:min(286px,calc(100vw - 30px))!important}
  body:not(.page-home) .home12-language-switcher,
  body:not(.page-home) .home12-nav-cta{display:none!important}
  body:not(.page-home) .home12-mobile-menu{display:grid!important;margin-left:auto!important}
}
@media(max-width:720px){
  body:not(.page-home) .home12-nav-wrap{width:calc(100vw - 24px)!important;height:70px!important;min-height:70px!important}
  body:not(.page-home) .home12-logo{width:126px!important;max-width:126px!important}
  body:not(.page-home) .home12-main-nav.open{width:min(276px,calc(100vw - 24px))!important}
}

/* ============================================================
   V23 RESPONSIVE NAV REFINEMENT
   - Non-Home pages only.
   - Keep useful navigation visible for longer as viewport narrows.
   - Keep the hamburger anchored at the far right before/after opening.
   - Flyout is the same compact translucent navy treatment as Resources.
   ============================================================ */

/* At compact widths, reserve a fixed right-side slot for the menu button.
   This prevents the button from jumping when the nav itself becomes absolute. */
@media (max-width:1360px){
  body:not(.page-home) .home12-nav-wrap{
    position:relative!important;
    padding-right:58px!important;
    box-sizing:border-box!important;
  }
  body:not(.page-home) .home12-mobile-menu{
    display:grid!important;
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    width:42px!important;
    height:42px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.42)!important;
    background:rgba(10,44,80,.42)!important;
    color:#fff!important;
    backdrop-filter:blur(9px)!important;
    -webkit-backdrop-filter:blur(9px)!important;
    box-shadow:0 8px 22px rgba(4,20,39,.14)!important;
  }
  body:not(.page-home) .home12-main-nav.open{
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:calc(100% + 8px)!important;
    width:min(300px,calc(100vw - 32px))!important;
    max-width:300px!important;
    height:auto!important;
    max-height:min(72vh,580px)!important;
    margin:0!important;
    padding:10px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
    overflow:auto!important;
    background:rgba(7,29,54,.93)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:15px!important;
    box-shadow:0 20px 50px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(16px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
    z-index:40!important;
  }
  body:not(.page-home) .home12-main-nav.open>a{
    display:flex!important;
    align-items:center!important;
    color:#fff!important;
    background:transparent!important;
    font-size:15px!important;
    font-weight:500!important;
    padding:11px 12px!important;
    border-radius:9px!important;
    white-space:normal!important;
    text-shadow:none!important;
  }
  body:not(.page-home) .home12-main-nav.open>a:hover,
  body:not(.page-home) .home12-main-nav.open>a.active{
    background:rgba(255,255,255,.09)!important;
    color:#fff!important;
  }
  body:not(.page-home) .home12-main-nav.open .mobile-language-row{
    display:block!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    margin-top:7px!important;
    padding:11px 4px 3px!important;
    color:#fff!important;
  }
  body:not(.page-home) .home12-main-nav.open .mobile-language-row>span{
    display:block!important;
    margin:0 6px 9px!important;
    color:rgba(255,255,255,.70)!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
  body:not(.page-home) .home12-main-nav.open .mobile-language-row>div{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
  body:not(.page-home) .home12-main-nav.open .mobile-language-row a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:50px!important;
    padding:8px 10px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:650!important;
    text-shadow:none!important;
  }
  body:not(.page-home) .home12-main-nav.open .mobile-language-row a.active,
  body:not(.page-home) .home12-main-nav.open .mobile-language-row a[aria-current="true"]{
    background:#eef6ff!important;
    color:#17649b!important;
    border-color:#d6e9fb!important;
  }
}

/* 1181–1360: keep five links visible, with readable type. */
@media (min-width:1181px) and (max-width:1360px){
  body:not(.page-home) .home12-nav-wrap{
    width:calc(100vw - 44px)!important;
    height:84px!important;
    min-height:84px!important;
    gap:14px!important;
  }
  body:not(.page-home) .home12-logo{width:146px!important;max-width:146px!important}
  body:not(.page-home) .home12-brand-rule,
  body:not(.page-home) .home12-brand-name,
  body:not(.page-home) .home12-nav-cta{display:none!important}
  body:not(.page-home) .home12-main-nav{
    display:flex!important;
    gap:17px!important;
    margin-left:auto!important;
  }
  body:not(.page-home) .home12-main-nav>a{
    display:inline-flex!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
  body:not(.page-home) .home12-main-nav>a:nth-of-type(n+6){display:none!important}
  body:not(.page-home) .home12-main-nav.open>a{display:flex!important}
  body:not(.page-home) .home12-language-switcher{
    display:block!important;
    margin-left:0!important;
  }
  body:not(.page-home) .home12-lang-current{
    min-width:82px!important;
    padding:8px 10px!important;
    font-size:13.5px!important;
  }
}

/* 1025–1180: four visible links + menu button. */
@media (min-width:1025px) and (max-width:1180px){
  body:not(.page-home) .home12-nav-wrap{
    width:calc(100vw - 36px)!important;
    height:80px!important;
    min-height:80px!important;
    gap:12px!important;
  }
  body:not(.page-home) .home12-logo{width:138px!important;max-width:138px!important}
  body:not(.page-home) .home12-brand-rule,
  body:not(.page-home) .home12-brand-name,
  body:not(.page-home) .home12-nav-cta{display:none!important}
  body:not(.page-home) .home12-main-nav{
    display:flex!important;
    gap:15px!important;
    margin-left:auto!important;
  }
  body:not(.page-home) .home12-main-nav>a{
    display:none!important;
    font-size:14.5px!important;
    line-height:1.2!important;
  }
  body:not(.page-home) .home12-main-nav>a:nth-of-type(-n+4){display:inline-flex!important}
  body:not(.page-home) .home12-main-nav.open>a{display:flex!important}
  body:not(.page-home) .home12-language-switcher{display:none!important}
}

/* 900–1024: still retain three useful links instead of collapsing everything. */
@media (min-width:900px) and (max-width:1024px){
  body:not(.page-home){padding-top:0!important}
  body:not(.page-home) .home12-nav-wrap{
    width:calc(100vw - 30px)!important;
    height:78px!important;
    min-height:78px!important;
    gap:11px!important;
  }
  body:not(.page-home) .home12-logo{width:132px!important;max-width:132px!important}
  body:not(.page-home) .home12-brand-rule,
  body:not(.page-home) .home12-brand-name,
  body:not(.page-home) .home12-language-switcher,
  body:not(.page-home) .home12-nav-cta{display:none!important}
  body:not(.page-home) .home12-main-nav{
    display:flex!important;
    gap:14px!important;
    margin-left:auto!important;
  }
  body:not(.page-home) .home12-main-nav>a{
    display:none!important;
    font-size:14.5px!important;
    line-height:1.2!important;
  }
  body:not(.page-home) .home12-main-nav>a:nth-of-type(-n+3){display:inline-flex!important}
  body:not(.page-home) .home12-main-nav.open>a{display:flex!important}
}

/* 780–899: retain two links. */
@media (min-width:780px) and (max-width:899px){
  body:not(.page-home){padding-top:0!important}
  body:not(.page-home) .home12-nav-wrap{
    width:calc(100vw - 28px)!important;
    height:74px!important;
    min-height:74px!important;
    gap:10px!important;
  }
  body:not(.page-home) .home12-logo{width:128px!important;max-width:128px!important}
  body:not(.page-home) .home12-brand-rule,
  body:not(.page-home) .home12-brand-name,
  body:not(.page-home) .home12-language-switcher,
  body:not(.page-home) .home12-nav-cta{display:none!important}
  body:not(.page-home) .home12-main-nav{
    display:flex!important;
    gap:14px!important;
    margin-left:auto!important;
  }
  body:not(.page-home) .home12-main-nav>a{
    display:none!important;
    font-size:14px!important;
  }
  body:not(.page-home) .home12-main-nav>a:nth-of-type(-n+2){display:inline-flex!important}
  body:not(.page-home) .home12-main-nav.open>a{display:flex!important}
}

/* Under 780px: only then use the single compact menu button. */
@media (max-width:779px){
  body:not(.page-home){padding-top:0!important}
  body:not(.page-home) .home12-nav-wrap{
    width:calc(100vw - 24px)!important;
    height:70px!important;
    min-height:70px!important;
    padding-right:54px!important;
  }
  body:not(.page-home) .home12-logo{width:126px!important;max-width:126px!important}
  body:not(.page-home) .home12-brand-rule,
  body:not(.page-home) .home12-brand-name,
  body:not(.page-home) .home12-language-switcher,
  body:not(.page-home) .home12-nav-cta{display:none!important}
  body:not(.page-home) .home12-main-nav{display:none!important}
  body:not(.page-home) .home12-main-nav.open{
    display:flex!important;
    width:min(286px,calc(100vw - 24px))!important;
  }
}