/* One static Gateway symbol per startup surface, independent of live headers. */
:root {--startup-logo-size:clamp(64px,2cm,88px)}
#site-startup {display:none}
html[data-site-startup="loading"] {background:#000}
html[data-site-startup="loading"] body > :not(#site-startup),
html[data-site-startup="loading"] body > :not(#site-startup) * {visibility:hidden !important}
html[data-site-startup="loading"] #site-startup,
#editor-startup {
  position:fixed;inset:0;z-index:10000;width:100vw;max-width:none;margin:0;padding:24px;
  display:grid;place-items:center;background:#000;color:#ddd;
}
.page-startup-logo {
  position:relative;isolation:isolate;display:block;
  width:var(--startup-logo-size);height:var(--startup-logo-size);
}
.page-startup-logo img {display:block;width:100%;height:100%;object-fit:contain}
.page-startup-logo::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:conic-gradient(#f17b85,#edaa73,#ece18a,#84d9a3,#83dce2,#839fe9,#bd91e4,#f17b85);
  mask:url('/assets/official-gateway-logo.png') center / contain no-repeat;
  -webkit-mask:url('/assets/official-gateway-logo.png') center / contain no-repeat;
  mix-blend-mode:multiply;opacity:.85;
}
@media(forced-colors:active) {.page-startup-logo::after {display:none}}