.mira_hero_b1-layout {
    --pk-text-desktop-font-size: var(--desktop-body-lg);
    background: var(--stone-80);
    position: relative;
    isolation: isolate;
    padding-block: calc(4 * var(--su));
}

.mira_hero_b1-layout .hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    user-select: none;
}

.mira_hero_b1-layout .pk-grid-container {
    position: relative;
    z-index: 1;
    align-items: end;
}
.mira_hero_b1-layout .pk-col:has(.pk-content) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: calc(4 * var(--su));
}

.mira_hero_b1-layout .pk-breadcrumbs {
    margin-bottom: calc(.75 * var(--su));
}

.mira_hero_b1-layout .hero-content {
    margin-top: auto;
}
.mira_hero_b1-layout .pk-subtitle {
    margin-bottom: calc(.75 * var(--su));
    font-size: var(--desktop-body-md);
    font-weight: 600;
}

.mira_hero_b1-layout .pk-text {
    font-size: var(--pk-text-desktop-font-size);
    max-width: 675px;
}

.mira_hero_b1-layout .pk-col .hero-image {
    aspect-ratio: 1;
    width: 100%;
    object-fit: cover;
    border-radius: max(.5rem, calc(.5 * var(--su)));
}

@media screen and (max-width: 992px) {
    .mira_hero_b1-layout {
        padding-block: calc(4rem / 2);
    }

    .mira_hero_b1-layout .pk-grid-container .pk-col:nth-child(1){
        order: 2;
        margin-top: 1rem;
    }

    .mira_hero_b1-layout .pk-grid-container .pk-col:nth-child(1){
        order: 1;
    }
}

@media screen and (max-width: 767px) {
    .mira_hero_b1-layout {
        padding-block: calc(4rem / 4);
    }

    .mira_hero_b1-layout .pk-text,
    .mira_hero_b1-layout .pk-button-group {
        margin-top: 1.5rem;
    }
}