/* ------------------------------------------------------------------ type ---
   Self-hosted so the page still makes ZERO third-party calls — the reason this
   site had no web fonts at all until now. Both families are latin-only woff2,
   ~144 KB across seven files, cached after the first visit.

   Cormorant Garamond does the reading and the display, often italic.
   DM Sans appears only as small tracked uppercase labels. That ratio is the
   whole look; using DM Sans for body copy loses it.                        */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/cormorant-garamond-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;
  src:url('fonts/cormorant-garamond-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;
  src:url('fonts/cormorant-garamond-latin-600-italic.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/dm-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/dm-sans-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonts/dm-sans-latin-700-normal.woff2') format('woff2')}

/* ---------------------------------------------------------------- tokens ---
   Lifted from groundedpillars.com so the two sites read as one hand.        */
:root{
  --ink-3:#0B0907;        /* page */
  --ink-2:#14110E;        /* raised surface */
  --ink-1:#1A1612;        /* raised surface, one step up */
  --parchment-1:#F4E9CE;  /* primary text */
  --parchment-2:#D4C8AE;  /* body text */
  --muted-1:#A89A7E;      /* labels, captions */
  --muted-2:#8F8267;      /* quietest */
  --amber:#E8B464;        /* accent */
  --amber-deep:#C49A5A;
  --rule:rgba(232,180,100,.22);
  --rule-faint:rgba(232,180,100,.10);
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  /* the label voice: DM Sans, small, uppercase, tracked hard */
  --label:700 .68rem/1.4 var(--sans);
  --track:.32em;
}

/* --------------------------------------------------------------- chrome ---
   One footer, for every page on this site that scrolls. It carries the only
   thing the standalone pages were missing: a way back to the front of the
   site. Slide decks deliberately don't use it — a projected slide has no room
   for chrome, and the library page is how a student reaches a deck anyway. */
.sitefoot{max-width:60rem;margin:3.5rem auto 0;padding:1.15rem 1.15rem 2.6rem;
  border-top:1px solid var(--rule-faint);text-align:center;
  font:var(--label);letter-spacing:var(--track);text-transform:uppercase;
  color:var(--muted-2)}
.sitefoot a{color:var(--muted-2);text-decoration:none}
.sitefoot a:hover{color:var(--amber)}