:has(>.hero-1-image-box) {
    height: calc(87dvh - 114px)
}

.hero-1-image-box {
    position: absolute !important;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    aspect-ratio: 1.48;
    width: 49%;
    max-width: 1044px;
    max-height: 705px;
}

.hero-1-image-box:after {
    content: "";
    position: absolute !important;
    top: 100%;
    left: 0;
    width: 100%;
    height: 5%;
    background-color: var(--wp--preset--color--custom-black);
}

.hero-1-img-mask {
    position: absolute !important;
    bottom: 0;
    right: 0;
    width: 85%;
    height: 100%;
}

.hero-1-img-mask img {
    height: 100%;
    float: right;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    -webkit-mask: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgNDAgMzIiPgo8dGl0bGU+aG9tZU1hc2s8L3RpdGxlPgo8cGF0aCBkPSJNMCAyOS4wNDV2Mi45NDdoMjUuNTQ5YzEuMjY1LTE4LjIyIDE4LjM3Mi02LjQ5NCAyOC4xNDItNC45MDcgMS43Mi01LjAwNS0zLjM5NS0xNC43NTUtNi41NDUtMjAuMDQ2LTEuNDI3LTIuMzk2LTMuNjgzLTQuMTk2LTYuMzU2LTQuOTg4LTI2LjUxMS03Ljg0OC00MC43OSA4LjIwNS00MC43OSAyNi45OTR6Ij48L3BhdGg+Cjwvc3ZnPgo=);
    mask: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgNDAgMzIiPgo8dGl0bGU+aG9tZU1hc2s8L3RpdGxlPgo8cGF0aCBkPSJNMCAyOS4wNDV2Mi45NDdoMjUuNTQ5YzEuMjY1LTE4LjIyIDE4LjM3Mi02LjQ5NCAyOC4xNDItNC45MDcgMS43Mi01LjAwNS0zLjM5NS0xNC43NTUtNi41NDUtMjAuMDQ2LTEuNDI3LTIuMzk2LTMuNjgzLTQuMTk2LTYuMzU2LTQuOTg4LTI2LjUxMS03Ljg0OC00MC43OSA4LjIwNS00MC43OSAyNi45OTR6Ij48L3BhdGg+Cjwvc3ZnPgo=);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.hero-1-decoration-img {
    position: absolute !important;
    width: 35%;
    right: 0;
    bottom: 0;
}

.hero-1-paragraph {
    font-size: clamp(1.25rem, 1.0192rem + 1.0256vw, 2.25rem) !important;
}

@media (max-width: 991px) {

    :has(>.hero-1-image-box) {
        height: auto
    }

    .hero-1-image-box {
        position: relative !important;
        right: unset;
        top: unset;
        left: 5%;
        transform: unset;
        aspect-ratio: 1.48;
        width: 90%;
        margin-bottom: 60px;
    }
}