.cmp-container:has(>.aem-Grid>.hero)>.aem-Grid>.hero{margin-top:0;padding:0}
.rp-landings-hero-component{width:100%;display:flex;flex-direction:column;--hero-spacing:24px 16px 16px 16px;--hero-image-width:100%;--hero-image-height:208px}
.rp-landings-hero-component__image{margin:0;height:100%;width:var(--hero-image-width);max-height:var(--hero-image-height);position:relative}
.rp-landings-hero-component__image .becobar-landings .becobar-card:not(.isAuthor){position:absolute;top:24px;left:24px}
@media only screen and (min-width:1024px){.rp-landings-hero-component__image .becobar-landings .becobar-card:not(.isAuthor){top:32px;left:32px}
}
.rp-landings-hero-component__image .image{margin:0;height:100%}
.rp-landings-hero-component__image .image img{width:100%;height:auto;max-height:var(--hero-image-height);border-radius:0}
.rp-landings-hero-component__content{padding:var(--hero-spacing);display:flex;flex-direction:column;gap:1rem}
.rp-landings-hero-component__heading{display:flex;gap:.5rem;flex-direction:column}
.rp-landings-hero-component__leadtext .rp-landings-text-component>*,.rp-landings-hero-component__title .rp-landings-text-component>*,.rp-landings-hero-component__body .rp-landings-text-component>*{margin-bottom:0 !important}
.rp-landings-hero-component__leadtext{margin-bottom:0 !important}
@media only screen and (min-width:720px){.rp-landings-hero-component{--hero-image-height:450px;--hero-spacing:32px 104px}
}
@media only screen and (min-width:1024px){.rp-landings-hero-component{display:grid;grid-template-columns:repeat(2,1fr);--hero-spacing:40px;--hero-image-width:auto;--hero-image-height:100%}
.rp-landings-hero-component__image{height:var(--hero-image-height);max-height:initial}
.rp-landings-hero-component__image .image .image-component,.rp-landings-hero-component__image .image .full-width,.rp-landings-hero-component__image .image .full-width>div{height:var(--hero-image-height)}
.rp-landings-hero-component__image .image img{width:var(--hero-image-width);height:100%}
.rp-landings-hero-component__content{padding:var(--hero-spacing)}
}
@media only screen and (min-width:1350px){.rp-landings-hero-component{--hero-spacing:48px}
}
@media only screen and (min-width:1024px){.rp-landings-hero-component--reverse .rp-landings-hero-component__image{grid-column:2;grid-row:1}
.rp-landings-hero-component--reverse .rp-landings-hero-component__content{grid-column:1;grid-row:1}
}