/* One opaque fixed banner on every public page. Content scrolls beneath it. */
:root{--banner-height:88px}
html{scroll-padding-top:calc(var(--banner-height) + 24px)}
body{padding-top:var(--banner-height)!important;box-sizing:border-box}
body .ui-top,body .ui-top.on-light,body.moon-entry-page .ui-top{
 position:fixed!important;inset:0 0 auto!important;height:var(--banner-height)!important;
 box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
 padding:16px clamp(24px,4vw,64px)!important;z-index:1000!important;
 background:#0b1428!important;backdrop-filter:none!important;
 border-bottom:1px solid #8fd8ff20;box-shadow:0 4px 20px #0000001a;
}
body .ui-top .brand,body .ui-top.on-light .brand{background:none!important;box-shadow:none!important;padding:0!important;filter:none!important}
body .ui-top .brand img,body .ui-top.on-light .brand img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
body .ui-top .nav a,body .ui-top.on-light .nav a{color:#c5d5e9!important}
body .ui-top .nav a:hover,body .ui-top .nav a[aria-current=page]{color:#fff!important}
body .ui-top .nav .access-link{border-color:#658baa!important;color:#ecf6ff!important}
body .ui-top .menu-toggle{background:#111b31!important;color:#e9f6ff!important;border-color:#66809b!important}
.skip-link{z-index:1100!important}
.vision-clear-hero.v-hero{padding-top:0!important}
.children .stage .inner{animation:none!important;transform:none!important;position:relative}
.children .stage .inner>img{display:block;width:100%;height:auto}
.home-stage{position:relative;min-height:max(650px,calc(100svh - var(--banner-height) - 80px))}
.home-page{height:auto!important;min-height:100svh!important}
.home-page .viewport{position:absolute!important;inset:0;height:100%!important;min-height:0!important}
.home-page .home-copy{top:47%}
.home-page .ui-footer{position:relative!important;inset:auto!important;min-height:80px;box-sizing:border-box}
body.moon-entry-page main.moon-entry{min-height:calc(100svh - var(--banner-height));padding-top:100px}
.scene-motion-canvas[hidden],.motion-controls[hidden]{display:none!important}
@media(max-width:760px){
 :root{--banner-height:78px}
 body .ui-top,body .ui-top.on-light,body.moon-entry-page .ui-top{padding:15px 20px!important}
 body .ui-top .nav{top:calc(100% + 8px)!important;background:#0c172b!important;border-color:#35506d!important;max-height:calc(100svh - var(--banner-height) - 24px)}
 .home-stage{min-height:0}.home-page .home-copy{top:auto}
 body.moon-entry-page main.moon-entry{padding-top:430px}
}
