/* Component: arcadian-comp-quote-banner — extracted from main-with-blocks.css for R1 conditional loading */

.quote-banner__wrapper {
    margin: 6.4rem auto
}

@media (width <= 1024.98px) {
    .quote-banner__wrapper {
        margin: 4.8rem auto
    }
}

@media (width <= 640.98px) {
    .quote-banner__wrapper {
        margin: 2.4rem auto
    }
}

.quote-banner__wrapper.quote-banner__text-center {
    text-align: center
}

.quote-banner__wrapper.quote-banner__text-left {
    text-align: left
}

.quote-banner__wrapper.quote-banner__text-right {
    text-align: right
}

.quote-banner__wrapper.variable-container__fullscreen .quote-banner__background, .quote-banner__wrapper.variable-container__fullscreen .quote-banner__background-color, .quote-banner__wrapper.variable-container__fullscreen .quote-banner__overlay {
    grid-column: 1/-1
}

.quote-banner__content-wrapper iframe {
    aspect-ratio: 16/9;
    width: 100vw;
    position: absolute
}

.quote-banner__content-wrapper video {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

@media (width <= 1024.98px) {
    .quote-banner__content-wrapper iframe, .quote-banner__content-wrapper video {
        width: 1440px
    }
}

@media (width <= 640.98px) {
    .quote-banner__content-wrapper iframe, .quote-banner__content-wrapper video {
        height: 100%
    }
    .quote-banner__content-wrapper {
        padding: 8rem 2.4rem
    }
}

.quote-banner__stacking-grid {
    isolation: isolate;
    grid-template-rows:1fr;
    grid-template-columns:1fr;
    display: grid;
    position: relative
}

.quote-banner__background {
    z-index: -1;
    grid-area: 1/1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.quote-banner__background-image, .quote-banner__background-video {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    position: absolute
}

.quote-banner__overlay {
    z-index: 1;
    grid-area: 1/1
}

.quote-banner__content-wrapper {
    z-index: 2;
    grid-area: 1/1
}

.quote-banner__content-container {
    flex-direction: column;
    gap: 2.4rem;
    display: flex
}

.quote-banner__quote {
    font-size: 2.8rem
}

.quote-banner__attribution {
    font-size: 1.6rem
}

.quote-banner__content-wrapper {
    padding: 8rem 9rem
}

@media (width <= 1024.98px) {
    .quote-banner__content-wrapper {
        padding: 4.8rem 2.4rem
    }
}

.quote-banner__wrapper .quote-banner__stacking-grid {
    position: relative
}

.quote-banner__wrapper.variable-container__fullscreen {
    margin: 0
}

.quote-banner__wrapper.variable-container__fullscreen .quote-banner__content-wrapper {
    padding: 8rem 0
}

@media (width <= 1024.98px) {
    .quote-banner__wrapper.variable-container__fullscreen .quote-banner__content-wrapper {
        padding: 4.8rem 0
    }
}

.quote-banner__wrapper.variable-container__fullscreen .quote-banner__background-video-wrapper {
    grid-column: 1/4;
    width: 100%;
    height: 100%;
    position: absolute
}

.quote-banner__background-video-wrapper iframe {
    aspect-ratio: 16/9;
    width: 100vw;
    position: absolute
}

.quote-banner__background-video-wrapper video {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.quote-banner__background-video-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.quote-banner__background-video-wrapper iframe {
    max-width: unset;
    aspect-ratio: 16/9;
    width: 100vw;
    min-width: 1920px
}

@media (width <= 1024.98px) {
    .quote-banner__background-video-wrapper iframe {
        width: 1200px;
        min-width: 1200px
    }
}

.quote-banner__content-container {
    gap: 11rem
}

.quote-banner__quote {
    max-width: 55rem;
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    line-height: 150%
}

.quote-banner__quote:before {
    text-align: left;
    content: "“";
    width: 4.5rem;
    font-size: 7.2rem;
    line-height: 0;
    display: inline-block;
    transform: translateY(3.2rem)
}

.quote-banner__quote:after {
    text-align: right;
    content: "”";
    width: 4.5rem;
    font-size: 7.2rem;
    line-height: 0;
    display: inline-block;
    transform: translateY(3.2rem)
}

.quote-banner__attribution {
    align-items: center;
    gap: 1.6rem;
    margin: 0;
    font-size: 1.8rem;
    font-weight: 700;
    display: flex
}

.quote-banner__attribution:before {
    content: " ";
    border-top: 2px solid;
    width: 6.8rem;
    display: inline-block
}

.quote-banner__text-center .quote-banner__content-container {
    align-items: center
}

.quote-banner__text-right .quote-banner__content-container {
    align-items: flex-end
}