/* @group breather-text
------------------------------------ */

.breather-text {
    position: relative;
}

.breather-text .absolute-content {
    isolation: isolate;
}

.breather-text .absolute-content::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--beige);
    mix-blend-mode: color;
    background-blend-mode: color;
}

.breather-text .absolute-content,
.breather-text .absolute-content .bp-multimedia {
    position: absolute;
    inset: 0;
}

.breather-text .wp-block-heading {
    --ls: 0.05em;
    --lh: 1em;
    --fw: var(--fw-400);
}

.breather-text .absolute-content .bp-multimedia {
    opacity: 0.15;
    z-index: -1;
}

.breather-text .content {
    z-index: 1;
    position: relative;
}

.breather-text .absolute-content :is(p, #important) {
    font-family: var(--font-adobe);
    font-weight: 400;
    font-style: italic;
    opacity: 0.4;
    position: absolute;
    color: #BBAE9C;
    left: 50%;
    translate: -50% 0%;
    line-height: 1em;
}

.breather-text .absolute-content p span {
    font: inherit;
}

@media only screen and (min-width : 961px) {

    .breather-text .content {
        padding-block: 17.8rem 10.8rem;
    }

    .breather-text .content p {
        padding-top: 1.5rem;
    }

    .breather-text .wp-block-heading {
        --fs: 4rem;
        --fw: var(--fw-400);
    }

    .breather-text .wp-block-heading.has-heading-1-font-size {
        --fs: 7rem;
        --ls: .028em;
        padding-top: 1rem;
    }

    .breather-text .absolute-content :is(p, #important) {
        font-size: 14.91rem;
        top: 10rem;
        width: 100%;
        text-align: center;
    }

    .breather-text .bp-column {
        max-width: 59.5rem!important;
    }

}

@media only screen and (min-width : 0) and (max-width : 960px) {

    .breather-text .content {
        padding-block: 24.3rem 10.1rem;
    }

    .breather-text .content p {
        padding-top: 3rem;
    }

    .breather-text .wp-block-heading {
        --fs: 2.4rem;
    }
    
    .breather-text .wp-block-heading.has-heading-1-font-size {
        --fs: 4.8rem;
        --ls: .025em;
        padding-top: 1.5rem;
    }

    .breather-text .absolute-content :is(p, #important) {
        font-size: 10rem;
        color: var(--black);
        opacity: 0.1;
        top: 7rem;
        width: 100%;
        padding-inline: 2rem;
    }

    .breather-text .absolute-content p span:last-of-type {
        margin-left: auto;
        display: block;
        text-align: right;
    }
}

/* @end */


/* Animations */

:where(#wrapper) .breather-text :is(.absolute-content, .content .wp-block-heading, .content p) {
	opacity: 0;
	--duration: 1s;
}

:where(#wrapper) .breather-text.animateActive :is(.absolute-content, .content .wp-block-heading, .content p) {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}

:where(#wrapper) .breather-text.animateActive .absolute-content {
    --delay: 0.2s;
}
:where(#wrapper) .breather-text.animateActive .content .wp-block-heading:nth-child(1) {
    --delay: 0.6s;
}
:where(#wrapper) .breather-text.animateActive .content .wp-block-heading:nth-child(2) {
    --delay: 0.8s;
}
:where(#wrapper) .breather-text.animateActive .content p {
    --delay: 1s;
}