.superus-ideas-hero {
    position: relative;
    isolation: isolate;
    width: 100%;
    height: clamp(550px, 42.2vw, 810px);
    overflow: clip;
    color: #fff;
}
.superus-ideas-hero__background {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-size: cover;
    background-position: center 42%;
    background-repeat: no-repeat;
}
.superus-ideas-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(0,0,0,.43) 0%, rgba(0,0,0,.22) 43%, transparent 74%);
    pointer-events: none;
}
.superus-ideas-hero__content {
    position: absolute;
    left: 7%;
    right: 7%;
    bottom: 13%;
    width: min(1100px, 86%);
    text-align: left;
    color: #fff;
}
html body .superus-ideas-hero__eyebrow,
html body .superus-ideas-hero__description {
    margin: 0;
    color: #fff;
    font-family: "Montserrat-Regular", Montserrat, sans-serif !important;
    font-weight: 400 !important;
    text-align: left;
}
html body .superus-ideas-hero__eyebrow {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.35;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}
html body .superus-ideas-hero__title {
    margin: 0 0 30px;
    color: #fff;
    font-family: "Montserrat-ExtraBold", "Montserrat-Bold", Montserrat, sans-serif !important;
    font-size: clamp(60px, 3.33vw, 64px);
    font-weight: 800 !important;
    line-height: 1.14;
    letter-spacing: -.025em;
    text-align: left;
    text-transform: none;
}
html body .superus-ideas-hero__description {
    max-width: 920px;
    font-size: 19px;
    line-height: 1.5;
}
@media (max-width: 1439px) {
    html body .superus-ideas-hero__title { font-size: clamp(48px, 4vw, 56px); }
}
@media (max-width: 1023px) {
    .superus-ideas-hero { height: 600px; }
    .superus-ideas-hero__content { bottom: 11%; }
    html body .superus-ideas-hero__title { font-size: clamp(38px, 5vw, 46px); }
}
@media (max-width: 767px) {
    .superus-ideas-hero { height: 560px; }
    .superus-ideas-hero__background { background-position: 45% center; }
    .superus-ideas-hero::before { background: linear-gradient(0deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.28) 55%, transparent 100%); }
    .superus-ideas-hero__content { left: 6%; right: 6%; bottom: 9%; width: 88%; }
    html body .superus-ideas-hero__eyebrow { margin-bottom: 18px; font-size: 14px; letter-spacing: 2px; }
    html body .superus-ideas-hero__title { margin-bottom: 22px; font-size: clamp(28px, 8vw, 36px); line-height: 1.16; }
    html body .superus-ideas-hero__description { font-size: 16px; line-height: 1.5; }
}