/* Fleuve et Montagnes: finishing layer (Impeccable polish, 2026-10-28). Loaded last on every page.
   Keeps the identity (logo, soleil/marine palette, Familjen Grotesk) and only refines rhythm, scale and details. */
:root{--fm-sable:#F7F1E6;--fm-texte-doux:#5D6D76}

/* Browser surfaces carry the palette too. */
::selection{background:#FCE9BC;color:#152E43}
html{accent-color:#1E3F5A;caret-color:#1E3F5A}

/* Readable helper text in the booking bar and calendar (was 3.5:1, now 5.3:1). */
.book .is-empty .bk-val,.pop .cal-wd{color:var(--fm-texte-doux)}

/* Hero: the river takes more of the frame, the headline wraps in balanced lines. */
.hero .hero-copy h1{text-wrap:balance}
@media(min-width:900px){
  .hero .hero-split{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);min-height:min(76vh,640px)}
  .hero .hero-copy h1{font-size:clamp(46px,4.5vw,70px);line-height:1}
}
@media(max-width:599px){
  .hero .hero-visual{height:clamp(240px,66vw,280px);min-height:clamp(240px,66vw,280px)}
}

/* Rhythm: generous air between chapters, tight inside them. */
@media(min-width:900px){
  main .home-stays{padding:88px 0 80px}
  main .fm-river{padding:104px 0}
  main .fm-guest-stories{padding:104px 0}
  main .gs-home-faq{padding-block:104px}
  main .cta-band{padding-block:72px}
  main .insta{padding-block:96px}
  main .fm-river-panel,main .fm-river-panel img{min-height:540px;max-height:640px}
  main .fm-guest-story{min-height:440px}
}
@media(max-width:899px){
  main .home-stays,main .fm-river,main .fm-guest-stories,main .gs-home-faq,main .insta{padding-block:56px}
}

/* One title scale for every homepage chapter. */
main :is(#fm-stays-title,.fm-river-copy h2,.fm-guest-stories h2,.gs-home-faq-grid>div:first-child>h2,.cta-band h2,.insta-head h2){
  font-size:clamp(32px,3.4vw,48px);line-height:1.06;letter-spacing:-.03em;text-wrap:balance
}
main .fm-guest-stories h2{margin-bottom:36px}
main .home-stays .fm-stay-heading{margin-bottom:24px}
main .home-stays .fm-stay-heading p,main .fm-river-copy .berge-head p{font-size:17px}

/* Guest words get a warm ground and more presence. */
main .fm-guest-stories{background:var(--fm-sable)}
@media(min-width:900px){main .fm-guest-stories .fm-guest-story blockquote{font-size:23px;line-height:1.35}}

/* Card details stay legible. */
main .home-stays .u-position,main .u-cap,main .photo-label{font-size:14px}

/* The three closing links share one treatment (only the first had the sun stripe). */
main .links3 .l3 a,main .links3 .l3 a:first-child{box-shadow:none;border:0;border-top:1px solid var(--line)}