/* ==========================================================================
   TIPOGRAFIA — títulos e texto de apoio
   .d1 = título do hero · .d2 = título de seção · .d3 = subtítulo · .lede = parágrafo de abertura
   ========================================================================== */
h1,h2,h3,h4{margin:0;font-family:Archivo,system-ui,sans-serif;font-weight:800;font-stretch:113%}
.d1{font-size:clamp(2.7rem,6.1vw,5.25rem);line-height:1.035;letter-spacing:-.042em;text-wrap:balance}
.d2{font-size:clamp(2.05rem,4vw,3.35rem);line-height:1.07;letter-spacing:-.034em;text-wrap:balance}
.d3{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.12;letter-spacing:-.026em}
.lede{font-size:clamp(1.06rem,1.3vw,1.22rem);line-height:1.58;color:var(--text-2);text-wrap:pretty}
.dark .lede{color:var(--on-dark-2)}