/* ============================================================
   Type: Manrope Extra Light, normal case, for every title.
   Loaded last so it wins over the older uppercase serif rules.
   ============================================================ */
:root { --display: 'Manrope', 'Helvetica Neue', Arial, sans-serif; }

/* large titles */
.hero__word, .page-head__title, .article__title, .kn-close__title, .page-about .page-head__title {
  font-family: var(--sans); font-weight: 200; text-transform: none; letter-spacing: -0.035em; line-height: 1.02;
}
.hero__word { font-size: clamp(2.8rem, 8.4vw, 8.2rem); }
.page-head__title, .page-about .page-head__title { font-size: clamp(2.6rem, 6.4vw, 6rem); }
.article__title { font-size: clamp(2.2rem, 4.6vw, 4rem); }

/* section and item headings */
.room__title, .offer__title, .card__title, .article h2, .method-sec__h, .newsletter__title,
.main > section.wrap > h2, main > section.wrap > h2, .prose > h2, .cm__title,
.kn-slide__title, .kn-format__title, .kn-theme__title, .kn-faq__row dt, .wr-row__title {
  font-family: var(--sans); font-weight: 300; text-transform: none; letter-spacing: -0.02em; font-variant: normal;
}
.room__title { font-size: min(8.4cqi, 2.1rem); }
.offer__title { font-size: clamp(1.6rem, 3.2vw, 2.8rem); }
.card__title, .wr-row__title { font-size: clamp(1.6rem, 3.2vw, 2.8rem); }
.method-sec__h, main > section.wrap > h2, .prose > h2 { font-size: clamp(1.3rem, 2.3vw, 2rem); }
.newsletter__title { font-weight: 300; }

/* small numerals and the name in the nav */
.room__no, .kn-format__no, .kn-slide__no { font-family: var(--sans); font-weight: 300; }
.site-nav__brand { font-family: var(--sans); font-weight: 400; text-transform: none; letter-spacing: -0.005em; font-size: 1rem; }
.home .site-nav__brand { font-size: 0.95rem; letter-spacing: -0.005em; }

/* PRAXIS is tracked out to the full width of PARADOX */
.hero__word { width: fit-content; align-items: stretch; }
.hero__word-spread { display: flex; justify-content: space-between; }