/* Lectura en pantalla. La identidad conserva sus colores y su lettering;
   los titulares y párrafos usan fuentes del sistema sin descargas tardías. */
:root{--display:Arial,Helvetica,sans-serif;--texto:Arial,Helvetica,sans-serif;--gris:#3f4d45;}
h1,h2,h3,h4,.story-head h1{
  font-family:var(--display)!important;
  font-variation-settings:normal;
  font-stretch:normal;
  font-weight:700;
  letter-spacing:-.015em!important;
  line-height:1.28;
}
.hero h1>span,.hero h1>em{font-family:var(--display)!important;font-weight:800;font-variation-settings:normal;letter-spacing:-.025em;}
.story-head h1{font-size:clamp(38px,4.4vw,64px);line-height:1.13;}
.projects-hero h1{font-size:clamp(38px,4.4vw,64px);line-height:1.13;}
.page-intro h1.titulo{font-size:clamp(34px,4.1vw,56px);line-height:1.18;}
.page-intro h2.titulo,h2.titulo{font-size:clamp(28px,3.1vw,42px);line-height:1.24;}
.data-index-hero h1{font-size:clamp(36px,4.5vw,62px);line-height:1.15;}
.data-index-heading h2{font-size:clamp(28px,3.1vw,42px);line-height:1.24;}
@media(max-width:760px){
 .story-head h1,.projects-hero h1{font-size:clamp(32px,7.7vw,44px);line-height:1.18;}
 .page-intro h1.titulo{font-size:clamp(31px,7.5vw,42px);}
 .page-intro h2.titulo,h2.titulo{font-size:clamp(27px,6.5vw,34px);}
}