.pageblock--hero .container{--heading-color: var(--color-neutral-0);--body-color: var(--color-neutral-0);display:flex;align-items:center;justify-content:flex-end;min-height:calc(90vh - 100px)}.pageblock--hero .container>.x-core-intro:not(:last-child){-webkit-margin-after:0;margin-block-end:0}.pageblock--hero .container .x-core-intro{position:relative;z-index:1;max-width:500px}.pageblock--hero .container .x-core-intro .x-core-button--primary:hover,.pageblock--hero .container .x-core-intro .x-core-button--secondary:hover{--button-background: var(--color-neutral-0);--button-color: var(--color-primary-500)}.pageblock--hero .container .x-core-media{position:absolute;z-index:0;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.pageblock--hero .container .x-core-media:before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to left,#0006,#0000 50%);content:"";pointer-events:none}.pageblock--hero .container .x-core-media img{width:100%;height:100%;object-fit:cover;--component-border-radius: 0}@container style(--breakpoint-xs-max: true){.pageblock--hero .container .x-core-media img{object-position:20%}}:root[style*="--breakpoint-xs-max: true"] .applyContainerPolyFill .pageblock--hero .container .x-core-media img{object-position:20%}