/* Versión compacta de las cabeceras para llegar antes a los proyectos. */
.header {
  height: 72px;
}
.hero {
  min-height: 0;
  padding: 32px 6vw 38px;
  align-items: center;
}
.hero h1 {
  font-size: clamp(48px, 7vw, 98px);
  max-width: 920px;
}
.hero p.lead {
  max-width: 680px;
  margin: 16px 0 0;
  font-size: 16px;
}
.mark {
  width: min(130px, 13vw) !important;
}
.what {
  padding-top: 52px;
  padding-bottom: 52px;
}
.service-list {
  margin-top: 22px;
}
.service-list div {
  padding: 12px 0;
}
.service-list h3 {
  font-size: clamp(28px, 3.6vw, 50px);
}
.work {
  padding-top: 68px;
}
.cta {
  padding: 46px 6vw 50px;
}
.cta p {
  margin: 0 0 6px;
}
.cta h2 {
  margin: 6px 0 22px;
  font-size: clamp(48px, 6vw, 82px);
}
.cta .pill {
  padding: 12px 20px;
}
@media (max-width: 800px) {
  .header { height: 64px; }
  .hero {
    min-height: 0;
    padding: 26px 5vw 32px;
    align-items: center;
  }
  .hero h1 { font-size: clamp(46px, 15vw, 72px); }
  .mark { width: 70px !important; }
  .what { padding: 42px 5vw; }
  .cta { padding: 34px 5vw 38px; }
  .cta h2 {
    margin-bottom: 18px;
    font-size: clamp(42px, 13vw, 62px);
  }
}