/* The home chart follows the shared site language, while keeping its data points easy to read. */
.home-page .activity-chart__line {
    stroke-dasharray: 1400;
    stroke-dashoffset: 1400;
    animation: chart-line-draw 1.25s cubic-bezier(.22,.7,.2,1) forwards;
}

.home-page .activity-chart__dot {
    stroke-width: 2.5;
    transform-box: fill-box;
    transform-origin: center;
    animation: chart-point-breathe 2.8s ease-in-out infinite;
    animation-delay: calc(var(--point-index, 0) * 110ms);
}

@keyframes chart-line-draw {
    to { stroke-dashoffset: 0; }
}

@keyframes chart-point-breathe {
    0%, 100% { opacity: .82; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.22); }
}

.home-page .activity-chart__grid text,
.home-page .activity-chart__day {
    font-size: 12px;
    letter-spacing: .02em;
}

@media (max-width: 720px) {
    .home-page .activity-chart__grid text,
    .home-page .activity-chart__day {
        font-size: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page .activity-chart__line,
    .home-page .activity-chart__dot {
        animation: none;
    }
}