/***********
  ** Override CSS goes here
  ** Typically added to live sites that aren't compiled anymore
************/

/* Add this to your CSS to handle font loading states */
.fonts-loading p.display-1 {
  /* Use system fonts that closely match your Typekit font */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  /* Match size/weight to minimize layout shift */
  /* Adjust these values to match your Typekit font */
  font-weight: bold;
  visibility: visible;
}

/* Optional: Add subtle transition when fonts load */
.fonts-loaded p.display-1 {
  transition: color 0.2s ease-in;
}