/* The Mansa Court — typographic tokens.
   Every text element on the site carries exactly one of these classes and sets none of
   font-family, font-size, font-weight, letter-spacing, text-indent or text-transform itself.
   Each class states all of those properties, so nothing leaks in from a parent.
   Where uppercase text is centred, letter-spacing is paired with an equal text-indent.
   "Desktop / phone" values are measured at 1440px and 390px; fluid between.
   Adding a size or spacing to the site means adding a class here first, documented, then using it. */

/* The house face, served from the site: upright and italic, each one variable file (300 to 400, latin).
   No page loads anything from Google Fonts. The main page preloads both files. */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300 400; font-display: block; src: url("./fonts/cormorant-garamond-latin.woff2") format("woff2"); 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; }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 300 400; font-display: block; src: url("./fonts/cormorant-garamond-italic-latin.woff2") format("woff2"); 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; }

/* Base. The house face for anything without a class of its own: separators, glyphs, form chrome. */
body { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; }

/* strong, b  No bold weight is loaded; emphasis in markup keeps the house weight. */
strong, b { font-weight: 400; }

/* .t-display  The hero title. Cormorant 300, clamp(30px, 5vw, 68px), 0.23em, uppercase.
   Below 440px the tracking drops to 0.13em, the largest value that keeps THE MANSA COURT on one line at 390px. */
.t-display { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 300; font-style: normal; font-size: clamp(30px, 5vw, 68px); letter-spacing: 0.23em; text-indent: 0.23em; text-transform: uppercase; }
@media (max-width: 440px) { .t-display { letter-spacing: 0.13em; text-indent: 0.13em; } }
/* Below 390px the size becomes 7.5vw (tracking stays 0.13em), so THE MANSA COURT stays on one line on the smallest phones. */
@media (max-width: 389px) { .t-display { font-size: 7.5vw; } }

/* .t-page  Page titles on entry and policy pages (the engagement's name, COOKIES POLICY). Cormorant 300, 46px / 28px, 0.16em, uppercase. */
.t-page { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 300; font-style: normal; font-size: clamp(28px, 5vw, 46px); letter-spacing: 0.16em; text-indent: 0.16em; text-transform: uppercase; }

/* .t-title  Section titles, entry headings, month names. Cormorant 400, 13px / 11px, 0.34em, uppercase. */
.t-title { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; font-style: normal; font-size: clamp(11px, 1.2vw, 13px); letter-spacing: 0.34em; text-indent: 0.34em; text-transform: uppercase; }

/* .t-large  Large lines such as "Membership is not for sale". Cormorant 300, 38px / 28px. */
.t-large { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 300; font-style: normal; font-size: clamp(28px, 3.2vw, 38px); letter-spacing: normal; text-indent: 0; text-transform: none; }

/* .t-question  Particulars questions, Lexicon headwords. Cormorant 300, 21px / 18px. */
.t-question { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 300; font-style: normal; font-size: clamp(18px, 1.9vw, 21px); letter-spacing: normal; text-indent: 0; text-transform: none; }

/* .t-intro  Italic section intros and confirmations. Cormorant 300 italic, 20px / 16px. */
.t-intro { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 300; font-style: italic; font-size: clamp(16px, 1.8vw, 20px); letter-spacing: normal; text-indent: 0; text-transform: none; }

/* .t-body  All body prose, one tier only; also the text a member types into a field. Cormorant 400, clamp(16px, 1.6vw, 18px), line-height 2.05. */
.t-body { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; font-style: normal; font-size: clamp(16px, 1.6vw, 18px); letter-spacing: normal; text-indent: 0; text-transform: none; line-height: 2.05; }
input.t-body { line-height: normal; }

/* .t-entry  Calendar and Almanac titles. Cormorant 400, 22px / 17px, 0.02em. */
.t-entry { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; font-style: normal; font-size: clamp(17px, 1.9vw, 22px); letter-spacing: 0.02em; text-indent: 0; text-transform: none; }

/* .t-band  Timing bands, panel metadata lines, entry header lines, month tallies. Cormorant 400, 11px / 10px, 0.24em, uppercase. */
.t-band { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; font-style: normal; font-size: clamp(10px, 1vw, 11px); letter-spacing: 0.24em; text-indent: 0.24em; text-transform: uppercase; }

/* .t-label  Form labels, Code rule labels, filter labels, search label, legends. Cormorant 400, 11px, 0.30em, uppercase. */
.t-label { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; font-style: normal; font-size: 11px; letter-spacing: 0.3em; text-indent: 0.3em; text-transform: uppercase; }

/* .t-action  Standalone calls to action. Cormorant 400, 14px, 0.28em, uppercase. */
.t-action { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; font-style: normal; font-size: 14px; letter-spacing: 0.28em; text-indent: 0.28em; text-transform: uppercase; }

/* .t-link  Inline small-caps links: RSVP, Send, The Almanac Entry, the Return links, the Lexicon link. Cormorant 400, 12px, 0.30em, uppercase. */
.t-link { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; font-style: normal; font-size: 12px; letter-spacing: 0.3em; text-indent: 0.3em; text-transform: uppercase; }

/* .t-caption  Image captions and gallery captions. Cormorant 400, 12px / 10px, 0.22em, uppercase. */
.t-caption { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; font-style: normal; font-size: clamp(10px, 1.1vw, 12px); letter-spacing: 0.22em; text-indent: 0.22em; text-transform: uppercase; }

/* .t-note  Italic notes and metadata. Cormorant 400 italic, 14px. */
.t-note { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; font-style: italic; font-size: 14px; letter-spacing: normal; text-indent: 0; text-transform: none; }

/* .t-fine  Fine print: panel footnotes, copyright, the (optional) marker, See Also and Elsewhere links. Cormorant 400, 12px. */
.t-fine { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; font-style: normal; font-size: 12px; letter-spacing: normal; text-indent: 0; text-transform: none; }

/* .t-nav  Navigation items and footer lines. Cormorant 400, 11px / 10px, 0.28em, uppercase. */
.t-nav { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 400; font-style: normal; font-size: clamp(10px, 1vw, 11px); letter-spacing: 0.28em; text-indent: 0.28em; text-transform: uppercase; }
/* On phones the main page's header links stay at 11px: the menu still sets on two lines from 360px up. */
@media (max-width: 760px) { header nav .t-nav { font-size: 11px; } }