/* Tangentek heading font: H1 + H2 use Unbounded to echo the heavy, wide logo lettering.
   Unbounded runs ~25% wider than the previous fonts, so sizes are scaled down per context.
   To revert site-wide: delete the <link href="/heading-font.css"> line from the pages (or empty this file). */

/* base: every h1/h2 */
html body h1:not(#tk),
html body h2:not(#tk){
  font-family:'Unbounded','Bricolage Grotesque',Inter,Arial,sans-serif !important;
  font-weight:800 !important;
  font-synthesis:none;
  letter-spacing:-.02em !important;
  line-height:1.12 !important;
  overflow-wrap:break-word;
  text-transform:none;
}

/* ---------- H1 ---------- */
html body h1:not(#tk){font-size:clamp(28px,4.4vw,46px) !important}
html body h1.hero-title:not(#tk){font-size:clamp(32px,4.2vw,58px) !important;line-height:1.06 !important}
html body h1.rony-name:not(#tk){font-size:clamp(28px,4.2vw,56px) !important;line-height:1.08 !important}
html body h1.article-title:not(#tk),
html body .article-hero h1:not(#tk){font-size:clamp(25px,3.2vw,40px) !important}
html body h1.ty-title:not(#tk){font-size:clamp(26px,3.6vw,32px) !important}
html body .blog-hero-left h1:not(#tk){font-size:clamp(26px,3.4vw,38px) !important}

/* ---------- H2 ---------- */
html body h2.h2:not(#tk){font-size:clamp(24px,2.9vw,38px) !important}
html body h2.s-title:not(#tk){font-size:clamp(25px,3.3vw,44px) !important}
html body .cta-box h2:not(#tk),
html body h2.cta-title:not(#tk){font-size:clamp(26px,3.6vw,48px) !important;line-height:1.1 !important}
html body .blog-cta-text h2:not(#tk){font-size:clamp(23px,2.8vw,32px) !important}
html body h2.port-h2:not(#tk){font-size:clamp(24px,2.6vw,32px) !important}
html body .seo-geo-card h2.seo-geo-title:not(#tk),
html body .seo-geo-section h2.seo-geo-title:not(#tk){font-size:clamp(21px,2.4vw,34px) !important}

/* smaller content headings: lighter weight, tighter size */
html body .article-body h2:not(#tk),
html body .faq-section h2:not(#tk),
html body .legal-card h2:not(#tk),
html body h2.blog-card-title:not(#tk),
html body > section.container h2.seo-geo-title:not(#tk){
  font-weight:700 !important;letter-spacing:-.01em !important;line-height:1.25 !important;
}
html body .article-body h2:not(#tk),
html body .faq-section h2:not(#tk){font-size:clamp(18px,1.7vw,23px) !important}
html body .legal-card h2:not(#tk){font-size:clamp(18px,1.6vw,21px) !important}
html body h2.blog-card-title:not(#tk){font-size:clamp(15px,1.2vw,17px) !important}
html body > section.container h2.seo-geo-title:not(#tk){font-size:clamp(19px,1.6vw,22px) !important}

/* Outlined words inside headings: Unbounded is a variable font, so a bare text-stroke exposes its
   overlapping contours. Stroke first, then fill with the hero background so only the outer outline shows. */
html body :is(h1,h2) :is(.outline,.line2,.echo):not(#tk){
  paint-order:stroke fill;
  -webkit-text-stroke:2.6px rgba(13,19,36,.34) !important;
  -webkit-text-fill-color:#F5F5F7 !important;
  color:#F5F5F7 !important;
}