/* Proportions des chiffres clés et du bandeau d'accueil. */
.hero-stat { gap: 10px; }
.hero-stat img { width: 40px; height: 40px; }
.hero-stat b { font-size: 32px; }
.hero-stat span { font-size: 13px; line-height: 1.45; }
.hero-note { font-size: 14px; line-height: 1.55; }
.hero .actions .btn { font-size: 15px; padding: 16px 26px; }

.metrics .metric { min-height: 174px; padding: 22px 18px; }
.metrics .metric img,
.metrics .metric:first-child img {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  margin-bottom: 10px;
  object-fit: contain;
}
/* L'immeuble remplit davantage son PNG : compenser les marges blanches
   des trois autres images pour égaliser la taille visible des symboles. */
.metrics .metric:first-child img { padding: 8px; }
.metrics .metric b,
.metrics .metric .metric-number { font-size: 28px; line-height: 1.1; }
.metrics .metric .metric-unit { font-size: 20px; }
.metrics .metric > span { font-size: 13px; line-height: 1.45; margin-top: 9px; }

@media (max-width: 620px) {
  .hero-stat img { width: 36px; height: 36px; }
  .hero-stat b { font-size: 30px; }
  .hero-note { font-size: 13px; }
  .metrics .metric { min-height: 154px; padding: 20px 16px; }
  .metrics .metric img,
  .metrics .metric:first-child img { width: 32px; height: 32px; }
  .metrics .metric:first-child img { padding: 7px; }
  .metrics .metric b,
  .metrics .metric .metric-number { font-size: 27px; }
}