.events-hero {
    padding: var(--space-8) 0 var(--space-7);
    background:
        radial-gradient(ellipse at top left, var(--accent-soft), transparent 55%),
        var(--bg-0);
    border-bottom: 1px solid var(--border);
}
.events-hero h1 {
    margin-top: var(--space-3);
    max-width: 720px;
}
.events-hero__lead {
    color: var(--text-2);
    font-size: 1.05rem;
    max-width: 620px;
    margin-top: var(--space-3);
}

.events-list {
    padding: var(--space-5) var(--space-5) var(--space-9);
}
.events-list__head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: var(--space-5) 0 var(--space-4);
    gap: var(--space-4);
}
.events-list__count {
    color: var(--text-3);
    font-size: 0.9rem;
    font-weight: 500;
}

@media (max-width: 720px) {
    .events-hero { padding: var(--space-7) 0 var(--space-5); }
    .events-list { padding-bottom: var(--space-7); }
    .events-list__head h2 { font-size: 1.4rem; }
}