.ip-banner {
    display: none;
}

.ip-about-banner .ip-banner {
    display: block;
}

.ip-banner canvas {
    min-height: 700px;
}

div#inner-page-wrapper {
    margin-bottom: 0px;
}

div#inner-page-wrapper > .container {
    width: 100%;
    padding: 0px;
}

.ip-banner::after {
    height: 80%;
    background: linear-gradient(rgba(42, 40, 37, 0), rgb(42, 40, 37) 67%, rgb(42, 40, 37));
}

.ip-about-banner {
    position: relative;
    background: rgb(42, 40, 37);
}

.ip-about-banner-content {
    position: relative;
    z-index: 5;
    padding: 0px 15px 43px;
    margin: -300px 0px 0px;
}

.ip-about-banner-title {
    font-size: 40px;
    line-height: 1;
    color: rgb(255, 255, 255);
    font-family: var(--font-family-title);
    text-transform: uppercase;
    font-weight: 400;
    margin: 0px 0px 32px;
    text-align: center;
}

.ip-about-banner-text {
    font-size: 16px;
    line-height: 2;
    letter-spacing: -0.02em;
    color: rgb(255, 255, 255);
    font-weight: 300;
    text-align: center;
    max-width: 832px;
    margin: 0px auto;
}

.ip-about-banner-text p {
    margin: 0px 0px 32px;
}

.ip-about-banner-content-inner {
    max-width: 1320px;
    margin: 0px auto;
}

.ip-about-video-area {
    position: relative;
}

.ip-about-video-area a {
    display: block;
    position: relative;
    background: rgb(0, 0, 0);
}

.ip-about-video-area a > img {
    aspect-ratio: 1600 / 710;
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: 0.3s ease-in-out;
    opacity: 0.55;
}

.ip-about-video-area a:hover > img {
    opacity: 0.75;
}

.ip-about-video-area a span {
    position: absolute;
    inset: 0px;
    margin: auto;
    width: 111px;
    height: 111px;
    z-index: 5;
    opacity: 0.55;
    transition: 0.3s ease-in-out;
}

.ip-about-video-area a:hover span {
    opacity: 1;
}

.ip-about-sarah-matt-area {
    position: relative;
    padding: 110px 0px 0px;
}

.ip-about-sarah-matt__bg {
    background-color: var(--primary);
}

.ip-about-sarah-matt__bg canvas {
    opacity: 0.25;
}

.ip-about-sarah-matt-holder {
    position: relative;
    z-index: 5;
    max-width: 1320px;
    margin: 0px auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.ip-about-sarah-matt-list {
    position: relative;
}

.ip-about-sarah-matt-list.matt {
    margin: 0px -75px;
}

.ip-about-sarah-matt-list.sarah {
    z-index: 2;
}

.ip-about-sarah-matt-list-name {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.ip-about-sarah-matt-list.matt .ip-about-sarah-matt-list-name {
    justify-content: flex-end;
}

.ip-about-sarah-matt-list.matt .global-title {
    right: -181px;
}

.ip-about-sarah-matt-list.sarah .global-title {
    left: -254px;
}

.ip-about-sarah-matt-bio {
    position: relative;
    background: rgb(209, 208, 203);
    padding: 103px 15px 115px;
}

.ip-about-sarah-matt-bio-list-text {
    font-size: 16px;
    line-height: 2;
    letter-spacing: -0.02em;
    color: rgb(0, 0, 0);
    font-weight: 300;
}

.ip-about-sarah-matt-bio-holder {
    max-width: 1320px;
    margin: 0px auto;
    gap: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ip-about-sarah-matt-bio-list {
    width: 100%;
    max-width: 604px;
}

.ip-about-sarah-matt-bio-list-text a {
    margin-top: 30px;
}

.ip-about-agents-area {
    position: relative;
    padding: 110px 15px 34px;
}

.ip-about-agents__bg {
    background-color: var(--primary);
}

.ip-about-agents__bg canvas {
    opacity: 0.25;
}

.ip-about-agents-feed {
    position: relative;
    max-width: 1096px;
    margin: 0px auto;
}

.ip-about-agents-list-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ip-about-agents-list-content {
    width: 55.11%;
}

.ip-about-agents-list-photo {
    width: 44.89%;
}

.ip-about-agents-list-content-inner .global-title {
    margin: 0px 0px 33px;
}

.ip-about-agents-list {
    margin: 0px 0px 80px;
}

.ip-about-agents-list:nth-child(2n) .ip-about-agents-list-inner {
    flex-direction: row-reverse;
}

.ip-about-agents-list-photo a {
    display: block;
    position: relative;
    max-width: max-content;
}

.ip-about-agents-list:nth-child(2n) .ip-about-agents-list-photo a {
    margin: 0px 0px 0px auto;
}

@media only screen and (min-width: 992px) {
    .hidden-md {
        display: none!important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1600px) {
    .ip-about-banner-content {
        padding: 0px 0.938vw 2.688vw;
        margin: -18.75vw 0px 0px;
    }

    .ip-about-banner-title {
        font-size: 2.5vw;
        margin: 0px 0px 2vw;
    }

    .ip-about-banner-text {
        font-size: 1vw;
        max-width: 52vw;
    }

    .ip-about-banner-text p {
        margin: 0px 0px 2vw;
    }

    .ip-about-banner-content-inner {
        max-width: 82.5vw;
    }

    .ip-about-video-area a span {
        width: 6.938vw;
        height: 6.938vw;
    }

    .ip-about-sarah-matt-area {
        padding: 6.875vw 0px 0px;
    }

    .ip-about-sarah-matt-holder {
        max-width: 82.5vw;
    }

    .ip-about-sarah-matt-list.matt {
        margin: 0px -4.688vw;
    }

    .ip-about-sarah-matt-list.matt .global-title {
        right: -11.313vw;
    }

    .ip-about-sarah-matt-list.sarah .global-title {
        left: -15.875vw;
    }

    .ip-about-sarah-matt-bio {
        padding: 6.438vw 0.938vw 7.188vw;
    }

    .ip-about-sarah-matt-bio-list-text {
        font-size: 1vw;
    }

    .ip-about-sarah-matt-bio-holder {
        max-width: 82.5vw;
        gap: 1.875vw;
    }

    .ip-about-sarah-matt-bio-list {
        max-width: 37.75vw;
    }

    .ip-about-sarah-matt-bio-list-text a {
        margin-top: 1.875vw;
    }

    .ip-about-agents-area {
        padding: 6.875vw 0.938vw 2.125vw;
    }

    .ip-about-agents-feed {
        max-width: 68.5vw;
    }

    .ip-about-agents-list-content-inner .global-title {
        margin: 0px 0px 2.063vw;
    }

    .ip-about-agents-list {
        margin: 0px 0px 5vw;
    }
}

@media only screen and (max-width: 991px) {
    .ip-banner canvas {
        min-height: auto;
    }

    .ip-about-banner-content {
        margin: -70px 0px 0px;
    }

    .ip-about-sarah-matt-bio-list-photo img {
        display: block;
        margin: 0px auto;
    }

    .ip-about-video-area a span {
        width: 50px;
        height: 50px;
    }

    .ip-about-sarah-matt-area {
        padding: 50px 0px 0px;
    }

    .ip-about-sarah-matt-bio {
        padding: 50px 15px;
    }

    .ip-about-sarah-matt-bio-list {
        margin: 0px auto;
        text-align: center;
    }

    .ip-about-sarah-matt-bio-list-name {
        margin: 20px 0px;
    }

    .ip-about-agents-area {
        padding: 50px 15px;
    }

    .ip-about-agents-list-inner {
        text-align: center;
        gap: 30px;
        flex-direction: column !important;
    }

    .ip-about-agents-list-photo {
        width: 100%;
    }

    .ip-about-agents-list-photo a {
        margin: 0px auto !important;
    }

    .ip-about-agents-list-content {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .ip-about-banner-content {
        margin: 0px;
    }
}