/* Dark Theme Specifics (Default) */
.about-hero {
    /* Using header-bg variable for the overlay to match theme settings */
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../img/about_hero.png');
    background-color: var(--header-bg);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.about-hero h1 {
    color: #fff;
}

.mv-card h3 {
    color: #fff;
}

/* Timeline dot border default */
.timeline-dot {
    border: 4px solid var(--bg-dark);
}

.about-img-frame {
    border: 1px solid var(--border);
}

.stats-bar {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.timeline::before {
    background: var(--border);
}