/* Generated by scripts/ooo-sites/build.mjs: the tokens are those of src/styles (global.css, kit.css, public-theme.css), the faces those of @fontsource-variable/lexend. */
:root { --font-sans: 'Lexend Variable', sans-serif; --color-paper: #faf9f6; --color-ink: #171715; --kit-display: clamp(2.25rem, 1.15rem + 3.9vw, 4.5rem); --kit-leading-display: 1.12; --kit-track-display: -.045em; --selection-background: #f7c6b4; --selection-color: #171715; }
@media (prefers-color-scheme: dark) { :root { --color-paper: #0c0b0a; --color-ink: #faf9f6; } }
@font-face {
  font-family: 'Lexend Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(lexend-vietnamese-wght-normal.aab0b318.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: 'Lexend Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(lexend-latin-ext-wght-normal.b5d815d4.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Lexend Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(lexend-latin-wght-normal.b7e7538f.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*
 * The page of an experiment name (scripts/ooo-sites, OPS-143): the name alone, centred both ways, in the display role of the site's type
 * (docs/brand/design-language.md, section 2). build.mjs writes the tokens (colours, display size, leading, tracking, font) and the font faces
 * above these rules, taking them from src/styles/global.css, kit.css and public-theme.css, so the values are the site's own and nothing here
 * names a colour or a size. Flat and upright, one weight, no image, shadow, gradient or motion: there is nothing on the page to move.
 * The theme is the visitor's system theme (prefers-color-scheme), as on the public site while nothing is stored; there is no script to store a choice.
 */
html { background: var(--color-paper); color: var(--color-ink); color-scheme: light dark; }
body {
  box-sizing: border-box; margin: 0; padding: 56px;
  min-height: 100vh; min-height: 100dvh;
  display: grid; place-items: center;
  font-family: var(--font-sans); font-synthesis: none; -webkit-text-size-adjust: 100%;
}
h1 {
  margin: 0; max-width: 100%;
  font-size: var(--kit-display); font-weight: 300; line-height: var(--kit-leading-display); letter-spacing: var(--kit-track-display);
  text-align: center; text-wrap: balance; overflow-wrap: anywhere;
}
::selection { background: var(--selection-background); color: var(--selection-color); }
/* The kit's page gutters (kit.css: 56, 32 and 20 px). */
@media (max-width: 1050px) { body { padding: 32px; } }
@media (max-width: 720px) { body { padding: 20px; } }