/* TODO Check grid columns */
.quote-block {
    grid-column: 1 / span 8;
}
.quote-block.std-spacing { padding: var(--spacing-9xl) 0 var(--spacing-5xl) var(--spacing-9xl); }


.quote {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}


.quote.std-spacing { padding: var(--spacing-9xl) 0 var(--spacing-5xl); }

.quote-block .quote,
.quote-block .quote.std-spacing {
    padding: 0;   
    margin-bottom: var(--spacing-xl);
}

.quote div {
    grid-column: 2 / 9;
}

.quote .body-xl {
    margin-bottom: var(--spacing-xl);
    text-indent: -0.45em;
}

.quote .body-xl::before {
    content: open-quote;
}

.quote .body-xl::after {
    content: close-quote;
}

.quote {
    text-indent: -0.4em;
    /* padding-left: 0.5em !important; */
}

@media (max-width: 1024px) {
    .quote-block.std-spacing { padding: var(--spacing-8xl) var(--spacing-8xl) var(--spacing-8xl) var(--spacing-8xl); }
    
    .quote div {
        grid-column: 1 / -1;
        padding: 0 var(--spacing-8xl);
    }

    .quote .body-xl {
        margin-bottom: var(--spacing-lg);
    }
}

@media (max-width: 767px) {
    .quote-block.std-spacing { padding: var(--spacing-3xl) 0 var(--spacing-3xl) 0; }
    .quote-block {
        grid-column: 1 / -1;
    }
    .quote div {
        padding: 0;
    }

    .quote .body-xl {
        margin-bottom: var(--spacing-xl);
    }
}