@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800;900&display=swap');

/* Light brand-consistency layer for the content pages (About, Expertise,
   Capabilities, Contact, SAIL, SPARK). Injected only on those pages, so these
   overrides never reach the blog or templates. Goal: bring the existing scraped
   Bricks layout into line with the redesigned homepage — heavy geometric
   headings + coral pill buttons — without reflowing any content. */

/* Big bold page title in the hero (Bricks post title element). */
.brxe-post-title{
  font-family:'Poppins',sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
  line-height:1.04!important;
  font-size:clamp(36px,5.6vw,62px)!important;
}

/* All section headings adopt the geometric face (colour left to the theme so
   headings on any dark band stay legible). */
.brxe-heading{
  font-family:'Poppins',sans-serif!important;
  letter-spacing:-.02em!important;
}

/* Buttons become coral pills to match the homepage CTAs. */
.bricks-button.bricks-background-primary,
.bricks-button.bricks-background-info{
  background:#FB4A2C!important;
  border-color:#FB4A2C!important;
  color:#fff!important;
  border-radius:999px!important;
  font-family:'Poppins',sans-serif!important;
  font-weight:600!important;
}
.bricks-button.bricks-background-primary:hover,
.bricks-button.bricks-background-info:hover{filter:brightness(1.05)}

/* Secondary buttons keep their colour but pick up the pill shape + face. */
.bricks-button.bricks-background-secondary{
  border-radius:999px!important;
  font-family:'Poppins',sans-serif!important;
  font-weight:600!important;
}