/* ============================================================
   Case-study pages: alignment layer (2026-10-14)
   The three case studies are pasted standalone documents that carry their
   own CSS. This file loads after it and only on page-case-study.php, and
   maps the pasted design onto the homepage system without touching copy:
   theme greys, Medium titles, grey (not lime) second halves, mono labels in
   dim, hairline bands instead of boxed cards, no rounded corners. Everything
   is scoped to body.case-study-page so nothing leaks.
   ============================================================ */
body.case-study-page{--mut:#939187;--dim:#5E5C54}

/* Titles: one weight below the hero */
body.case-study-page h2.sec-title{font-weight:500;letter-spacing:-0.015em;word-spacing:0.08em;line-height:1.08}
body.case-study-page h2.sec-title .serif,
body.case-study-page h2.sec-title .acc{font-weight:500;color:var(--mut)}
body.case-study-page h3,
body.case-study-page .disc-cell h3,
body.case-study-page .spot h3{font-weight:500;letter-spacing:-0.01em}
body.case-study-page .tk{font-weight:600}

/* Mono labels: dim, numerals may stay lime */
body.case-study-page .k,
body.case-study-page .stat,
body.case-study-page .disc-tag,
body.case-study-page .sec-num{color:var(--dim)}
body.case-study-page .sec-num{text-transform:uppercase}
body.case-study-page .sec-num i{color:var(--acc)}

/* Hairlines, not boxes */
body.case-study-page .spot{background:transparent;border-left:0;border-right:0;padding-left:0;padding-right:0}
body.case-study-page .snap{background:transparent}
body.case-study-page .btn,
body.case-study-page .bub{border-radius:0}

/* Section rhythm matches the homepage */
body.case-study-page .sec{padding-top:clamp(72px,11vh,128px);padding-bottom:clamp(72px,11vh,128px)}
body.case-study-page .sec-intro{font-size:1.05rem;line-height:1.7;max-width:46ch}

/* ---------- type (2026-10-15): Instrument Sans + JetBrains Mono ----------
   The pasted documents declare their own --sans/--mono on :root; setting them
   on body wins for everything inside. Heavy weights come down to semibold. */
@font-face{
  font-family:"Instrument Sans";
  src:url("/wp-content/themes/calibreagency/assets/fonts/instrument-sans-var.woff2") format("woff2");
  font-weight:400 700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"JetBrains Mono";
  src:url("/wp-content/themes/calibreagency/assets/fonts/jetbrains-mono-var.woff2") format("woff2");
  font-weight:400 500;font-style:normal;font-display:swap;
}
body.case-study-page{--sans:"Instrument Sans","Helvetica Neue",-apple-system,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;font-family:var(--sans)}
body.case-study-page h1.display{font-weight:600}
body.case-study-page h1.display .serif{font-weight:500}
body.case-study-page .nlinks a.nav-cta,body.case-study-page .t b,body.case-study-page .stand-l h3{font-weight:600}
body.case-study-page h2.sec-title .serif,body.case-study-page h2.sec-title .acc{font-weight:400}