.pageblock--header{position:relative;min-height:400px;--block-padding-y: 200px}.pageblock--header:before{position:absolute;top:30px;left:30px;z-index:-1;width:calc(100% - 60px);height:calc(100% - 60px);background:var(--hero-gradient);border-radius:var(--component-border-radius);content:""}@container style(--breakpoint-sm-max: true){.pageblock--header:before{top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px)}}:root[style*="--breakpoint-sm-max: true"] .applyContainerPolyFill .pageblock--header:before{top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px)}@container style(--breakpoint-xs-max: true){.pageblock--header:before{top:0;left:0;width:100%;height:100%;border-radius:0}}:root[style*="--breakpoint-xs-max: true"] .applyContainerPolyFill .pageblock--header:before{top:0;left:0;width:100%;height:100%;border-radius:0}.pageblock--header .x-core-intro{max-width:700px}.pageblock--header img{border-radius:var(--component-border-radius)}.pageblock--header:has(.x-core-image) .container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--container-gap)}@container style(--breakpoint-md-max: true){.pageblock--header:has(.x-core-image) .container{grid-template-columns:repeat(1,1fr)}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--header:has(.x-core-image) .container{grid-template-columns:repeat(1,1fr)}
