/* Shared immutable desktop site header, based on approved Fleet graphic, 1491×64 coordinate system. */
@media (min-width:751px){
  .design,.fleet-art{container-type:inline-size}
  .design > img,.fleet-art > img{clip-path:inset(6.06635% 0 0 0)}
  .site-fixed-header{display:block;position:absolute;left:0;top:0;width:100%;aspect-ratio:1491 / 64;z-index:20;background:transparent url('/assets/site-header-fleet.webp') center top / 100% 100% no-repeat;isolation:isolate}
  .site-fixed-header .site-menu{position:absolute;left:26.2%;top:0;width:51.3%;height:89%;display:flex;align-items:center;justify-content:space-between;gap:0;padding:0 .6%;background:linear-gradient(90deg,#051d30 0%,#061b2e 42%,#071b2d 76%,#071b2c 100%);border-bottom:1px solid #0c87ba;box-shadow:0 2px 1px #017cbb4d}
  .site-fixed-header .site-menu a{flex:1;display:flex;align-items:center;justify-content:center;color:#f2f7ff;text-decoration:none;white-space:nowrap;font:500 1.06cqw/1.25 Arial,Helvetica,sans-serif;border:1px solid transparent;border-radius:999px;height:72%;min-width:0;transition:color .15s}
  .site-fixed-header .site-menu a:hover{color:#ffdc75}
  .site-fixed-header .site-menu a[aria-current="page"]{color:#fff4cf;border-color:#ffcf61;box-shadow:0 0 10px #ffd257b8,inset 0 0 10px #ffb93856;background:linear-gradient(#4c3a18aa,#30251188);font-weight:600}
  .site-fixed-header .site-header-logo{position:absolute;left:2.8%;top:0;width:16%;height:90%;display:block}
  .site-fixed-header .site-header-telegram{position:absolute;left:79.8%;top:0;width:18.3%;height:90%;padding:0;background:transparent;border:0;cursor:pointer}
  .site-fixed-header a:focus-visible,.site-fixed-header button:focus-visible{outline:2px solid #fff;outline-offset:-2px}
}
@media (max-width:750px){.site-fixed-header{display:none!important}}

/* Roadmap has document content rather than full-page image, but shares exactly the same desktop header. */
@media (min-width:751px){
 .roadmap-shared-header-frame{position:relative;container-type:inline-size;width:min(100%,1675px,calc(100dvh * 1491 / 1055));aspect-ratio:1491/64;margin:0 auto}
 .roadmap-old-header{display:none!important}
}
@media (max-width:750px){.roadmap-shared-header-frame{display:none!important}}

/* Fully cover the old Fleet selected-state glow below the menu mask as well. */
@media(min-width:751px){.site-fixed-header .site-menu::after{content:"";position:absolute;top:100%;left:0;right:0;height:12%;pointer-events:none;background:linear-gradient(180deg,#1493c2 0%,#063557 20%,#051d30 100%)}}