.pageblock--intro{--min-height:100dvh;--logo-height:75px;--title-width:35%;min-height:var(--min-height);display:flex}.pageblock--intro .brand-logo{max-width:100%;height:var(--logo-height)}@container style(--breakpoint-lg-max:true){.pageblock--intro .brand-logo{margin-inline:auto;margin-bottom:var(--spacing-md)}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--intro .brand-logo{margin-inline:auto;margin-bottom:var(--spacing-md)}.pageblock--intro .x-core-intro{gap:var(--spacing-2xl);padding-block:var(--spacing-2xl);justify-content:space-between;align-items:flex-start;display:flex}.pageblock--intro .x-core-intro__title{top:var(--spacing-xl);width:var(--title-width);position:sticky}@container style(--breakpoint-lg-max:true){.pageblock--intro .x-core-intro__title{top:unset;text-align:center;position:relative}.pageblock--intro .x-core-intro__title .x-core-button-wrapper{justify-content:center}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--intro .x-core-intro__title{top:unset;text-align:center;position:relative}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--intro .x-core-intro__title .x-core-button-wrapper{justify-content:center}.pageblock--intro .x-core-intro__content{flex-shrink:1;width:100%}.pageblock--intro .x-core-intro .x-core-button-wrapper{flex-shrink:0;width:100%}@container style(--breakpoint-lg-max:true){.pageblock--intro .x-core-intro{--title-width:100%;gap:var(--spacing-xl);padding-block:var(--spacing-xl);flex-direction:column}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--intro .x-core-intro{--title-width:100%;gap:var(--spacing-xl);padding-block:var(--spacing-xl);flex-direction:column}
