/* =============================================================
   Y Lab — styles spécifiques à la page BiokinetIQ
   Se charge APRÈS /style.css (réutilise ses tokens et ses classes).
   ============================================================= */

.lab-hero{ padding:clamp(150px,24vh,280px) 0 clamp(70px,12vh,140px); }
.lab-hero .display--xl{ margin-top:clamp(14px,2.5vh,24px); }
.lab-hero .lead{ margin-inline:auto; margin-top:clamp(22px,4vh,34px); max-width:34ch; }

/* Mouvement → Preuve (écho de « Complexité → Évidence ») */
.lab-hero__tension{
  display:flex; align-items:center; justify-content:center; gap:clamp(14px,2.4vw,28px);
  margin-top:clamp(30px,5.5vh,54px);
  font-size:clamp(26px,4.8vw,52px); font-weight:200; line-height:1;
}
.lt-from{ color:var(--ink-soft); font-weight:200; }
.lt-ar{ color:var(--accent); font-weight:300; font-size:.82em; }
.lt-to{ color:var(--ink); font-weight:300; }

/* preuve immédiate : le produit en ligne */
.lab-hero__live{ margin-top:clamp(30px,5vh,52px); font-size:13.5px; }
.lab-hero__live a{
  color:var(--ink-soft); letter-spacing:.02em;
  border-bottom:1px solid var(--line); padding-bottom:4px;
  transition:color .3s var(--ease), border-color .3s var(--ease);
}
.lab-hero__live a:hover{ color:var(--ink); border-color:rgba(243,242,237,.35); }

.lab-inline-link{ color:var(--ink-soft); border-bottom:1px solid var(--line); transition:color .3s var(--ease); }
.lab-inline-link:hover{ color:var(--ink); }

/* nav du Lab (2 liens) : affichée en ligne sur mobile, sans le menu déroulant
   (cette page ne charge pas le script.js qui pilote .nav.is-open) */
@media (max-width:640px){
  .nav__links{
    display:flex; position:static; width:auto; margin:0; padding:0;
    flex-direction:row; gap:16px; background:none; border:0;
  }
}