/* Reuse the exact self-hosted face from /sideeye/ (ITF FFL 2.0).
   Source and license: /sideeye/fonts/Satoshi-LICENSE.txt.
   Use the SideEye family: 800 for main headings, 700 for SideEye subheadings.
   Keep sizes and spacing intact. */
@font-face {
  font-family: "Satoshi";
  src: url("../sideeye/fonts/SatoshiVariable.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bold-font: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* Page headings, feature labels, semantic bold, and emphasized controls. */
b,
strong,
h4,
h5,
h6,
.company-hero .hero-copy h1,
.company-section > h2,
.building-section h2,
.product-meta h3,
.building-category h3,
.contact-email,
.empty-copy .eyebrow,
.recycle-clear-label,
.sideeye-page :is(h1, h2, h3, h4, h5, h6, dt, summary, b, strong),
.se-strapline,
.se-button,
.se-feature-group h3,
.se-policy-copy h2,
.se-policy-copy strong {
  font-family: var(--bold-font);
  font-weight: 800;
}

/* One step lighter for SideEye subheadings, question titles and the CTA. */
.sideeye-page :is(h3, h4, h5, h6, dt, summary, .se-strapline, .se-button) {
  font-family: var(--bold-font);
  font-weight: 700;
}