/**
 * Work Section Header Block Styles
 *
 * @package Matchbox_Custom_Blocks
 */

.work-section-header {
    padding: 2rem 0;
}

.work-section-header .block-wrap {
    align-items: flex-start;
}

.work-section-header h3 {
    color: var(--color-accent-1);
    margin-bottom: 1.5rem;
}

.work-section-header .colors {
    color: var(--color-text);
    line-height: 1.6;
}

.work-section-header .colors p {
    margin-bottom: 1rem;
}

.work-section-header .colors p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .work-section-header {
        padding: 1.5rem 0;
    }

    .work-section-header h3 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
}