/* header-fit.css - one-line display headlines (James, 2026-10-12).
   Baseline fluid sizing so page/section masthead headlines sit on ONE line
   at laptop/desktop widths; /js/header-fit.js then fine-trims each headline
   to its measured text width (a longer headline steps down, a short one
   steps up toward the 148px design cap, so every title uses its line and
   stays bold). Nothing is truncated or hidden. Under 1024px the original
   rules apply and headlines wrap naturally. */
@media (min-width:1024px){
  .b-scope header.b-masthead h1,
  header.pv-masthead h1,
  header.ph-masthead h1,
  header.mh-masthead h1{
    font-size:clamp(54px,8.6vw,124px);
    white-space:nowrap;
  }
}