@font-face{font-family:JetBrains;src:url('/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--ink:#fff;--black:#050505;--orange:#f76201;--mono:JetBrains,ui-monospace,monospace;
  --glow:0 2px 3px #000,0 0 10px #000,0 0 18px #000}
*{box-sizing:border-box}
html,body{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;background:var(--black);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased}
/* Until the page and its footage are ready, a still of the same footage is the background (never a black screen).
   Before even the still arrives, the screen is the picture's own colours (sky, city, water), not black. */
body{background:url('/final/media/light/poster-wide.webp') center/cover no-repeat,linear-gradient(#60727a,#616258 50%,#2a383a)}
@media (max-aspect-ratio:3/4){body{background-image:url('/final/media/light/poster-tall.webp'),linear-gradient(#627178,#636253 50%,#0e242e)}}

/* The landing page fills the window and appears in one step once it has painted (no fade: a fade showed the page's
   dark backdrop through the still for a moment). */
#chosenPage{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;border:0;display:block;background:transparent;opacity:0}
#chosenPage.is-ready{opacity:1}

/* Sits exactly on the page's own logo (placed by southbound.js), so one logo is on screen throughout. */
.brand-anchor{position:fixed;z-index:20;top:20px;left:clamp(14px,calc(3vw - 6px),30px);width:128px;height:auto;pointer-events:none}


.noscript-fallback{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}