.pageblock--banner .container{display:grid;gap:var(--column-gap, var(--grid-gutter-x))}@container style(--block-breakpoint: true){.pageblock--banner .container{--intro-margin-end: 0;--column-gap: var(--intro-gutter-after)}}:root[style*="--block-breakpoint: true"] .applyContainerPolyFill .pageblock--banner .container{--intro-margin-end: 0;--column-gap: var(--intro-gutter-after)}@container style(--block-breakpoint: false){.pageblock--banner .container{--intro-gutter-after: 0;grid-template-columns:var(--text-size, 50%) 1fr}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--banner .container{--intro-gutter-after: 0;grid-template-columns:var(--text-size, 50%) 1fr}@container style(--block-breakpoint: false){.pageblock--banner.pageblock--reverse .container{grid-template-columns:1fr var(--text-size, 50%)}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--banner.pageblock--reverse .container{grid-template-columns:1fr var(--text-size, 50%)}.pageblock--banner.pageblock--reverse .container>:nth-child(2){order:-1}.pageblock--banner .container{width:auto;max-width:100%;min-height:540px;overflow:hidden;background:radial-gradient(circle at 90% center,var(--color-primary-300),var(--color-primary-500) 60%);background-color:var(--color-primary-500);border-radius:var(--component-border-radius);margin-inline:var(--container-offset) var(--container-offset);padding-inline:0}.pageblock--banner .container .x-core-intro{align-self:center;padding:var(--spacing-lg)}@container style(--breakpoint-lg-min: true){.pageblock--banner .container .x-core-intro{padding:var(--spacing-2xl)}}:root[style*="--breakpoint-lg-min: true"] .applyContainerPolyFill .pageblock--banner .container .x-core-intro{padding:var(--spacing-2xl)}.pageblock--banner .container .x-core-media{overflow:hidden;transform-origin:left;aspect-ratio:5/4}@container style(--breakpoint-lg-min: true){.pageblock--banner .container .x-core-media{transform:rotate(4deg) scale(1.2);aspect-ratio:unset}}:root[style*="--breakpoint-lg-min: true"] .applyContainerPolyFill .pageblock--banner .container .x-core-media{transform:rotate(4deg) scale(1.2);aspect-ratio:unset}.pageblock--banner .container .x-core-media .x-core-image,.pageblock--banner .container .x-core-media .x-core-video,.pageblock--banner .container .x-core-media .embed-container{position:absolute;height:100%;object-position:center}.pageblock--banner.pageblock--reverse .container{background:radial-gradient(circle at 10% center,var(--color-primary-300),var(--color-primary-500) 60%)}.pageblock--banner.pageblock--reverse .container .x-core-media{transform-origin:right}