/* Shared module hero: square illustration aligned to the right. */
.module-hero .module-hero__content {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
}

.module-hero .module-hero__image {
    flex: 0 0 auto;
    width: clamp(120px, 28vw, 300px);
    height: auto;
    aspect-ratio: 1 / 1;
    margin-left: auto;
}

.module-hero .module-hero__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right center;
}

@media (max-width: 575px) {
    .module-hero__row {
        flex-wrap: wrap;
        row-gap: 24px;
    }

    .module-hero .module-hero__content {
        flex-basis: 100%;
        padding-right: 0 !important;
    }

    .module-hero .module-hero__image {
        width: min(60%, 200px);
    }
}