.article-promo{--article-promo-gap-x: var(--spacing-grid);--article-promo-gap-y: var(--spacing);--article-promo-content-bg: transparent;--article-promo-content-fg: inherit;--article-promo-content-padding: 0;--article-promo-content-gap: var(--spacing-l);--article-promo-content-justify-content: center;--article-promo-content-border-radius: 0;--article-promo-image-border-radius: var(--border-radius);--article-promo-heading-font-size: var(--font-size-h2);--article-promo-body-font-size: var(--font-size-base);--article-promo-paragraph-font-size: var(--font-size-preamble);--article-promo-content-margin: 0 0 0 var(--spacing);grid-column:bleed;display:grid;grid-template-columns:subgrid}.article-promo__container{grid-column:page;display:grid;grid-template-columns:1fr;gap:var(--article-promo-gap-y) var(--article-promo-gap-x);align-items:center;grid-template-areas:"image" "content";position:relative}@media screen and (min-width: 48rem){.article-promo__container{grid-template-columns:1fr 1fr;grid-template-areas:"image content"}}@media screen and (min-width: 48rem){.article-promo--image-right .article-promo__container{grid-template-areas:"content image"}}.article-promo__breadcrumb{font-size:var(--font-size-xxs);color:inherit;text-transform:uppercase}.article-promo__content{grid-area:content;background-color:var(--article-promo-content-bg);padding:var(--article-promo-content-padding);border-radius:var(--article-promo-content-border-radius);justify-content:var(--article-promo-content-justify-content);display:flex;flex-direction:column;gap:var(--article-promo-content-gap);height:100%}@media screen and (min-width: 48rem){.article-promo__content{margin:var(--article-promo-content-margin)}}@media screen and (min-width: 48rem){.article-promo--image-right{--article-promo-content-margin: 0 var(--spacing) 0 0}}.article-promo__heading{font-size:var(--article-promo-heading-font-size);margin-bottom:var(--spacing-xs)}.article-promo__image{grid-area:image;height:100%}.article-promo__image img{display:block;width:100%;height:100%;border-radius:var(--article-promo-image-border-radius);object-fit:cover}.article-promo__body{font-size:var(--article-promo-body-font-size)}.article-promo__body p{font-size:var(--article-promo-paragraph-font-size)}