/* ============================================================
   SYNLI brand v0.2 type, scoped to pages that opt in with
   body.pg-brand26 (the holiday-rental surface and its thank-you).
   Koulen for display, always in caps. Inter for everything read.
   Koulen has no euro glyph, so money figures are set in Inter.
   ============================================================ */
@font-face { font-family: 'Koulen'; src: url('/media/fonts/Koulen-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/media/fonts/Inter-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/media/fonts/Inter-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/media/fonts/Inter-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/media/fonts/Inter-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }

.pg-brand26 {
  --display: 'Koulen', 'Space Grotesk', system-ui, sans-serif;
  --text: 'Inter', system-ui, -apple-system, sans-serif;
  --mono: 'Inter', system-ui, sans-serif;
}

/* Display in caps. Koulen is condensed and already tight, so the negative
   tracking the Grotesk needed comes off and the leading closes up. */
.pg-brand26 .d1, .pg-brand26 .d2, .pg-brand26 .d3,
.pg-brand26 .step-t, .pg-brand26 .index-t, .pg-brand26 .fsuccess h3 {
  font-weight: 400; text-transform: uppercase; letter-spacing: .01em;
}
.pg-brand26 .d1 { font-size: clamp(3rem, 6.8vw, 5.4rem); line-height: .92; }
.pg-brand26 .d2 { font-size: clamp(2.2rem, 4.4vw, 3.6rem); line-height: .95; max-width: 22ch; }
.pg-brand26 .d2--wide { max-width: 28ch; }
.pg-brand26 .step-t { font-size: 1.45rem; line-height: 1.05; }
.pg-brand26 .index-t { font-size: 1.3rem; }
.pg-brand26 .fsuccess h3 { font-size: clamp(1.9rem, 3.2vw, 2.6rem); }

/* Small headings and figures stay in Inter: caps at that size read as labels,
   and the money needs a euro sign. */
.pg-brand26 .faq-q, .pg-brand26 .foot-tag, .pg-brand26 .rn-lg-col,
.pg-brand26 .rn-vs .vs-h { font-family: var(--text); font-weight: 600; letter-spacing: -.015em; }
.pg-brand26 .rn-ctl-h output, .pg-brand26 .rn-fig-n, .pg-brand26 .rn-lg-row dd .num {
  font-family: var(--text); font-weight: 600; letter-spacing: -.035em; font-variant-numeric: tabular-nums;
}
.pg-brand26 .rn-fig-n { font-size: clamp(1.9rem, 3.2vw, 2.7rem); }
.pg-brand26 .team-sig { font-family: var(--text); font-weight: 600; letter-spacing: .02em; text-transform: none; font-size: .9rem; }
.pg-brand26 .index-n, .pg-brand26 .rn-step-n, .pg-brand26 .foot h5,
.pg-brand26 .foot-bot, .pg-brand26 .sticky-cta-t, .pg-brand26 .ty-next li::before {
  font-family: var(--text); font-weight: 600;
}
.pg-brand26 .index-n, .pg-brand26 .rn-step-n { font-size: .8rem; letter-spacing: .02em; }
.pg-brand26 .btn, .pg-brand26 .flabel, .pg-brand26 .nav-links > li > a { font-family: var(--text); }
.pg-brand26 .btn { font-weight: 600; }