.pageblock--hero{position:relative;align-items:center;overflow:hidden;background:var(--color-primary-300);background-image:url(./grain-DE-6nzDC.png);background-blend-mode:soft-light}@container style(--breakpoint-xs: true){.pageblock--hero{--block-padding-top: 160px}}:root[style*="--breakpoint-xs: true"] .applyContainerPolyFill .pageblock--hero{--block-padding-top: 160px}.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;--text-col-width: calc( var(--text-size, 40%) - (var(--column-gap, var(--grid-gutter-x)) / 2) );grid-template-columns:var(--text-col-width) 1fr}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--hero .container{--intro-gutter-after: 0;--text-col-width: calc( var(--text-size, 40%) - (var(--column-gap, var(--grid-gutter-x)) / 2) );grid-template-columns:var(--text-col-width) 1fr}@container style(--block-breakpoint: false){.pageblock--hero.pageblock--reverse .container{grid-template-columns:1fr var(--text-col-width)}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--hero.pageblock--reverse .container{grid-template-columns:1fr var(--text-col-width)}.pageblock--hero.pageblock--reverse .container>:nth-child(2){order:-1}.pageblock--hero .container{--column-gap: 3rem;position:relative}@container style(--breakpoint-xs: true){.pageblock--hero .container{grid-template-columns:100%;--column-gap: 3rem}}:root[style*="--breakpoint-xs: true"] .applyContainerPolyFill .pageblock--hero .container{grid-template-columns:100%;--column-gap: 3rem}.pageblock--hero .x-core-title--pre{padding:0;font-size:var(--text-lg);border:0}.pageblock--hero .hero__intro .x-core-heading{font-size:var(--h1-size-large)}.pageblock--hero .hero__marquee{position:absolute;top:calc(var(--block-padding-y) * -1.2);right:var(--container-offset);bottom:calc(var(--block-padding-bottom) * -1.05);left:50%;display:flex;gap:20px;align-items:center;transform:rotate(3deg)}@container style(--breakpoint-md-max: true){.pageblock--hero .hero__marquee{position:relative;top:0;right:-5vw;bottom:0;left:-5vw;flex-direction:column;width:110vw;margin-bottom:-150px;transform:rotate(-3deg)}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--hero .hero__marquee{position:relative;top:0;right:-5vw;bottom:0;left:-5vw;flex-direction:column;width:110vw;margin-bottom:-150px;transform:rotate(-3deg)}.pageblock--hero .hero__marquee .marquee,.pageblock--hero .hero__marquee .x-core-marquee{height:100%}@container style(--breakpoint-md-max: true){.pageblock--hero .hero__marquee .x-core-marquee{--grid-orientation: column;--grid-template: var(--x-grid-horizontal)}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--hero .hero__marquee .x-core-marquee{--grid-orientation: column;--grid-template: var(--x-grid-horizontal)}.pageblock--hero .hero__marquee .x-core-marquee__entry{margin-bottom:var(--spacing-sm)}@container style(--breakpoint-md-max: true){.pageblock--hero .hero__marquee .x-core-marquee__entry{margin-bottom:0;margin-left:var(--spacing-sm)}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--hero .hero__marquee .x-core-marquee__entry{margin-bottom:0;margin-left:var(--spacing-sm)}.pageblock--hero .hero__marquee .x-core-marquee .x-core-image{height:100%;object-fit:cover;border-radius:var(--component-border-radius)}@container style(--breakpoint-md-max: true){.pageblock--hero .hero__marquee .x-core-marquee .x-core-image{max-height:250px}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--hero .hero__marquee .x-core-marquee .x-core-image{max-height:250px}.pageblock--hero .button--pause{position:absolute;right:0;bottom:calc(var(--block-padding-bottom) * -1);z-index:1;margin-right:var(--container-offset)}@container style(--breakpoint-md-max: true){.pageblock--hero .button--pause{bottom:0}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--hero .button--pause{bottom:0}.pageblock--hero .button--pause .x-core-button{white-space:nowrap;border:3px solid var(--color-neutral-0)}.pageblock--hero .button--pause .x-core-button:hover{background:var(--color-neutral-0);border:3px solid var(--color-neutral-900)}
