/* ==========================================================================
   NOOR EYEWEAR: type (loaded last on every page)
   Headings: Fraunces, a warm soft serif with a 1959 heritage feel.
   Everything else (text, buttons, labels, prices): Jost, friendly and clear.
   Tracking by size (Apple): tight on large headings, near zero on body, a touch open on small caps.
   ========================================================================== */
html:root, html[data-scheme] {
  --sc-font-mono: "Jost", "Helvetica Neue", Arial, sans-serif;
  --font-head: "Fraunces", Georgia, "Times New Roman", serif;
  --sc-font-display: "Jost", "Helvetica Neue", Arial, sans-serif;   /* UI: buttons, labels, prices */
  --sc-font-text: "Jost", "Helvetica Neue", Arial, sans-serif;
}
body { font-family: var(--sc-font-text); font-size: 1.0625rem; line-height: 1.65; }

/* every heading on the site, whatever the page's own class */
h1, h2, h3,
.display, .h2, .h3, .lg__title, .lgd__name, .fx-title, .fxp__name, .slip__title, .where__title, .fold__title,
.hero__half, .chart-title__row--1 > span:first-child, .bridge__title, .colophon__title, .sh h2, .lab__title, .fx-card__name {
  font-family: var(--font-head) !important;
  font-optical-sizing: auto;
  font-variation-settings: "SOFT" 60, "WONK" 0 !important;
  font-weight: 600;
  letter-spacing: -0.015em;
  text-transform: none;
}
/* large display sizes: tighter, a little lighter so they stay elegant */
h1, .display, .hero__half, .chart-title__row--1 > span:first-child, .fx-title, .lg__title { letter-spacing: -0.025em; line-height: 1.04; font-weight: 560; }
.display--sm, .h3, h3 { letter-spacing: -0.01em; line-height: 1.2; }

/* the chart title: row 1 big serif, rows 2-3 calm text (no stretched capitals) */
.chart-title__row--2 > span:first-child { font-family: var(--sc-font-text) !important; font-variation-settings: normal !important; font-weight: 600; letter-spacing: .02em; text-transform: none; }
.chart-title__row--3 > span:first-child { font-style: normal; }

/* small labels, kickers, tags: Jost semibold, normal width, a little open; no monospace anywhere */
.label, .chart-title__mark, .folio, .exam__who, .exam__meta, .service__meta, .fx-card__kind, .fx-kicker, .lg__kicker, .lgd__kind, .lgd__group,
.lab__sun-label, .lab__tag b, .fx-dots__n, .pkg__tag, .slip__fine, .plan__total small, .kicker, .cap, .tk__tag, .readout small, .lgd__facts dt, .lgx__g h3,
[class*="__kicker"], [class*="__eyebrow"] {
  font-family: var(--sc-font-text) !important;
  font-variation-settings: normal !important;
  font-weight: 600;
  letter-spacing: .06em !important;
}
.exam__meta, .service__meta, .slip__fine, .fx-dots__n { text-transform: none; letter-spacing: 0 !important; font-weight: 500; }

/* buttons: Jost, sentence-like weight, gentle tracking */
.btn, .corner__book, .menu-toggle, .fx-add, .lab__hold, .lab__map, .lgd__tabs button, .lgn a {
  font-family: var(--sc-font-text) !important; font-variation-settings: normal !important; letter-spacing: .02em;
}
.btn { font-weight: 600; }

/* prices: Jost with lining figures */
.price, .pkg__price, .lab-pkg__price, .plan__total b, .fx-card__price, .fxp__price, .lgk__mm, .lgk__ctl b {
  font-family: var(--sc-font-text) !important; font-variant-numeric: lining-nums tabular-nums; font-variation-settings: normal !important;
}

/* see-through views (see-through.js) */
.see3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 8px 0 28px; }
.see3 figure, .pkg-see { margin: 0; }
.see3 svg, .pkg-see svg { width: 100%; height: auto; display: block; aspect-ratio: 3 / 2; background: #EDEAE4; }
.see3 figcaption, .pkg-see figcaption { margin-top: 8px; font-size: .92rem; line-height: 1.45; color: var(--sc-ink-soft, #5C5C58); }
.see3 figcaption b, .pkg-see figcaption b { display: block; color: var(--sc-ink, #1A1A1A); font-weight: 600; }
.see3__lead { max-width: 40rem; color: var(--sc-ink-soft, #5C5C58); }
.pkg-see { max-width: 30rem; margin: 4px 0 18px; }
@media (max-width: 699px) { .see3 { grid-template-columns: 1fr; } }
.see3 figcaption, .pkg-see figcaption { font-style: normal; }
.pkg-see { max-width: 22rem; }

/* the rest of the old display type, now warm serif */
.chartsign__row, .chartsign__row span { font-family: var(--font-head) !important; font-variation-settings: "SOFT" 60, "WONK" 0 !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: -.015em !important; }
.chartsign__row:first-child { letter-spacing: -.02em !important; }
.chartsign__row i { font-family: var(--sc-font-text) !important; font-variation-settings: normal !important; }
.ab-timeline > li > b { font-family: var(--font-head) !important; font-variation-settings: "SOFT" 60, "WONK" 0 !important; font-weight: 600 !important; letter-spacing: -.02em !important; }