/* v263: one navigation behavior across Home and every internal page. */
/* Dynamic inner pages inject the header inside this placeholder. Removing the
   placeholder box lets sticky positioning use the document as its container. */
[data-site-header]{display:contents}

.header{
  position:sticky!important;
  top:0!important;
  z-index:121!important;
}

@media(min-width:1021px){
  .header .nav-wrap{min-height:82px}
  .header .menu-toggle{display:none!important}
  .header .nav-links{
    position:static!important;
    display:flex!important;
    flex:1;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    padding:0;
    overflow:visible;
  }
  .header .nav-call{display:inline-flex!important}
}

@media(max-width:1020px){
  .header .nav-wrap{position:relative}
  .header .menu-toggle{display:block;margin-left:auto}
  .header .nav-call{display:none!important}
  .header .nav-links{
    position:absolute;
    z-index:123;
    top:82px;
    left:0;
    right:0;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:8px 20px 20px;
    background:#051421;
    box-shadow:0 16px 28px rgba(0,0,0,.28);
  }
  .header .nav-links.open{display:flex}
}

@media(max-width:768px){
  html{scroll-padding-top:146px}
  body .topbar{
    position:sticky!important;
    top:0!important;
    z-index:124!important;
    overflow:visible!important;
  }
  body .topbar .topbar-inner{
    height:62px;
    overflow:visible!important;
  }
  body .header{
    position:sticky!important;
    top:62px!important;
    z-index:121!important;
  }
  body .header .nav-wrap{min-height:70px}
  body .header .nav-links{
    top:70px;
    max-height:calc(100vh - 132px);
    max-height:calc(100dvh - 132px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}

@media(max-width:430px){
  html{scroll-padding-top:144px}
}