/* V24 — rythme typographique et prévention des collisions */
html{font-kerning:normal}
.hero-meta strong{line-height:1.18;letter-spacing:-.02em}
.liquid-field .reveal-word{width:max-content;max-width:94%;white-space:nowrap;line-height:1.12;letter-spacing:-.018em;font-size:clamp(30px,4.6vw,70px)}
.liquid-field .rw1{left:16%;top:20%;bottom:auto}
.liquid-field .rw2{left:18%;top:43%;bottom:auto}
.liquid-field .rw3{left:10%;top:66%;bottom:auto}
.manifesto p{width:100%;max-width:none;margin:0;font-size:clamp(48px,7.5vw,120px);line-height:1.1;letter-spacing:-.015em}
.manifesto p span{display:block;white-space:nowrap}
.manifesto p span+span{margin-top:.08em}
.lab-call h3,.lab-hero h1,.lab-section-head h2,.lab-item h3,.card h2,.drawer h2,.hero h1,.hero .claim,.intro p,.block-head h2,.panel h3,.cta h2{text-wrap:balance;overflow-wrap:break-word}
.lab-call h3{line-height:1.05;letter-spacing:-.025em}
.lab-hero h1{line-height:1.06;letter-spacing:-.025em;padding-block:.07em}
.lab-section-head h2{line-height:1.1;letter-spacing:-.015em;padding-block:.04em}
.lab-item h3{line-height:1.14;letter-spacing:-.012em;padding-block:.04em}
.card h2{line-height:1.13;letter-spacing:-.015em;padding-block:.04em}
.drawer h2{line-height:1.08;letter-spacing:-.018em;padding-block:.06em}
body:not(.lab-page) .hero h1{line-height:1.05;letter-spacing:-.022em;padding-block:.07em}
.hero .claim{line-height:1.16;letter-spacing:-.01em;padding-block:.04em}
.intro p{line-height:1.2;letter-spacing:-.012em;padding-block:.04em}
.block-head h2{line-height:1.1;letter-spacing:-.015em;padding-block:.04em}
.panel h3{line-height:1.16;letter-spacing:-.01em;padding-block:.04em}
.cta h2{font-size:clamp(48px,7vw,120px);line-height:1.08;letter-spacing:-.018em;padding-block:.05em;overflow-wrap:normal;word-break:normal;hyphens:none}
.collection b{line-height:1.16;letter-spacing:-.015em}
.index-row .title,.list strong{line-height:1.18;letter-spacing:-.012em}
@media(max-width:650px){
  .liquid-field .reveal-word{font-size:10vw;letter-spacing:-.012em}
  .liquid-field .rw1{left:10%;top:17%}
  .liquid-field .rw2{left:16%;top:42%}
  .liquid-field .rw3{left:7%;top:67%}
  .manifesto p{font-size:clamp(27px,7.6vw,48px);line-height:1.14;letter-spacing:-.01em}
  .card h2{line-height:1.17}
  .cta h2{font-size:clamp(24px,7vw,44px)}
  body:not(.lab-page) .hero h1{line-height:1.1}
  .block-head h2{line-height:1.14}
}
/* V26 — lecture et navigation sur écrans étroits */
.card h2,.drawer h2,.index-row .title,.list strong,.hero h1,.block-head h2,.panel h3{word-break:normal;hyphens:none}
@media(max-width:650px){
  .stack{grid-template-columns:minmax(0,1fr);gap:12px}
  .card{aspect-ratio:1.35/1;min-height:260px}
  .card-inner{padding:18px}
  .card h2{font-size:clamp(28px,8vw,42px);line-height:1.12;letter-spacing:-.015em;max-width:100%;overflow-wrap:normal}
  .card-top,.card-bottom{font-size:10px}
  .section-head{gap:18px;line-height:1.5}
  .index-row .title{font-size:clamp(19px,5.5vw,28px);overflow-wrap:normal}
  .drawer h2{font-size:clamp(38px,10vw,56px);line-height:1.12;max-width:100%;overflow-wrap:normal}
  .liquid-field{width:92vw;height:50vh;right:-12vw;top:16vh}
  .liquid-field .reveal-word{font-size:clamp(30px,9vw,45px)}
  body:not(.lab-page){overflow-x:clip}
  body:not(.lab-page) .hero h1{font-size:clamp(40px,10.5vw,60px);line-height:1.1;letter-spacing:-.02em;max-width:none;overflow-wrap:normal;word-break:normal;hyphens:none}
  .hero .claim{font-size:clamp(22px,5.7vw,30px);line-height:1.25;letter-spacing:-.015em}
  .intro p{font-size:clamp(24px,6vw,36px);line-height:1.28;letter-spacing:-.012em;overflow-wrap:normal}
  .block-head{display:block}
  .block-head span{display:block;margin-bottom:15px}
  .block-head h2{font-size:clamp(25px,7.2vw,32px);line-height:1.17;letter-spacing:-.012em;overflow-wrap:normal}
  .panel h3{font-size:clamp(25px,7.2vw,34px);line-height:1.18;letter-spacing:-.012em;overflow-wrap:normal}
  .cta h2{font-size:clamp(28px,8vw,42px);line-height:1.15;letter-spacing:-.012em;overflow-wrap:normal}
  .list strong{font-size:clamp(19px,5.5vw,27px);line-height:1.2;overflow-wrap:normal}
  .keep-word{white-space:nowrap}
}
/* V27 — le liquide, les catégories et le logo occupent des zones distinctes sur téléphone. */
@media(max-width:650px){
  .hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(190px,1fr) auto auto;align-items:end;padding-top:clamp(74px,11svh,110px)}
  .hero .liquid-field{position:relative;grid-row:1;grid-column:1;width:100%;height:min(34svh,300px);min-height:180px;top:auto;right:auto;left:auto;bottom:auto;align-self:start;justify-self:stretch;overflow:hidden;z-index:5}
  .liquid-field .reveal-word{z-index:3;mix-blend-mode:difference;font-size:clamp(24px,7vw,36px)}
  .liquid-field .rw1{left:9%;top:13%}
  .liquid-field .rw2{left:28%;top:42%}
  .liquid-field .rw3{left:10%;top:69%}
  .liquid-field .dont-touch-link{right:8px;bottom:8px;left:auto;white-space:nowrap;mix-blend-mode:difference}
  .hero .logo-lockup{grid-row:2;grid-column:1;width:min(58vw,245px);margin:0 0 3vh;align-self:end;z-index:8}
  .hero .hero-meta{grid-row:3;grid-column:1;z-index:8}
}