@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');

/* Les quatre repères de l'accueil utilisent les champs du bloc CMS existant. */
#statistiques.home-reperes { padding-bottom: 15vh; }
.home-reperes .content_flex { flex-wrap: wrap; }
.home-reperes .chart_item { margin-top: 20px; }
.home-reperes .animated-chart { width: 200px; height: auto; aspect-ratio: 1; }
.home-reperes .animated-chart h3 { position: relative; z-index: 1; font-size: 25px; text-transform: none; line-height: 1.2; }
.home-reperes .animated-chart h3 strong { font-size: 48px; font-weight: 400; }
.home-reperes .animated-chart h3 small { display: block; font-size: 16px; margin-bottom: 5px; }
.home-reperes .repere-age h3,
.home-reperes .repere-team h3 { position: absolute; inset: 0; margin: 0; font-family: 'Raleway', sans-serif; }
.home-reperes .repere-age-label { fill: #000; font-size: 16px; font-weight: 300; }
.home-reperes .repere-number { fill: #000; font-size: 52px; font-weight: 400; font-variant-numeric: lining-nums tabular-nums; font-feature-settings: 'lnum' 1, 'tnum' 1; }
.home-reperes .repere-age .repere-tick { opacity: .55; }
.home-reperes .repere-location h3 strong { font-size: 27px; }
.home-reperes .repere-location h3 { text-shadow: 0 0 5px white, 0 0 10px white; }
.home-reperes .chart_item__desc { margin-top: 18px; line-height: 1.5; font-size: 17px; }
.home-reperes .repere-outline { fill: none; stroke: url(#reperes-gradient); stroke-width: 12.857142857; }
.home-reperes .repere-tick { stroke: #95c22e; stroke-width: 2; }
.home-reperes .repere-france { fill: #e3e5e7; }
.home-reperes .repere-pin { fill: #95c22e; }
@media screen and (max-width: 780px) {
    #statistiques.home-reperes { padding-bottom: 10%; }
    .home-reperes .chart_item { width: 50%; margin-top: 30px; }
}
@media screen and (max-width: 420px) {
    .home-reperes .chart_item { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .home-reperes .chart-segment { animation: none !important; }
}