/* Self-hosted fonts for The Ken (2026-05-02). Replaces the
   fonts.googleapis.com link in index.html so the device renders the
   correct typography pre-WiFi (Google Fonts CDN unreachable until
   the user finishes the WiFi step). Files in this directory:
     cormorant-garamond-400.ttf            (400 normal)
     cormorant-garamond-600.ttf            (600 normal)
     cormorant-garamond-italic-400.ttf     (400 italic)
     jost-500.ttf                          (500 normal)
     jost-600.ttf                          (600 normal)

   ===== THE FILES WERE ROTATED, AND THAT WAS THE REAL FAULT (5 Aug 2026) =====
   Until today these three files did not contain the faces their names claim. Read
   straight out of each file's own name table and head.macStyle:
     cormorant-garamond-400.ttf         held  Cormorant Garamond ITALIC
     cormorant-garamond-italic-400.ttf  held  Cormorant Garamond SEMIBOLD (upright)
     cormorant-garamond-600.ttf         held  Cormorant Garamond REGULAR
   So the rules below, which are correct as written, mapped normal 400 to the
   italic face, italic 400 to the upright semibold, and normal 600 to the lightest
   face in the set. Every upright serif in the app rendered ITALIC, every italic
   serif rendered UPRIGHT and heavy, and every serif asking for 600 got 400.
   Howard, on the device: "'The Ken' at the top of the homepage has the italics the
   incorrect way around". The CSS said the opposite and the CSS was right.

   This note used to say the cause was CSS weight matching resolving 500 down to
   400. That was wrong, and it sent several attempts at Howard's "our branding has
   some thin writing" to the wrong place: a serif title asking for 600 was being
   served the Regular. The measurements it quoted (400 and 500 identical at
   350.281px, 600 at 381.516px) are what a rotated set produces, not what weight
   matching produces.

   The files have been rotated back to match their names, and
   device/scripts/tests/every-font-file-is-the-face-it-claims.mjs now reads the
   face out of every sfnt file and fails the build if it is not what the rule
   below declares. Never judge a font by its filename.

   STILL TRUE, and unrelated: CSS font matching resolves a requested weight to the
   nearest face at or below it. Cormorant ships upright 400 and 600 only, so 500
   renders as 400. Italic Cormorant ships 400 only, so an italic serif cannot be
   made heavier at all. Jost ships 500 and 600 only, so 300/400/500 all render as
   500. If you want a heavier serif, write 600.
   Rule of thumb: a serif title sitting above sans body at a similar size (<12px
   gap) must be 600, or the body out-weighs it.

   ===== FRAUNCES IS GONE (5 Aug 2026) =====
   It never rendered here. Both woff2 files reported status "loaded" and a manual
   FontFace().load() of them resolved, yet text set in Fraunces came out in the
   browser's SANS fallback - proven by rendering each file under its own family
   name on ken-pi-3b27b0 and photographing the result. Everything that named
   Fraunces first had really been drawn in Cormorant Garamond all along, so the
   font stack now says so. Howard, 5 Aug 2026: "Replace all Fraunces with
   Cormorant." The two woff2 files are deleted, here and on the website.
   Do not reintroduce it without rendering a sample on a real Ken first: on this
   device "the face loaded" and "the face draws" are different claims.
*/

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('cormorant-garamond-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('cormorant-garamond-600.ttf') format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url('cormorant-garamond-italic-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('jost-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('jost-600.ttf') format('truetype');
}