.hero-basic {
    position: relative;
    overflow: hidden;
    max-width: none;
    height: fit-content;
    color: white;
}

@media (min-width: 768px) {
    .hero-basic:not(.set-min-height-no) {
        min-height: 100vh;
    }

    .home main > section:first-of-type.hero-basic {
        min-height: calc(100vh - var(--header-height));
    }
}

.hero-basic.no-content:not(.set-min-height-no) {
    height: 100vh;
}

.hero-basic .relative {
    height: 100%
}

.hero-basic .background {
    position: absolute;
    inset: 0;
    overflow: hidden;
    height: 100%
}

.hero-basic .background:not(.no-vail)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.hero-basic .background img,
.hero-basic .background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-basic .container:not(.container-subtext) {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 10;
    height: 100%;
    width: 100%;
}

@media (min-width: 768px) {
    .hero-basic:not(.set-min-height-no) .container:not(.container-subtext) {
        min-height: 100vh;
    }

    .home main > section:first-of-type.hero-basic .container:not(.container-subtext) {
        min-height: calc(100vh - var(--header-height));
    }
}

.hero-basic .content-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 22px;
    padding: calc(40px + 6dvw) 0;
    max-width: 100%
}

.hero-basic .content-wrapper .inner-image {
    display: flex;
    overflow: hidden;
    width: 180px;
}

.hero-basic .content-wrapper .inner-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hero-basic .entry-content {
    font-size: 17px;
    line-height: 1.25em;
}

.hero-basic .entry-content.subtext {
    color: #757575;
    width: 100%;
    font-size: 11px;
    line-height: 1.3em;
    font-weight: 400;
    margin-top: 0.5rem;
}

.live-master-dark-theme .hero-basic .entry-content.subtext {
    color: var(--wp--custom--dark-theme-text);
}

@media (min-width: 600px) {
    .hero-basic .entry-content {
        font-size: calc(12px + 0.833333dvw);
    }

    .hero-basic .entry-content.subtext {
        font-size: calc(9px + 0.333333vw);
    }
}

@media (min-width: 768px) {
    .hero-basic .content-wrapper {
        max-width: 75%;
    }
}

@media (min-width: 1024px) {
    .hero-basic .content-wrapper {
        max-width: 51%;
    }
}

@media (min-width: 1200px) {
    .hero-basic .entry-content {
        font-size: 22px;
    }

    .hero-basic .entry-content.subtext {
        font-size: 13px;
    }
}