/* ---------- Illustration Sizing Utilities ---------- */
.illustration-container {
    text-align: center;
    margin-top: var(--spacing-2xl);
    display: flex;
    justify-content: center;
    align-items: center;
}

.illustration-lg {
    max-width: 100%;
    width: 600px;
    height: auto;
}

.illustration-md {
    max-width: 100%;
    width: 400px;
    height: auto;
}

.illustration-sm {
    max-width: 100%;
    width: 250px;
    height: auto;
}

/* Specific Section Adjustments */
.problem-image {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-xl);
}

.problem-image img {
    max-width: 350px !important;
    /* Force smaller size for chaos image */
    height: auto;
}

.hiw-image {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-xl);
}

.hiw-image img {
    max-width: 180px !important;
    /* Force smaller size for the flow icon strip */
    height: auto;
}

.audience-grid+.animate-on-scroll {
    display: flex;
    justify-content: center;
}

.audience-grid+.animate-on-scroll img {
    max-width: 400px !important;
    height: auto;
}