:root{
  --font-display:"Cormorant Garamond",Georgia,serif;
  --font-text:"Inter",system-ui,sans-serif;
  --weight-light:300;
  --weight-regular:400;
  --tracking-caps:0.14em;

  /* Échelle desktop */
  --display-xl:clamp(48px,6.2vw,88px);
  --display-l:clamp(34px,3.4vw,48px);
  --display-m:clamp(26px,2.3vw,32px);
  --display-s:22px;
  --title-card:20px;
  --process-num:32px;
  --process-title:15px;
  --references:24px;
  --body:17px;
  --small:13px;
  --caps:12px;
  --surtitre:13px;
  --leading-body:1.65;
  --leading-display:1.05;
  --measure:60ch;
}
@media (max-width:768px){
  :root{--display-xl:48px;--display-l:34px;--display-m:26px;--display-s:20px;--body:16px;}
}
/* Classes utilitaires de style (une par rôle) */
.t-display-xl{font-family:var(--font-display);font-weight:300;font-size:var(--display-xl);line-height:1;letter-spacing:-0.01em}
.t-display-l{font-family:var(--font-display);font-weight:300;font-size:var(--display-l);line-height:var(--leading-display)}
.t-display-m{font-family:var(--font-display);font-weight:400;font-size:var(--display-m);line-height:1.15;text-transform:uppercase;letter-spacing:var(--tracking-caps)}
.t-display-s{font-family:var(--font-display);font-weight:400;font-size:var(--display-s);line-height:1.4}
.t-italic{font-family:var(--font-display);font-style:italic;font-weight:400}
.t-body{font-family:var(--font-text);font-weight:300;font-size:var(--body);line-height:var(--leading-body)}
.t-small{font-family:var(--font-text);font-weight:400;font-size:var(--small);line-height:1.5}
.t-caps{font-family:var(--font-text);font-weight:400;font-size:var(--caps);line-height:1.4;text-transform:uppercase;letter-spacing:var(--tracking-caps)}
.t-surtitre{font-family:var(--font-text);font-weight:400;font-size:var(--surtitre);line-height:1.4;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted)}