.promo-banner{display:flex;flex-direction:column;width:calc(100% + 2 * var(--grid-margin));margin:0 calc(0px - var(--grid-margin))}@media (min-width:600px){.promo-banner{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;grid-column-gap:var(--vp-semantic-spacing-2xl);-moz-column-gap:var(--vp-semantic-spacing-2xl);column-gap:var(--vp-semantic-spacing-2xl);width:100%;margin:0;background-color:var(--wnf-color-commercial-message-primary)}}@media (min-width:1200px){.promo-banner{grid-template-rows:auto auto;grid-template-columns:1fr min(25%,350px) fit-content(25%);align-items:center}}@media (max-width:599px){.promo-banner__first-row{display:none}}@media (min-width:600px){.promo-banner__first-row{display:block;grid-row:1/2;grid-column:1/3;padding-top:4%;background-color:var(--vp-semantic-color-container-neutral)}}@media (min-width:1200px){.promo-banner__first-row{display:none}}.promo-banner__title{margin-bottom:var(--vp-semantic-spacing-2xs);color:var(--vp-semantic-color-container-catchy)}@media (min-width:1200px){.promo-banner__title{margin-bottom:var(--vp-semantic-sizing-s)}}.promo-banner__cta-copy,.promo-banner__subtitle{color:var(--vp-semantic-color-container-catchy)}.promo-banner__cta-copy{margin-right:var(--vp-semantic-spacing-xl);word-break:break-word}.promo-banner__cta-action{flex-grow:0;padding-top:var(--vp-semantic-spacing-l)}.promo-banner__head-section{order:2;width:100%;background-color:var(--wnf-color-commercial-message-primary)}@media (min-width:600px){.promo-banner__head-section{grid-row:2/3;grid-column:1/2;width:auto;margin-top:auto;background-color:transparent;background-color:initial}}@media (min-width:1200px){.promo-banner__head-section{grid-row:none;grid-column:1/2;margin-top:0}}.promo-banner__head-section--spacing{padding:var(--vp-semantic-spacing-l)}@media (min-width:600px){.promo-banner__head-section--spacing{padding:var(--vp-semantic-spacing-2xl) 0 var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-2xl)}}@media (min-width:1200px){.promo-banner__head-section--spacing{padding:var(--vp-semantic-spacing-2xl) 0 var(--vp-semantic-spacing-2xl) var(--vp-semantic-spacing-5xl)}}.promo-banner__cta-section{display:flex;align-items:center;order:2;width:100%;background-color:var(--wnf-color-commercial-message-primary)}@media (min-width:600px){.promo-banner__cta-section{grid-row:3/4;grid-column:1/2;width:auto;background-color:transparent;background-color:initial}}@media (min-width:1200px){.promo-banner__cta-section{grid-row:none;grid-column:3/4}}.promo-banner__cta-section--spacing{padding:0 var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-l)}@media (min-width:600px){.promo-banner__cta-section--spacing{padding:0 0 var(--vp-semantic-sizing-3xl) var(--vp-semantic-sizing-3xl)}.promo-banner__cta-section--spacing.less-padding{padding:0 0 var(--vp-semantic-sizing-xs) var(--vp-semantic-sizing-3xl)}}@media (min-width:1200px){.promo-banner__cta-section--spacing{padding:var(--vp-semantic-spacing-4xl) var(--vp-semantic-spacing-5xl) var(--vp-semantic-spacing-4xl) 0}}.promo-banner__assets-section{position:relative;align-self:stretch;order:1;width:100%}@media (min-width:600px){.promo-banner__assets-section{grid-row:1/span 3;grid-column:2/3;width:auto;padding-top:75%}}@media (min-width:1200px){.promo-banner__assets-section{grid-row:none;grid-column:2/3;padding-top:0}}@media (min-width:600px){.promo-banner__assets{position:absolute;bottom:0;left:0;display:flex;align-items:flex-end;width:100%;height:100%}}.promo-banner .icon-button{color:var(--vp-semantic-color-content-neutral)}@media (min-width:600px){.promo-banner--secondary{background-color:var(--vp-semantic-color-container-catchy)}}.promo-banner--secondary .promo-banner__subtitle,.promo-banner--secondary .promo-banner__title{color:var(
        --vp-component-icon-button-color-primary-inverse-container-default
      )}.promo-banner--secondary .promo-banner__cta-section,.promo-banner--secondary .promo-banner__head-section{background-color:var(--vp-semantic-color-container-catchy)}.promo-banner--secondary .promo-banner__cta-section--spacing{padding:0 var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-l) var(--vp-semantic-spacing-l)}.promo-banner--secondary .promo-banner__cta-copy{color:var(
        --vp-component-icon-button-color-primary-inverse-container-default
      )}