/* Round two · the page's one unit (round-two.html). Load before r2-page.css.

   The owner, 2026-09-14: "Make sure every element of the page scales up and
   down with whatever the aspect ratio is. It's not just the hero or the
   'Another hour gone' title, but every aspect of the page."

   Every size below the hero is calc(N * var(--bmw-u)): N is the px size on
   his MacBook browser view (1204 wide; any height from 620 up keeps today's
   sizes). The screen's scale, --bmw-s, is whichever side runs out first.
   Above one reference pixel the unit grows three quarters as fast, the rate
   the hero takes (HeroReveal.tsx): at the full rate his 1920 monitor read
   "a little bit too big". Below one it shrinks in full, so nothing clips.
   Phones use a 390 wide reference. The hero sets the same unit on itself;
   the logo, the closed menu bar and the header button stay in px. */
:root {
    --bmw-s: min(calc(100vw / 1204), calc(100vh / 620));
    --bmw-u: min(var(--bmw-s), calc(0.25px + 0.75 * var(--bmw-s)));
}
@supports (height: 100svh) {
    :root {
        --bmw-s: min(calc(100vw / 1204), calc(100svh / 620));
    }
}
@media (max-width: 809px) {
    :root {
        --bmw-u: min(calc(100vw / 390), 1.15px);
    }
}