html,body{max-width:100%;overflow-x:hidden}
.site-nav-menu{position:relative;display:flex;align-items:center;height:100%}
.site-nav-trigger{display:flex!important;align-items:center;height:100%;gap:6px;white-space:nowrap}
.site-nav-trigger:after{content:'⌄';color:#d9a455;font-size:11px;transform:translateY(-1px)}
.site-nav-flyout{position:absolute;z-index:120;top:calc(100% - 2px);left:50%;width:310px;padding:11px;transform:translate(-50%,9px);background:rgba(18,26,36,.99);border:1px solid #344152;box-shadow:0 22px 62px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .17s ease,transform .17s ease,visibility .17s}
.site-nav-menu:hover>.site-nav-flyout,.site-nav-menu:focus-within>.site-nav-flyout,.site-nav-menu.is-open>.site-nav-flyout{opacity:1;visibility:visible;transform:translate(-50%,0)}
.site-nav-flyout a{display:block!important;height:auto!important;padding:10px 12px!important;border-bottom:1px solid rgba(52,65,82,.7);color:#ece4d6!important;font-size:13px!important;font-weight:400!important;line-height:1.35!important;text-decoration:none!important;white-space:normal!important;background:transparent!important}
.site-nav-flyout a:hover,.site-nav-flyout a:focus{color:#f08b43!important;background:rgba(190,90,30,.14)!important}
.site-nav-flyout a:last-child{margin-top:5px;border-bottom:0;color:#d9a455!important;font-weight:600!important}
.site-nav-menu>.btn.site-nav-trigger,.site-nav-menu>.nav-cta.site-nav-trigger{padding-left:18px;padding-right:18px}
.site-nav-mobile-menu{height:100%}
@media(min-width:981px){.site-nav-mobile-menu{display:none}}
@media(max-width:980px){.nav-links .site-nav-menu{display:none}.header-actions .site-nav-menu{height:auto}.header-actions .site-nav-trigger{height:auto}.header-actions .site-nav-flyout,.site-nav-mobile-menu .site-nav-flyout{top:calc(100% + 10px);left:auto;right:0;transform:translateY(9px)}.header-actions .site-nav-menu:hover>.site-nav-flyout,.header-actions .site-nav-menu:focus-within>.site-nav-flyout,.header-actions .site-nav-menu.is-open>.site-nav-flyout,.site-nav-mobile-menu:hover>.site-nav-flyout,.site-nav-mobile-menu:focus-within>.site-nav-flyout,.site-nav-mobile-menu.is-open>.site-nav-flyout{transform:translateY(0)}}
@media(max-width:700px){
  .header-actions .site-nav-menu:nth-of-type(n+3){display:none}
  .site-nav-flyout,
  .header-actions .site-nav-flyout,
  .site-nav-mobile-menu .site-nav-flyout{
    position:fixed;
    top:70px;
    left:14px!important;
    right:14px!important;
    width:auto;
    max-width:none;
    transform:translateY(9px)!important;
  }
  .site-nav-menu:hover>.site-nav-flyout,
  .site-nav-menu:focus-within>.site-nav-flyout,
  .site-nav-menu.is-open>.site-nav-flyout{
    transform:translateY(0)!important;
  }
}

/* Keep the official wide Skyway artwork inside compact navigation bars. */
header .logo img[src*="skyway-firebolt"],
header .logo img[src*="skyway-logo-official"]{
  width:min(150px,38vw)!important;
  min-width:0!important;
  max-width:150px!important;
  height:auto!important;
  max-height:75px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:560px){
  header .logo img[src*="skyway-firebolt"],
  header .logo img[src*="skyway-logo-official"]{width:min(120px,34vw)!important;max-width:120px!important;max-height:60px!important}
}

/* A quiet, fixed brand mark that remains behind the page while visitors scroll. */
.site-brand-watermark{
  position:fixed;
  z-index:35;
  top:7vh;
  left:50%;
  width:min(64vw,940px);
  aspect-ratio:2048/1147;
  transform:translate3d(-50%,0,0);
  background:url("../brand/final/skyway-logo-official.webp") center/contain no-repeat;
  opacity:.048;
  contain:paint;
  pointer-events:none;
  user-select:none;
}
/* Keep navigation in the top stacking layer. A flyout cannot escape a
   parent's stacking context, so the header itself must sit above the fixed
   watermark and every page image. */
body>.site-brand-watermark~header{
  position:relative;
  z-index:1000;
  overflow:visible;
  isolation:isolate;
}
body>.site-brand-watermark~main,
body>.site-brand-watermark~section,
body>.site-brand-watermark~footer{
  position:relative;
  z-index:1;
}
@media(max-width:760px){
  .site-brand-watermark{
    top:10vh;
    width:116vw;
    opacity:.04;
  }
}