/* Manifesto Page Specific Styles */

.manifesto-section h3 {
    margin-top: 40px;
}

.manifesto-section .manifesto-item {
    margin-bottom: 20px;
}

.manifesto-section .manifesto-list {
    text-align: left;
    padding-left: 20px;
}

.manifesto-section .manifesto-slogan {
    margin-top: 60px;
    text-align: center;
}

/* Scrollytelling / Redacted Reveal Effect */
.scrolly-hidden {
    opacity: 0.1;
    /* Start very faint */
    filter: blur(10px);
    /* Heavy blur to simulate "redacted" or unreadable text */
    transform: translateY(20px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    /* Smooth eased transition */
    will-change: opacity, filter, transform;
}

.scrolly-hidden.revealed {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

/* Specific "Redacted Bar" effect for Headings (h4) */
/* This makes the headers look like solid blocks that reveal the text */
.manifesto-section h4.scrolly-hidden {
    color: transparent;
    background-color: var(--main-color);
    /* The block color matches the text color */
    filter: blur(2px);
    /* Slight blur on the block edges */
    opacity: 0.8;
    /* Make the block visible */
    border-radius: 4px;
    display: inline-block;
    /* Wrap tight around text */
    padding: 0 5px;
    /* Add some padding for the block */
    transform: translateY(10px);
}

.manifesto-section h4.scrolly-hidden.revealed {
    color: var(--main-color);
    background-color: transparent;
    filter: blur(0);
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
    /* Wait a tiny bit before revealing headers */
}

/* Stagger list items */
.manifesto-section li.scrolly-hidden {
    transition-delay: 0.1s;
}