* { box-sizing: border-box; }
html { scroll-behavior: auto; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: .25em; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
a:focus-visible, button:focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
p { margin: 0 0 1.25em; }
h1, h2, h3 { margin: 0; }
figure { margin: 0; }
.skip { position: absolute; left: 1rem; top: -10rem; padding: .7rem 1rem; background: #fff; color: #111; z-index: 20; }
.skip:focus { top: 1rem; }
.nav-labels { display: flex; flex-wrap: wrap; gap: .6rem 1.5rem; align-items: center; }
.nav-labels span { white-space: nowrap; }
.release { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 1rem; }
.release button { opacity: 1; cursor: default; border: 0; padding: .85rem 1.4rem; font-weight: 600; }
.release small { font-size: .875rem; }
.screen { aspect-ratio: 3 / 2; display: grid; place-content: center; text-align: center; gap: .55rem; border: 1px solid; padding: 1.5rem; }
.screen span { font-size: .8125rem; font-family: 'Segoe UI', Arial, sans-serif; font-weight: 400; letter-spacing: .025em; }
.screen strong { font-weight: 400; font-size: 1.6rem; }
.screen figcaption { display: contents; }
.lede { line-height: 1.65; }
footer p { margin: .85rem 0 0; font-size: .8125rem; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }