.promo{background-color:var(--udexColorGrey1);border-radius:var(--udexRadiusL);align-items:flex-start;column-gap:var(--udexSpacer24);padding:var(--udexSpacer24);flex-flow:wrap;justify-content:space-between;display:flex}.promo>div{flex-grow:1}.promo>div:has(picture){flex-grow:0;margin-block-end:var(--udexSpacer24)}.promo>div:first-child:has(div:empty){display:none}.promo p{font-size:var(--udexTypographyBodySFontSize);line-height:var(--udexTypographyBodyLineHeight);margin-block:var(--udexSpacer8) 0}.promo p.button-container{margin-block:var(--udexSpacer24) 0}.promo h2{font-size:var(--udexTypographyHeadingMediumXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyHeadingLineHeight);text-align:start;word-break:break-word;margin:0}.promo h4{color:var(--udexColorBlue8);font-size:var(--udexTypographyEyebrowLFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyEyebrowLineHeight);margin-block:0 var(--udexSpacer8);text-transform:uppercase}.promo img{max-height:var(--eds-size-120);max-width:var(--eds-size-120);display:block}.promo .button-container .button{--button-font-size:var(--button-medium-font-size);--button-inline-padding:var(--button-medium-inline-padding);--button-block-padding:var(--button-medium-block-padding);--button-icon-size:var(--button-medium-icon-size);--button-icon-spacing:var(--button-medium-icon-spacing)}.promo.logo img{height:var(--eds-size-100);max-width:var(--eds-size-200)}.promo.blue{background-color:var(--udexColorBlue1)}.promo.vertical{min-height:100%;padding:var(--udexSpacer32);flex-direction:column}.promo.vertical *{flex:none}.promo.vertical :nth-last-child(2){flex:1 0 auto}.promo.vertical>div:has(picture){flex-grow:0;margin-block-end:var(--udexSpacer16)}.promo.vertical p{margin-block:var(--udexSpacer16) 0}.promo.vertical .button-container{margin-block:var(--udexSpacer32) 0}.promo.vertical .button-container a,.promo.vertical .button-container button{white-space:normal}@media (width>=1280px){.promo.vertical h2{font-size:var(--udexTypographyHeadingMediumXSFontSize)}}@media (width>=980px){.promo{flex-wrap:nowrap}.promo>div:has(picture){margin-block-end:0}}@media (width>=1280px){.promo{column-gap:var(--udexSpacer32)}.promo h2{font-size:var(--udexTypographyHeadingMediumSFontSize)}}@media (width>=980px){.hlx-main .section:is([data-location=sidebar],.sidebar) .promo{min-height:100%;padding:var(--udexSpacer32);flex-direction:column}.hlx-main .section:is([data-location=sidebar],.sidebar) .promo *{flex:none}.hlx-main .section:is([data-location=sidebar],.sidebar) .promo :nth-last-child(2){flex:1 0 auto}.hlx-main .section:is([data-location=sidebar],.sidebar) .promo>div:has(picture){flex-grow:0;margin-block-end:var(--udexSpacer16)}.hlx-main .section:is([data-location=sidebar],.sidebar) .promo p{margin-block:var(--udexSpacer16) 0}.hlx-main .section:is([data-location=sidebar],.sidebar) .promo .button-container{margin-block:var(--udexSpacer32) 0}.hlx-main .section:is([data-location=sidebar],.sidebar) .promo .button-container a,.hlx-main .section:is([data-location=sidebar],.sidebar) .promo .button-container button{white-space:normal}}@media (width>=980px) and (width>=1280px){.hlx-main .section:is([data-location=sidebar],.sidebar) .promo h2{font-size:var(--udexTypographyHeadingMediumXSFontSize)}}@media (width>=1280px){.hlx-main:has(.toc-container)>.promo-container:is([data-location=document-header],[data-location=document-footer]) .promo,.hlx-main:not(:has(.toc-container))>.promo-container:not(.sidebar,[data-location=sidebar]) .promo{align-items:center;gap:var(--udexSpacer32);padding:var(--udexSpacer32)}.hlx-main:has(.toc-container)>.promo-container:is([data-location=document-header],[data-location=document-footer]) .promo>div>div:has(.button-container),.hlx-main:not(:has(.toc-container))>.promo-container:not(.sidebar,[data-location=sidebar]) .promo>div>div:has(.button-container){grid-template-rows:repeat(99,min-content);grid-template-columns:1fr min-content;display:grid}.hlx-main:has(.toc-container)>.promo-container:is([data-location=document-header],[data-location=document-footer]) .promo>div>div:has(.button-container) :is(h2,h4,p:not(.button-container)),.hlx-main:not(:has(.toc-container))>.promo-container:not(.sidebar,[data-location=sidebar]) .promo>div>div:has(.button-container) :is(h2,h4,p:not(.button-container)){grid-column:1/2}.hlx-main:has(.toc-container)>.promo-container:is([data-location=document-header],[data-location=document-footer]) .promo>div>div:has(.button-container) .button-container,.hlx-main:not(:has(.toc-container))>.promo-container:not(.sidebar,[data-location=sidebar]) .promo>div>div:has(.button-container) .button-container{grid-area:1/2/-1/-1;align-self:center;margin-block-start:0;margin-inline-start:var(--udexSpacer32)}.hlx-main:has(.toc-container)>.promo-container:is([data-location=document-header],[data-location=document-footer]) .promo .button-container .button,.hlx-main:not(:has(.toc-container))>.promo-container:not(.sidebar,[data-location=sidebar]) .promo .button-container .button{--button-font-size:var(--button-large-font-size);--button-icon-spacing:var(--button-large-icon-spacing);--button-icon-size:var(--button-large-icon-size);--button-inline-padding:var(--button-large-inline-padding);--button-block-padding:var(--button-large-block-padding)}}@media (width>=980px){[data-location=sidebar] .promo-wrapper .promo,.section.sidebar .promo-wrapper .promo{padding:var(--udexSpacer32);flex-direction:column}[data-location=sidebar] .promo-wrapper .promo :is(h2),.section.sidebar .promo-wrapper .promo :is(h2){font-size:var(--udexTypographyHeadingMediumXSFontSize)}}