/* Lorne & Vale · legacy pages under the v8 chrome.
   Loaded after site.css and lv.css on the pages that keep their v5 body
   (faq, guarantee, proof, founders, about, 404). The two files share class
   names; lv.css wins on the shared chrome, and these rules put back the few
   legacy sections it would otherwise repaint, and finish the nav on dark heroes. */

/* Dark heroes keep their black band and their bottom padding */
.hero.dk{background:var(--dbg);color:var(--dink);padding:calc(var(--nav-h) + clamp(64px,9vw,116px)) 0 clamp(64px,9vw,110px);text-align:center;overflow:hidden}
.hero.dk.hero--tool{padding-bottom:clamp(40px,6vw,64px)}
.hero.dk.gh{padding:calc(var(--nav-h) + clamp(40px,6vw,72px)) 0 clamp(48px,6.5vw,80px)}
@media (min-width:1000px){.hero.dk.gh{text-align:left}}
@media (max-width:760px){.hero.dk{padding-top:calc(var(--nav-h) + 44px)}}

/* Buttons: site.css paints every .btn black on hover and grows it; the v8 variants keep their own colour */
.btn:hover{transform:none}
.btn.btn--p:hover{background:var(--acc-ink);color:#fff}
.btn.btn--s:hover{background:transparent;color:var(--ink)}
.dk .btn.btn--s,.dk .btn.btn--s:hover{background:transparent;color:var(--dink)}
.dk .btn.btn--p,.dk .btn.btn--p:hover{background:var(--acc);color:#fff}
.dk .btn.btn--ink,.dk .btn.btn--ink:hover{background:#f5f5f7;color:#000}
.mcta .btn.btn--p{background:var(--acc);color:#fff}

/* Nav: neutralise site.css FR sizing and its white language toggle */
html[lang="fr"] .nav__in{gap:22px}
html[lang="fr"] .nav__links{gap:26px}
html[lang="fr"] .nav__links a{font-size:14px}
html.is-scrolled .nav{box-shadow:none}
.nav--dk .nav__links a.nav__cta{background:#f5f5f7;color:#000!important}
.nav__lang{border-color:var(--line);color:var(--ink3)}
.nav__lang span{color:inherit}
.nav__lang:hover span:not(.is-on){color:var(--ink)}
.nav__lang span.is-on{background:var(--ink);color:#fff}
.nav--dk .nav__lang{border-color:rgba(245,245,247,.35);color:var(--dink2)}
.nav--dk .nav__lang:hover span:not(.is-on){color:#fff}
.nav--dk .nav__lang span.is-on{background:#f5f5f7;color:#000}
@media (max-width:900px){
  html[lang="fr"] .nav__links a{font-size:19px}
  html[lang="fr"] .nav__links .nav__cta{font-size:17px}
  .nav__links a{padding:16px 4px;margin:0}
  .nav--dk .nav__links{background:var(--dbg);border-top-color:var(--dline)}
  .nav--dk .nav__links a{border-bottom-color:var(--dline)}
  .nav--dk .nav__links a.nav__login{color:var(--dink2)!important}
}

/* Footer links keep the v8 rhythm on phones (site.css collapses their padding) */
@media (max-width:820px){.foot nav a{display:block;padding:5px 0;margin:0}}

/* Guarantee numbers band: lv.css .sec padding would double the gap around it */
.sec.gnums-sec{padding:64px 0}

/* Legibility: the slider tick row and the seal caption were set below 11px,
   small enough to strain on a phone even as decorative labels. */
.lvh__ticks{font-size:11.5px}
.gseal span{font-size:11px;letter-spacing:.12em}

/* The founders cards put a fixed-width avatar beside uppercase role text; at
   tablet widths the role could not wrap and pushed the grid past the viewport. */
.cards>*{min-width:0}
.fr__role,.fr__edu{overflow-wrap:anywhere}
.cards .fr,.cards>div{min-width:0}
/* Chips never wrap by design; inside the narrow founder cards the longest
   label is wider than the column, so there they may break across lines. */
.fr__owns .chip{white-space:normal;text-align:left}
/* The name beside a 96px portrait needs about 120px. Below that the row wraps
   and the text takes the full card width, instead of squeezing the name. */
.cards .card>div[style*="flex"]>div[style*="min-width"]{min-width:120px!important}