/* Échelle typographique de l'accueil, partagée par les pages Archives, Projets et CV */
@media screen{
:root{--ink:#202020;--muted:#606060;--gutter:clamp(22px,4.5vw,72px)}
html{scroll-padding-top:120px}
body{line-height:1.55}
.header{height:60px;padding-inline:var(--gutter)}
.chapters{top:60px;padding-inline:var(--gutter)}
h1{max-width:1000px;font-size:clamp(44px,6vw,92px);font-weight:900;line-height:1.04;letter-spacing:-.055em;text-wrap:balance}
h2:not(.eyebrow){max-width:850px;font-family:"Inter Tight","Arial Black",Arial,Helvetica,sans-serif;font-size:clamp(32px,3.7vw,56px);font-weight:900;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;line-height:1.5}
.intro{max-width:640px;font-size:17px;line-height:1.54}
.lead{max-width:580px;font-size:16px;line-height:1.55}
/* titres posés sur les vidéos, comme le bloc de fin de l'accueil */
.film h2:not(.eyebrow),.finale h2:not(.eyebrow){color:#f7f6f2;font-size:clamp(48px,7.2vw,110px);letter-spacing:-.055em}
.film-title{position:absolute;z-index:1;left:0;bottom:0;display:grid;gap:10px;padding:0 var(--gutter) clamp(24px,4vw,56px);pointer-events:none}
.film-title .eyebrow{color:var(--acc)}
.film::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.2) 46%,rgba(0,0,0,0) 72%);pointer-events:none}
.film+.head .lead{grid-column:1}
@media(max-width:760px){
 :root{--gutter:22px}
 html{scroll-padding-top:110px}
 h1{font-size:clamp(36px,9vw,54px);line-height:1.08}
 h2:not(.eyebrow){font-size:clamp(30px,8vw,44px)}
 .film h2:not(.eyebrow),.finale h2:not(.eyebrow){font-size:clamp(35px,8.3vw,62px)}
}
}