/* Page backdrop: faint grid, accent bloom, oversized brand watermarks. * * This used to live inside backtotop.js and get injected at runtime, which meant * the whole backdrop could not paint until the script had downloaded and run. * On a page it showed up as: text first, then grid, then logos, arriving in * three visible steps. As a stylesheet in it is render-blocking, so it * paints in the same frame as the content. * * Uses var(--accent), so it turns orange by itself on TB pages. */ .stage { position: relative; } /* ⚠️ THE MARKS HANG PAST THE VIEWPORT ON PURPOSE (#bgart right:-120px, #bgart2 left:-90px), and * once the drift animation puts a transform on them Chrome counts them as scrollable width - a * phone could pan ~30px sideways into empty space. index.html already carried this guard for its * #sky; every page loading this file gets it now. `clip`, not `hidden`: hidden would turn the * root into a scroll container and break position:sticky bars. */ html { overflow-x: clip; } /* Keep the centred top-bar logo at the TRUE viewport centre on every page. * The marketing pages scroll the , so a page tall enough to need a * scrollbar loses ~10px of width on the right, which shifted the `1fr auto 1fr` * logo ~5px left versus a short page (and versus the app home, which scrolls an * inner pane and never loses header width). `stable both-edges` reserves a * matching gutter on the opposite side, so the content box stays symmetric and * the logo lands dead centre whether or not a scrollbar is present. * Scoped off the app (`.stage.app` = home / workspace) so the tool itself, which * already centres correctly and sits flush to the edge, gets no side gutters. * UPDATE: `both-edges` reserved a matching strip on the LEFT too, which reads as * an empty gap on any page with a full-bleed background. Plain `stable` reserves * the gutter only where the scrollbar actually is, and reserves it ALWAYS (even * on short pages), so the width stays constant page to page and the logo still * never shifts. Same fix, no gap. */ /* scrollbar-gutter removed: reserving a gutter left a visible bare strip beside the stage background (left edge with both-edges, right edge with stable). Not worth it for a ~7px logo shift on short pages. */ /* ---- one scrollbar for the whole site ---- Every page used to set its own near-black track (#0a0e18), which reads as a hard black bar against the lighter footer. Transparent track + a soft rounded thumb blends everywhere and warms to the accent on hover. This file loads after each page's own