.promo{align-items:flex-start;background-color:var(--udexColorGrey1);border-radius:var(--udexRadiusL);column-gap:var(--udexSpacer24);display:flex;flex-flow:row wrap;justify-content:space-between;padding:var(--udexSpacer24)}.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);margin:0;text-align:start;word-break:break-word}.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{display:block;max-height:var(--eds-size-120);max-width:var(--eds-size-120)}.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{flex-direction:column;min-height:100%;padding:var(--udexSpacer32)}.promo.vertical *{flex:0 0 auto}.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{flex-direction:column;min-height:100%;padding:var(--udexSpacer32)}.hlx-main .section:is([data-location=sidebar],.sidebar) .promo *{flex:0 0 auto}.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){display:grid;grid-template-columns:1fr min-content;grid-template-rows:repeat(99,min-content)}.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{align-self:center;grid-column:2/-1;grid-row:1/-1;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{flex-direction:column;padding:var(--udexSpacer32)}[data-location=sidebar] .promo-wrapper .promo :is(h2),.section.sidebar .promo-wrapper .promo :is(h2){font-size:var(--udexTypographyHeadingMediumXSFontSize)}}