/* ── system/fonts.css ── */ /* ============================================================================ ATLAS WILD EXPERIENCES — webfonts ---------------------------------------------------------------------------- The two faces named on the cheat sheet, both SIL Open Font Licence 1.1, vendored under ../fonts/ with their licences. No CDN, no cost. Derived by ingest_kit.py from the client's supplied zips — subset to latin, then instanced down to the axes this site actually uses: Playfair Display 294 KB -> 49 KB variable wght 400–700 Afacad Flux 421 KB -> 31 KB variable wght 300–700, slant pinned 80 KB for two variable faces. Do not add a third: the cheat sheet also names a "logo font", but supplies no file for it — it exists only as outlines inside the lockup artwork. The wordmark is therefore always the SVG lockup, never live text, and Playfair carries every heading. Paths are relative to this file (system/), so link it as and keep the tree intact. ========================================================================== */ /* Display — headings and pull-quotes. High-contrast serif; give it air and never set it below 25px, where the hairlines start to disappear. */ @font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400 700; font-display: optional; src: url("/assets/fonts/playfair-display/PlayfairDisplay-latin-var.woff2") format("woff2-variations"); } /* A metrics-matched stand-in for Playfair, and the reason it exists: `font-display: swap` paints every heading in the fallback serif first and swaps when the real face arrives. Georgia is wider and shorter than Playfair, so the swap RE-WRAPPED the hero headline and shoved the page down — Google measured 0.098 of the home page's 0.11 layout shift on `.hero-copy`, all of it attributed to this font loading (PageSpeed, 2026-09-16). Preloading the file helped the 15 small shifts but not this one: on a throttled connection the swap still lands after first paint. These numbers are measured from the font binary, not guessed. Playfair is unitsPerEm 1000, hhea ascent 1082, descent -251, line gap 0, average character width 533. `size-adjust` scales Georgia so its average character is the same width as Playfair's, and the ascent/descent overrides are the real metrics divided by that scale, so a line of fallback text occupies the same box as the line that replaces it. The swap then changes the letterforms and moves nothing. Only for the fallback — never put overrides on the real face. AND IT IS NOT ENOUGH ON ITS OWN. `local()` resolves nothing on a machine with no Georgia — Linux, most Android devices, and Google's own PageSpeed test machines. Tried alone on 2026-09-16 it left the shift at 0.09 and the page total went UP to 0.225, because the body font swap was the larger half all along. The faces above are `font-display: optional`, which is what actually fixes it on every device; this block is the belt to that braces, and earns its keep on the desktops that do have Georgia. */ @font-face { font-family: "Playfair fallback"; src: local("Georgia"), local("Times New Roman"), local("Times"); size-adjust: 98.8%; ascent-override: 109.51%; descent-override: 25.4%; line-gap-override: 0%; } /* Body AND data. Afacad Flux ships `tnum` and `zero`, so the same face sets running text and the figures in the logbook and the seat ticker — which is why this brand needs no monospace. Columns of numbers get `font-feature-settings: var(--awe-figures)`. */ @font-face { font-family: "Afacad Flux"; font-style: normal; font-weight: 300 700; font-display: optional; src: url("/assets/fonts/afacad-flux/AfacadFlux-latin-var.woff2") format("woff2-variations"); } /* Preload both in — they are the only two, and both are above the fold: */ /* ── system/variables.css ── */ /* ============================================================================ ATLAS WILD EXPERIENCES — token contract ---------------------------------------------------------------------------- BE CURIOUS ✦ BE CONNECTED ✦ BE IN AWE The single source of truth for the brand's values. Paste this whole :root block into any page's first