/* Le LAB réunit les explorations. Le hero indique trois chemins, puis laisse
   les images et leurs interactions prendre toute la place. Même grille,
   mêmes caractères et mêmes repères que l’accueil. */
html[data-page=lab] .hero.lab-hero{min-height:0;padding-top:clamp(102px,10svh,132px);padding-bottom:clamp(32px,4svh,52px)}
html[data-page=lab] .lab-hero .hero-eyebrow{font-size:13px;margin-bottom:clamp(24px,3svh,36px);color:var(--explore)}
html[data-page=lab] .lab-hero .hero-title{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.22em;width:fit-content;max-width:13ch;font-size:clamp(58px,7.2vw,116px);line-height:.96;margin-bottom:clamp(28px,3.6svh,42px)}
html[data-page=lab] .lab-hero .hero-line{margin-left:0;max-width:100%;padding-bottom:.11em;margin-bottom:-.11em}
html[data-page=lab] .lab-hero .hero-line:first-child{flex-basis:100%}
html[data-page=lab] .lab-hero .hero-line:nth-child(2){flex:none;width:max-content}
html[data-page=lab] .lab-hero .hero-line:nth-child(3){flex:none;width:max-content;max-width:none;font-size:1.28em;line-height:.92;padding-bottom:.12em;margin-bottom:0}
html[data-page=lab] .lab-hero .hero-serif{color:var(--explore)}
html[data-page=lab] .lab-hero .hero-underline{height:3px;background:var(--explore)}
html[data-page=lab] .lab-hero .hero-orbit{top:6%;right:var(--gutter);width:clamp(220px,27vw,420px);opacity:.62}
html[data-page=lab] .lab-hero .orbit-path,html[data-page=lab] .lab-hero .orbit-cross{stroke:var(--explore)}
html[data-page=lab] .lab-hero .orbit-node{fill:var(--explore)}
html[data-page=lab] .lab-hero .hero-round{top:clamp(100px,11svh,138px);width:clamp(92px,8.2vw,128px);right:var(--gutter)}
html[data-page=lab] .lab-hero .hero-bottom{margin-top:0;gap:32px}
html[data-page=lab] .lab-hero .hero-bottom>p{max-width:40ch;font-size:clamp(18px,1.55vw,23px);line-height:1.4;letter-spacing:-.025em}
html[data-page=lab] .lab-hero .hero-bottom .button{width:280px;flex:none}
html[data-page=lab] .lab-hero .hero-footnote{align-items:center;margin-top:clamp(26px,4svh,46px);padding-top:22px;border-top:1px solid #f2f0ea33;color:var(--paper)}
html[data-page=lab] .lab-hero .hero-footnote>span{max-width:none;font-size:13px}
.lab-jump-links{display:flex;align-items:center;justify-content:flex-end;gap:clamp(24px,3vw,46px)}
.lab-jump-links a{max-width:none;text-align:left;display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:14px;line-height:1.2;border-bottom:1px solid #f2f0ea55;transition:color .2s,border-color .2s}
.lab-jump-links a>span{font-size:22px;transition:transform .2s}
@media(hover:hover) and (pointer:fine){.lab-jump-links a:hover{color:var(--explore);border-color:var(--explore)}.lab-jump-links a:hover>span{transform:translate(3px,3px)}}
.lab-jump-links a:focus-visible{outline-color:var(--explore)}
/* À la sortie du film, le noir des concepts commence sous les commandes.
   La marge est celle mesurée par film-stage, le contenu garde son propre air. */
html[data-page=lab] .lab[data-film-handoff]{padding-top:clamp(32px,4.5svh,52px)}
html[data-page=lab] .lab-heading{margin-bottom:clamp(36px,5vw,72px)}
@media(max-width:900px){html[data-page=lab] .lab-hero .hero-bottom{align-items:start}.lab-hero .hero-round{display:none}}
@media(max-width:760px){
 html[data-page=lab] .hero.lab-hero{padding-top:110px;padding-bottom:30px}
 html[data-page=lab] .lab-hero .hero-eyebrow{margin-bottom:24px}
 html[data-page=lab] .lab-hero .hero-title{font-size:clamp(48px,12vw,78px);margin-bottom:26px}
 html[data-page=lab] .lab-hero .hero-line:nth-child(3){font-size:1.24em}
 html[data-page=lab] .lab-hero .hero-orbit{top:17%;right:-15%;width:240px;opacity:.3}
 html[data-page=lab] .lab-hero .hero-bottom{gap:24px}
 html[data-page=lab] .lab-hero .hero-bottom>p{font-size:18px;max-width:34ch}
 html[data-page=lab] .lab-hero .hero-bottom .button{width:100%;max-width:345px}
 html[data-page=lab] .lab-hero .hero-footnote{display:block;margin-top:30px;padding-top:18px}
 .lab-jump-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:10px}
 .lab-jump-links a{justify-content:space-between;min-height:46px;font-size:14px}
 .lab-jump-links a:last-child{grid-column:1/-1}
 html[data-page=lab] .lab[data-film-handoff]{padding-top:32px}
}
@media(prefers-reduced-motion:reduce){.lab-jump-links a,.lab-jump-links a>span{transition:none}}
html[data-motion=reduce] .lab-jump-links a,html[data-motion=reduce] .lab-jump-links a>span{transition:none}