.block--get-in-touch {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.block--get-in-touch--inner {
    position: relative;
    z-index: 1;
    padding: 120px 0 160px;
}

@media screen and (max-width: 640px) {
    .block--get-in-touch--inner {
        padding: 80px 0px;
    }
}

.block--get-in-touch--content {
    background-color: var(--wp--preset--color--oxford-navy);
    color: var(--wp--preset--color--ash-light);
    max-width: 580px;
    padding: 64px 56px;

    --mask-size: clamp(60px, 30px + 12.5vw, 120px);
    mask: url("data:image/svg+xml,%3Csvg width='126' height='127' viewBox='0 0 126 127' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M126 0L0.5 126.5H126V0Z' fill='black'/%3E%3C/svg%3E%0A") center / contain no-repeat, linear-gradient(#333 0 0);
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='126' height='127' viewBox='0 0 126 127' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M126 0L0.5 126.5H126V0Z' fill='black'/%3E%3C/svg%3E%0A") center / contain no-repeat, linear-gradient(#333 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    mask-size: var(--mask-size);
    -webkit-mask-size: var(--mask-size);
    mask-position: calc(100% + 1.5px) calc(100% + 1.5px);
    -webkit-mask-position: calc(100% + 1.5px) calc(100% + 1.5px);
}

@media screen and (max-width: 640px) {
    .block--get-in-touch--content {
        padding: 40px 28px;
    }
}

.block--get-in-touch--content h2 {
    margin-bottom: 1rem;
    line-height: 1.1;
}

.acf-block-preview .block--get-in-touch--content h2 {
    margin-top: 0;
}

.block--get-in-touch p.has-intro-font-size {
    margin-bottom: 24px;
    font-weight: 300;
}

.block--get-in-touch .wp-block-buttons {
    margin-top: 48px;
}

.block--get-in-touch--background {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
}

.block--get-in-touch--background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}