/* ==========================================================================
   BLOCK: CREATIVITY — Global Expenditure Survey feature (index.html)
   ========================================================================== */

@scope (.block-creativity) {
    :scope {
        padding-block: var(--space-lg);
        container-type: inline-size;
        container-name: creativity;
    }

    .creativity-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--space-md);
    }
    @container creativity (width >= 1024px) {
        .creativity-grid { grid-template-columns: 1fr 1fr; align-items: center; }
    }

    h2 {
        font-weight: 100;
        font-size: var(--fs-h1);
        line-height: 0.9;
        letter-spacing: -0.04em;
        margin-block-end: var(--space-sm);
    }
    h2 strong { font-weight: 900; }

    .lead-p {
        font-size: 1.25rem;
        line-height: 1.6;
        font-weight: 300;
        max-width: 600px;
        margin-block-end: var(--space-sm);
    }

    .creativity-cta { margin-block-start: var(--space-sm); color: #000; }

    .creativity-img-wrap { overflow: hidden; height: 100%; }
    .creativity-img-wrap img { width: 100%; height: 100%; object-fit: cover; }
}