/* ============================================================
   SITE TYPOGRAPHY — shared by every page
   Change a value here and all hero headings update together.
   !important is needed because each page sets its own h1 styles.
   ============================================================ */
h1{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;
  font-size:clamp(26px, 19.2px + 1.6vw, 40px) !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
}
/* Laptops and monitors: one fixed size, whatever the screen. Phones and tablets use the line above. */
@media (min-width:1024px){
  h1{ font-size:40px !important; }
}
/* Words inside the heading match it; each page keeps its accent colour. */
h1 *{
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
}
/* Page scrollbar hidden on every page. The page still scrolls by wheel, trackpad, keyboard and touch.
   Scrollable areas inside the page, such as pop-up windows, keep their own scrollbars. */
html,body{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}
/* Creative page: lines may wrap instead of running out of the column. */
h1 span.block{ white-space:normal !important; }