.section-banner-real {
    background: #061724;
    min-height: max(400px, 24vw);
}
.section-banner-real .section-banner-image[src*="aistone-real-v2-security"] { object-position: center 70%; }
.section-banner-real::before {
    background: linear-gradient(90deg, #08212df5 0%, #08212de6 30%, #08212d99 43%, #08212d00 56%);
}
.section-banner-real h1,
.section-banner-real .section-banner-description {
    max-width: 44%;
}
@media (min-width: 761px) and (max-width: 1120px) {
    .section-banner-real h1 { font-size: clamp(32px, 4.4vw, 50px); }
    .section-banner-real .section-banner-description { font-size: 16px; }
}
@media (max-width: 760px) {
    .section-banner-real {
        min-height: 0;
        padding-bottom: calc(52vw + 28px);
    }
    .section-banner-real .section-banner-image {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
        width: 175%;
        max-width: none;
        height: auto;
        object-fit: contain;
        object-position: right bottom;
    }
    .section-banner-real::before {
        background: linear-gradient(180deg, #08212df2 0%, #08212df2 45%, #08212d00 72%);
    }
    .section-banner-real h1,
    .section-banner-real .section-banner-description { max-width: 100%; }
}