/* Home hero pattern: full-bleed studio image, yellow copy card, transparent group cutout. */
.vh-mk-home .vh-mk-home__hero {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: clamp(1rem, 3.5vw, 3.5rem);
    width: 100vw;
    max-width: none;
    margin-inline: calc(50% - 50vw);
    padding: 0 clamp(1.25rem, 4.8vw, 5.75rem);
    overflow: hidden;
    background: #746259 url("/assets/images/brand/hustlers/web/studio-background-1600.webp") center / cover no-repeat !important;
}

.vh-mk-home .vh-mk-home__copy {
    position: relative;
    z-index: 2;
    width: min(100%, 43rem);
    max-width: none;
    justify-self: start;
    padding: clamp(1.6rem, 3.4vw, 3.5rem);
    border-radius: clamp(1.25rem, 2.3vw, 2rem);
    color: var(--vuka-black);
    background: var(--vuka-yellow);
}

.vh-mk-home .vh-mk-home__copy .vh-mk-display {
    max-width: 11ch;
    margin-bottom: 1rem;
    font-size: clamp(2.8rem, 4.2vw, 4.25rem);
    line-height: .98;
}

.vh-mk-home .vh-mk-home__copy .vh-mk-lead {
    max-width: 36rem;
    margin-block: 0;
    font-size: clamp(1.05rem, 1.35vw, 1.25rem);
}

.vh-mk-home .vh-mk-home__copy .vh-mk-actions {
    margin-top: 1.4rem;
}

.vh-mk-home .vh-mk-home__copy .vh-mk-support {
    margin-bottom: 0;
}

.vh-mk-home .vh-mk-home__visual {
    position: relative;
    z-index: 1;
    align-self: stretch;
    width: 100%;
    max-width: none;
    min-width: 0;
    justify-self: stretch;
    padding: 0;
}

.vh-mk-home .vh-mk-home__hero .vh-mk-human-card {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none;
}

.vh-mk-home .vh-mk-home__hero .vh-mk-human-card img {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    width: auto;
    height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: right bottom;
}

@media (min-width: 1001px) {
    .vh-mk-home .vh-mk-home__hero {
        height: calc(100svh - 7.5rem);
        min-height: 34rem;
    }
}

@media (max-width: 1000px) {
    .vh-mk-home .vh-mk-home__hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.25rem;
        height: auto;
        min-height: 0;
        padding: 1.25rem clamp(1rem, 4vw, 2rem) 2rem;
    }

    .vh-mk-home .vh-mk-home__copy {
        width: min(100%, 42rem);
        justify-self: center;
        padding: clamp(1.35rem, 5vw, 2.5rem);
        border-radius: 1.5rem;
    }

    .vh-mk-home .vh-mk-home__copy .vh-mk-display {
        font-size: clamp(2.6rem, 8vw, 4rem);
    }

    .vh-mk-home .vh-mk-home__visual {
        width: min(100%, 42rem);
        height: min(92vw, 36rem);
        min-height: 19rem;
        justify-self: center;
    }

    .vh-mk-home .vh-mk-home__hero .vh-mk-human-card {
        height: 100%;
    }
}