.pageblock--hero{-webkit-padding-before:0;padding-block-start:0;padding-top:var(--spacing-sm)}.pageblock--hero .container{display:grid;gap:var(--column-gap, var(--grid-gutter-x))}@container style(--block-breakpoint: true){.pageblock--hero .container{--intro-margin-end: 0;--column-gap: var(--intro-gutter-after)}}:root[style*="--block-breakpoint: true"] .applyContainerPolyFill .pageblock--hero .container{--intro-margin-end: 0;--column-gap: var(--intro-gutter-after)}@container style(--block-breakpoint: false){.pageblock--hero .container{--intro-gutter-after: 0;grid-template-columns:var(--text-size, 50%) 1fr}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--hero .container{--intro-gutter-after: 0;grid-template-columns:var(--text-size, 50%) 1fr}@container style(--block-breakpoint: false){.pageblock--hero.pageblock--reverse .container{grid-template-columns:1fr var(--text-size, 50%)}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--hero.pageblock--reverse .container{grid-template-columns:1fr var(--text-size, 50%)}.pageblock--hero.pageblock--reverse .container>:nth-child(2){order:-1}.pageblock--hero .container{--body-color: var(--color-neutral-0);--heading-color: var(--color-neutral-0);display:grid;align-items:center;margin:0 2rem;padding:15rem 5rem 5rem;background-color:var(--color-primary-500);border-radius:10px}.pageblock--hero .container .x-core-intro{padding:1rem}.pageblock--hero .container .x-core-intro .x-core-title--pre{color:var(--color-neutral-0)}.pageblock--hero .container .x-core-intro .x-core-button--primary:hover{--button-background: var(--color-primary-300);--button-color: var(--color-primary-900)}.pageblock--hero .container .x-core-intro .x-core-button--primary:hover .x-core-icon-text__icon{color:var(--color-primary-300);background:var(--color-primary-900)}.pageblock--hero .container .x-core-intro .x-core-button--secondary{--button-color: var(--color-neutral-0)}.pageblock--hero .container .x-core-intro .x-core-button--secondary.x-core-button--active,.pageblock--hero .container .x-core-intro .x-core-button--secondary:hover{--button-background: var(--color-neutral-50);--button-color: var(--color-neutral-1000)}.pageblock--hero .container .images{display:grid;grid-template-rows:.2fr 1fr .8fr;grid-template-columns:repeat(2,1fr);gap:15px;min-width:450px;padding:1rem}.pageblock--hero .container .images img{align-self:flex-end;height:100%;object-fit:cover;object-position:center;border-radius:var(--component-border-radius)}.pageblock--hero .container .images--single{justify-self:center}.pageblock--hero .container .images--single>:nth-child(1){grid-row:2/span 3;grid-column:1/span 2}.pageblock--hero .container .images--two{row-gap:0}.pageblock--hero .container .images--two>:nth-child(1){grid-row:2/span 3;grid-column:1}.pageblock--hero .container .images--two>:nth-child(2){grid-row:1/span 3;grid-column:2}.pageblock--hero .container .images--three>:nth-child(1){grid-row:2;grid-column:1}.pageblock--hero .container .images--three>:nth-child(2){grid-row:3;grid-column:1}.pageblock--hero .container .images--three>:nth-child(3){grid-row:1/span 3;grid-column:2}@container style(--breakpoint-lg-max: true){.pageblock--hero .container{--text-size: 1}.pageblock--hero .container .images{justify-self:center}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--hero .container{--text-size: 1}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--hero .container .images{justify-self:center}@container style(--breakpoint-sm-max: true){.pageblock--hero{padding-top:0}.pageblock--hero .container{margin:0;padding:10rem 1rem 5rem;border-radius:0}}:root[style*="--breakpoint-sm-max: true"] .applyContainerPolyFill .pageblock--hero{padding-top:0}:root[style*="--breakpoint-sm-max: true"] .applyContainerPolyFill .pageblock--hero .container{margin:0;padding:10rem 1rem 5rem;border-radius:0}@container style(--breakpoint-xs-max: true){.pageblock--hero .container{padding:10rem 0 0}.pageblock--hero .container .images{min-width:auto}}:root[style*="--breakpoint-xs-max: true"] .applyContainerPolyFill .pageblock--hero .container{padding:10rem 0 0}:root[style*="--breakpoint-xs-max: true"] .applyContainerPolyFill .pageblock--hero .container .images{min-width:auto}