/* Gazetteer — a book of places (his name for it, 2026-10-12: "gazetteer"), in the type of "6,684 Feet" (his pick of five
   comps, 2026-10-10: sketches/2026-10-10-mt-mitchell; his word, 2026-10-11: its faces "a look anyone can choose").
   Cormorant Garamond for the words that stand with the pictures, the names and titles, and a passage set apart, in its
   italic; Spectral, light, for all that is read at length; Overpass, after the road signs' Highway Gothic, in spaced
   capitals for the small lines (a dateline, a label, the strips). Cream paper, ochre for the site's own small marks, rubric
   red for a versal and what printers inked red. */
:root{--display:"Cormorant Garamond",Garamond,Georgia,serif; --text:"Spectral",Georgia,serif; --head:"Cormorant Garamond",Garamond,Georgia,serif;
  --modern:"Cormorant Garamond",Garamond,Georgia,serif; --plain:"Overpass","Helvetica Neue",Arial,sans-serif; --rubric:#9a3324}
body{font-variant-numeric:oldstyle-nums}
body.dark{--rubric:#e0926a}

/* the small lines: Overpass, spaced capitals, as the essay's datelines */
.label, .pages, .site-top nav, .site-bottom nav, .site-bottom .credit, .about .go a, .mv-turn .eyebrow, .mv-film .hint,
.book-head .families, .ch .num, .tk-head .count, .library .row .mono, .library .acts .mono, .mv-sheet .edge{font-family:var(--plain);
  font-weight:400; font-style:normal; font-variant-caps:normal; text-transform:uppercase; letter-spacing:.2em; font-size:.66rem}
/* the heads: Cormorant, light, as the essay's title */
h1, .about h1, h2.fam, .family h2, .tk-head h2, .ch .cname{font-family:var(--head); font-style:normal; font-weight:300; letter-spacing:-.005em}
.about h1{font-size:clamp(3.6rem,10vw,6.2rem); line-height:.95}
.about .lede{font:italic 400 clamp(1.4rem,2.6vw,1.85rem)/1.3 var(--display); color:var(--ink)}
.about .go a{color:var(--accent)}
.wordmark{font:italic 400 1.55rem/1 var(--display)}

/* in a room: the words with the pictures in Cormorant, a little heavier than its light, so they hold at a poem's size;
   an essay read in Spectral, light, as "6,684 Feet" sets it; a title partway in Cormorant, not in capitals */
.poem{font-weight:500}
.poem-title{font-weight:500; letter-spacing:.1em}
.essay{font-weight:300; line-height:1.85}
.essay p.apart{font-weight:400}
.essay .dateline{font-weight:400}
.essay .essay-head{font:italic 400 1.75em/1.2 var(--display); letter-spacing:0; margin-right:0; text-transform:none}
.mv-initial .essay p.opening::first-letter{font-weight:500; color:var(--rubric)}

/* the moves and the book */
.vocab .head h1{font-weight:300}
.vocab .kicker{display:block; font:400 .66rem/1.4 var(--plain); letter-spacing:.24em; text-transform:uppercase; color:var(--accent); margin-bottom:14px}
.vocab .lede{font-style:italic; font-family:var(--display); font-size:1.25rem; color:var(--soft)}
.vocab .fam-head h2{font-weight:300}
.vocab .fam-about{font-style:italic; font-family:var(--display); font-size:1.1rem; color:var(--soft)}
.vocab .card .name{font:italic 400 1.6rem/1.1 var(--display)}
.vocab .card .feel{font:400 .64rem/1.4 var(--plain); letter-spacing:.2em; text-transform:uppercase; color:var(--accent); font-style:normal}
.vocab .card .what{font-weight:300; color:var(--soft)}
.spec h3{font:italic 400 1.6rem/1.15 var(--display)}
.spec p{font-weight:300}
h2.fam{font-weight:300}