/* @group Meet Your Manager
------------------------------------ */

.meet-your-manager :is(.office-hours, #important) {
    color: var(--_group-color);
}
.meet-your-manager .office-hours .text-box {
    position: relative;
}
.meet-your-manager .office-hours .text-box .bp-multimedia {
    width: 3.6rem;
    height: 4.1rem;
    position: absolute;
    top: 0;
    left: 4.6rem;
}
.meet-your-manager .office-hours .text-box .bp-multimedia :is(img, #important) {
    object-fit: contain;
}

@media only screen
and (min-width : 961px) {
    .meet-your-manager .content-row {
        position: relative;
    }
    .meet-your-manager :is(.office-hours, #important) {
        --gap-desktop: 3rem!important;
        margin-left: calc(7 * var(--row-default) / var(--row-columns));
        padding-left: calc(var(--gap-desktop) * 0.5);
        padding-block: 10.3rem;
        margin-top: 7.6rem;
    }
    .meet-your-manager .office-hours::before {
        content: '';
        background: var(--_group-bg);
        position: absolute;
        pointer-events: none;
        z-index: var(--z-index-under);
        width: 100vw;
        left: 50%;
        top: 22rem;
        bottom: 0;
        transform: translate(-50%, 0);
    }
    .meet-your-manager .office-hours .text-box .bp-multimedia {
        left: -4.5rem;
    }
    .meet-your-manager .multimedia-box {
        position: absolute;
        left: calc(8.33% + 1.5rem);
        color: var(--dune);
    }
    .meet-your-manager .multimedia-box .bp-multimedia:is(.texture-bg) {
        display: none;
    }
    .meet-your-manager .multimedia-box .bp-multimedia {
        width: 30.5rem;
        height: 38.3rem;
        margin-bottom: 5.3rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .meet-your-manager :is(.content-row, #important) {
        max-width: 100%!important;
    }
    .meet-your-manager .multimedia-box {
        order: -1;
        position: relative;
        margin-inline: auto!important;
        margin-bottom: 7.6rem;
        width: 17.3rem;
    }
    .meet-your-manager .multimedia-box .bp-multimedia {
        width: 17.3rem;
        height: 21.6rem;
    }
    .meet-your-manager .multimedia-box .bp-multimedia:is(.texture-bg) {
        position: absolute;
        left: 4.6rem;
        bottom: -3.3rem;
        z-index: var(--z-index-under);
    }
    .meet-your-manager .multimedia-box .name {
        display: none;
    }
    .meet-your-manager .title-col {
        text-align: center;
        margin-bottom: 5.4rem;
    }
    .meet-your-manager .office-hours {
        padding-block: 5.7rem 8.2rem;
        position: relative;
    }
    .meet-your-manager .office-hours::before {
        content: '';
        background: var(--_group-bg);
        position: absolute;
        pointer-events: none;
        z-index: var(--z-index-under);
        width: 100vw;
        inset: 0;
    }
    .meet-your-manager .office-hours .text-box {
        padding-left: 9.3rem;
    }

    .meet-your-manager .bp-multimedia {
        transition: 0.5s;
        transition-delay: 1s ease;
    }

    .meet-your-manager.animateActive .bp-multimedia:not(.texture-bg) {
        rotate: -14deg;
    }

    .meet-your-manager.animateActive .bp-multimedia.texture-bg {
        rotate: 14deg;
    }
}

/* @end */


:where(.editor-styles-wrapper) .meet-your-manager .office-hours {
    width: 50%;
    padding-left: 7rem;
}
:where(.editor-styles-wrapper) .meet-your-manager .office-hours::before {
    width: calc(100% + 7rem);
    top: 0;
    z-index: 1;
}
:where(.editor-styles-wrapper) .meet-your-manager .office-hours .block-editor-block-list__layout {
    z-index: 2;
}
:where(.editor-styles-wrapper) .meet-your-manager .multimedia-box {
    color: unset;
}
:where(.editor-styles-wrapper) .meet-your-manager .multimedia-box .bp-multimedia {
    width: 31rem;
    height: 40rem;
}
:where(.editor-styles-wrapper) .meet-your-manager .multimedia-box .bp-multimedia:is(.texture-bg) {
    display: inline-block;
    position: absolute;
    right: -5rem;
    bottom: 0;
}
:where(.editor-styles-wrapper) .meet-your-manager .multimedia-box .bp-multimedia:is(.texture-bg) .img-box img {
    width: 100%;
}
:where(.editor-styles-wrapper) .meet-your-manager .multimedia-box .bp-multimedia:not(.texture-bg) {
    position: relative;
    z-index: var(--z-index-lowest);
}