body.starfield-page{isolation:isolate;background:#0b1019;min-height:100svh}
.starfield-page .page-starfield{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 30%,#30213b55,transparent 50%),radial-gradient(ellipse at 85% 65%,#1d304955,transparent 55%),#0b1019}
body.starfield-page .site-header.split-header,body.starfield-page .site-footer{background:transparent}
body.starfield-page .welcome-scene{background:none;border:0;border-radius:0;margin:0;isolation:auto;overflow:visible}
body.starfield-page .welcome-scene:before,body.starfield-page .welcome-scene:after{display:none}
body.starfield-page .site-header.split-header{left:0;top:0;width:100%}
body.starfield-page .login-layout.basic-login{background:transparent}
.starfield-page .basic-links>a,.starfield-page .basic-login .card-centre,.starfield-page .no-live-streams{background:#151b24d9}

/* The hero must stay transparent above the fixed starfield. */
body.starfield-page.canon-home .welcome-scene.constellation-scene{background:transparent;isolation:auto}
.starfield-page .page-starfield{background:radial-gradient(ellipse at 20% 30%,#0052e014,transparent 55%),radial-gradient(ellipse at 85% 65%,#0052e010,transparent 55%),#0b1019}
.starfield-page .welcome-content h1 span,.starfield-page .server-stats strong{color:#79a9ff}
.starfield-page .site-header.split-header nav a:hover,.starfield-page .site-header.split-header nav a[aria-current="page"],.starfield-page .toc-link.active{color:#79a9ff}
.starfield-page img[src="/img/wordmark-transparent.png"],.starfield-page img[src="/img/canon-symbol-transparent.png"]{filter:hue-rotate(240deg)}

.canon-wordmark{display:block;width:165px;aspect-ratio:1000/180;background:#0052e0;-webkit-mask:url('/img/canon-wordmark-source.png') center/contain no-repeat;mask:url('/img/canon-wordmark-source.png') center/contain no-repeat}
.site-footer .canon-wordmark{width:94px}
.basic-login-brand .canon-wordmark{width:100%}
@media(max-width:900px){.split-header .canon-wordmark{width:140px}}
@media(max-width:700px){.split-header .canon-wordmark{width:135px}}

.split-header .canon-wordmark{width:230px}
@media(max-width:900px){.split-header .canon-wordmark{width:185px}}
@media(max-width:700px){.split-header .canon-wordmark{width:175px}}

/* Shared page backdrop and homepage separators. */
body.starfield-page .site-header.split-header{border-bottom:1px solid #ffffff18;background:transparent}
body.starfield-page.canon-home .site-header.split-header{border-bottom:1px solid #ffffff18}
body.starfield-page.canon-home .welcome-scene.constellation-scene{border-bottom:1px solid #ffffff18}