/* Shared type hierarchy. Component targets preserve icon fonts, wordmarks,
 * Devanagari lettering, image overlays and existing layout behavior.
 * Important resolves the legacy component font shorthands only where needed.
 */
body.mitesh {
	--m-sans: 'Chillax', 'Jost', system-ui, sans-serif;
	--m-text-sans: var(--m-sans);
	--m-display: 'Cormorant Garamond', 'Cormorant', Georgia, serif;
	font-family: var(--m-sans);
	font-size: 16px;
	line-height: 1.7;
}

/* Brand and journal titles receive the expressive face. */
.mitesh :is(.m-ab__headline, .m-ab__title, .m-blog__title, .m-article__title, .m-posthead__title, .m-chero__title, .m-colls__title) {
	font-family: var(--m-display) !important;
	font-size: clamp(38px, 4.2vw, 64px) !important;
	font-weight: 400 !important;
	font-style: normal;
	line-height: 1.12 !important;
	letter-spacing: -.02em !important;
	text-transform: none !important;
}

.mitesh :is(.m-ab__title, .m-blogcard__title, .m-relcard__title, .m-related__title) {
	font-family: var(--m-display) !important;
	font-size: clamp(28px, 2.6vw, 40px) !important;
	font-weight: 400 !important;
	line-height: 1.18 !important;
	letter-spacing: -.015em !important;
}
.mitesh :is(.m-blogcard__title, .m-relcard__title) a { font-family: inherit; }
.mitesh .m-ab__intro {
	font-family: var(--m-display) !important;
	font-size: 20px !important;
	line-height: 1.6 !important;
}

/* Functional titles retain the clear sans serif. */
.mitesh :is(.m-track__title, .m-sg__title, .m-collhead__name, .m-cartpage h1, .m-checkoutpage h1) {
	font-family: var(--m-sans) !important;
	font-size: clamp(28px, 2.8vw, 42px) !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	letter-spacing: -.02em !important;
}
.mitesh :is(.m-pdp__title, .m-pdp__buyTitle) {
	font-family: var(--m-sans) !important;
	font-size: clamp(24px, 2vw, 32px) !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	letter-spacing: -.015em !important;
}
.mitesh :is(.m-tilecard__name, .m-rail__name, .m-diary__name) {
	font-family: var(--m-sans) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}
.mitesh .m-tilecard__price { font-family: var(--m-sans); font-size: 14px !important; line-height: 1.5; }

/* Readable body text independent of the old proportional desktop canvas. */
.mitesh :is(.m-entry, .m-ab__body, .m-ab__essayBody, .m-article__body, .m-pdp__copy, .m-caside__copy, .m-track__intro, .m-sg__intro, .m-chero__intro) {
	font-family: var(--m-sans) !important;
	font-size: 16px !important;
	font-weight: 400;
	line-height: 1.75 !important;
	letter-spacing: 0;
}
.mitesh :is(.m-entry, .m-ab__body, .m-ab__essayBody, .m-article__body, .m-pdp__copy) p {
	font-family: inherit;
	font-size: inherit !important;
	line-height: inherit !important;
}
.mitesh :is(.m-entry, .m-article__body) :is(h2, h3) {
	font-family: var(--m-sans);
	font-weight: 500;
	line-height: 1.3;
}
.mitesh :is(.m-entry, .m-article__body) h2 { font-size: clamp(24px, 2vw, 30px); }
.mitesh :is(.m-entry, .m-article__body) h3 { font-size: 22px; }
.mitesh :is(input, select, textarea, button) { font-family: var(--m-sans); }
.mitesh :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]), select, textarea) { font-size: 16px; }
.mitesh :is(.m-ft__body, .m-ft__body a, .m-ft__body p) { font-family: var(--m-sans); }
@media (max-width: 767px) {
	.mitesh :is(.m-blogcard__title, .m-relcard__title) { font-size: 28px !important; }
}

/* These page titles retain the original Chillax treatment. */
.mitesh :is(.m-blog__title, .m-ab__headline, .m-colls__title) {
	font-family: var(--m-sans) !important;
	font-size: clamp(30px, 3.6vw, 42px) !important;
	font-weight: 400 !important;
	line-height: 1.1 !important;
	letter-spacing: -.01em !important;
}