/*
 * One H1 scale for the whole site (Fadi, 2026-09-27: "the H1 is always big, on PC, mobile and tablet").
 *
 * Every page's main title follows this one rule: about 28px on a phone, 33px on a tablet, 39 to 40px
 * on a large screen. Loaded after every other stylesheet (inc/assets.php, priority 100); the tripled
 * classes outrank the per-design rules (catalog themes, tour pages, journal, legal, 404), so a design
 * keeps its colour, font and italic accent but not its own size. Change the size here only.
 */
h1,
h1.tgh-hero__title.tgh-hero__title.tgh-hero__title,
h1.tgc-hero__title.tgc-hero__title.tgc-hero__title,
h1.tgt-tp-hero__title.tgt-tp-hero__title.tgt-tp-hero__title,
h1.tgb-title.tgb-title.tgb-title,
h1.tgj-title.tgj-title.tgj-title,
h1.tgt-legal__title.tgt-legal__title.tgt-legal__title,
h1.tgt-lost__title.tgt-lost__title.tgt-lost__title,
h1.tgp-hero__title.tgp-hero__title.tgp-hero__title,
h1.tgt-hero-band__title.tgt-hero-band__title.tgt-hero-band__title,
h1.tgt-hero-h1.tgt-hero-h1.tgt-hero-h1,
h1.entry-title.entry-title.entry-title,
h1.tgt-sechead__title.tgt-sechead__title.tgt-sechead__title {
	font-size: clamp(28px, 1.1vw + 23.5px, 40px);
	line-height: 1.14;
}

/*
 * Section titles (H2) stay under the H1 (they were 43 to 49px on a large screen): about 24px on a
 * phone, 27px on a tablet, 32px on a large screen. The journal's numbered entries a step smaller.
 */
h2.tgc-title.tgc-title.tgc-title,
h2.tgh-h2.tgh-h2.tgh-h2,
h2.tgt-tp-title.tgt-tp-title.tgt-tp-title,
h2.tgb-sec__title.tgb-sec__title.tgb-sec__title,
h2.tgj-lead__title.tgj-lead__title.tgj-lead__title,
h2.tgj-cta__title.tgj-cta__title.tgj-cta__title,
h2.tgt-lost__h2.tgt-lost__h2.tgt-lost__h2 {
	font-size: clamp(24px, .8vw + 20.5px, 32px);
	line-height: 1.2;
}
h2.tgb-entry__title.tgb-entry__title.tgb-entry__title {
	font-size: clamp(22px, .6vw + 19px, 28px);
	line-height: 1.22;
}