section.pageblock--hero{--tilt-height: 69px;--intro-max-width: 656px;--body-color: var(--color-neutral-0);--heading-color: var(--body-color);--column-gap: var(--block-padding-y-sm);position:relative;padding-top:calc(50px + var(--header-main-padding-y) + var(--header-main-padding-y));padding-bottom:calc(clamp(30px,4.6vw,80px) + var(--tilt-height))}section.pageblock--hero .container{display:grid;gap:var(--column-gap, var(--grid-gutter-x))}@container style(--block-breakpoint: true){section.pageblock--hero .container{--intro-margin-end: 0;--column-gap: var(--intro-gutter-after)}}:root[style*="--block-breakpoint: true"] .applyContainerPolyFill section.pageblock--hero .container{--intro-margin-end: 0;--column-gap: var(--intro-gutter-after)}@container style(--block-breakpoint: false){section.pageblock--hero .container{--intro-gutter-after: 0;grid-template-columns:var(--text-size, 45%) 1fr}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill section.pageblock--hero .container{--intro-gutter-after: 0;grid-template-columns:var(--text-size, 45%) 1fr}@container style(--block-breakpoint: false){section.pageblock--hero.pageblock--reverse .container{grid-template-columns:1fr var(--text-size, 45%)}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill section.pageblock--hero.pageblock--reverse .container{grid-template-columns:1fr var(--text-size, 45%)}section.pageblock--hero.pageblock--reverse .container>:nth-child(2){order:-1}section.pageblock--hero:after{position:absolute;z-index:-3;background-color:var(--color-neutral-900);content:"";inset:0;--mask-height: calc(6.9cqw - 1px) ;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;--block-padding-bottom: calc(var(--block-padding-y) + var(--mask-height));-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-image:linear-gradient(to bottom,black calc(100% - var(--mask-height)),transparent calc(100% - var(--mask-height))),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="transform: rotate(0deg) scale(1.01, 1)" viewBox="0 0 1000 69"><g><path d="M0 69V0h1000v4L0 69z" fill="%23000"></path></g></svg>');mask-image:linear-gradient(to bottom,black calc(100% - var(--mask-height)),transparent calc(100% - var(--mask-height))),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="transform: rotate(0deg) scale(1.01, 1)" viewBox="0 0 1000 69"><g><path d="M0 69V0h1000v4L0 69z" fill="%23000"></path></g></svg>')}section.pageblock--hero h1,section.pageblock--hero .h1,section.pageblock--hero h2,section.pageblock--hero .h2,section.pageblock--hero h3,section.pageblock--hero .h3,section.pageblock--hero h4,section.pageblock--hero .h4,section.pageblock--hero h5,section.pageblock--hero .h5,section.pageblock--hero h6,section.pageblock--hero .h6{--heading-margin-bottom: var(--spacing-lg);font-size:var(--h1-size)}section.pageblock--hero .x-core-intro,section.pageblock--hero .x-core-media{align-self:center}section.pageblock--hero .x-core-media{position:relative;object-fit:cover;aspect-ratio:5/4}section.pageblock--hero .x-core-media:before,section.pageblock--hero .x-core-media:after{position:absolute;z-index:var(--shape-z-index, -1);width:100%;transform:translate(-50%,-50%) rotate(var(--shape-rotate, 18deg));content:"";aspect-ratio:1}section.pageblock--hero .x-core-media:after{--shape-z-index: -2;top:65%;left:70%;max-width:708px;background-color:var(--color-primary-300)}section.pageblock--hero .x-core-media:before{--shape-rotate: -8deg;bottom:-55%;left:15%;max-width:265px;background-color:var(--color-accent-500)}section.pageblock--hero .x-core-button-wrapper{--button-wrapper-gutter-before: 42px}section.pageblock--hero .x-core-button-wrapper .x-core-button--tertiary{--button-color: var(--color-neutral-0)}section.pageblock--hero.pageblock--cta-banner{padding-top:calc(var(--intro-gutter-after) + var(--tilt-height));padding-bottom:calc(var(--intro-gutter-after) + var(--tilt-height))}section.pageblock--hero.pageblock--cta-banner:after{position:absolute;z-index:-3;background-color:var(--color-neutral-900);content:"";inset:0;--mask-top-height: calc(6.9cqw - 1px) ;--mask-bottom-height: calc(6.9cqw - 1px) ;--block-padding-top: calc(var(--block-padding-y) + var(--mask-top-height));--block-padding-bottom: calc(var(--block-padding-y) + var(--mask-bottom-height));-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="transform: rotate(180deg) scale(-1, 1)" viewBox="0 0 1000 69"><g><path d="M0 69V0h1000v4L0 69z" fill="%23000"></path></g></svg>'),linear-gradient(to bottom,transparent var(--mask-top-height),black var(--mask-top-height),black calc(100% - var(--mask-bottom-height)),transparent calc(100% - var(--mask-bottom-height))),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="transform: rotate(0deg) scale(-1, 1)" viewBox="0 0 1000 69"><g><path d="M0 69V0h1000v4L0 69z" fill="%23000"></path></g></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="transform: rotate(180deg) scale(-1, 1)" viewBox="0 0 1000 69"><g><path d="M0 69V0h1000v4L0 69z" fill="%23000"></path></g></svg>'),linear-gradient(to bottom,transparent var(--mask-top-height),black var(--mask-top-height),black calc(100% - var(--mask-bottom-height)),transparent calc(100% - var(--mask-bottom-height))),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="transform: rotate(0deg) scale(-1, 1)" viewBox="0 0 1000 69"><g><path d="M0 69V0h1000v4L0 69z" fill="%23000"></path></g></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:top,center,bottom;mask-position:top,center,bottom;-webkit-mask-size:100%;mask-size:100%}section.pageblock--hero.pageblock--cta-banner h1,section.pageblock--hero.pageblock--cta-banner .h1,section.pageblock--hero.pageblock--cta-banner h2,section.pageblock--hero.pageblock--cta-banner .h2,section.pageblock--hero.pageblock--cta-banner h3,section.pageblock--hero.pageblock--cta-banner .h3,section.pageblock--hero.pageblock--cta-banner h4,section.pageblock--hero.pageblock--cta-banner .h4,section.pageblock--hero.pageblock--cta-banner h5,section.pageblock--hero.pageblock--cta-banner .h5,section.pageblock--hero.pageblock--cta-banner h6,section.pageblock--hero.pageblock--cta-banner .h6{--heading-margin-bottom: var(--spacing-md);font-size:var(--h3-size)}section.pageblock--hero:has(+section){z-index:2}
