:host{--promo-padding-x:var(--spacing-3xl);--promo-eyebrow-gap:var(--spacing-2xl);--promo-title-gap:var(--spacing-lg);--promo-body-gap:var(--spacing-2xl);--promo-grid-columns:1fr 1fr;--promo-image-fraction:0.5;--canvas-bg:var(--colour-background-light);--canvas-text:var(--colour-text-dark);--promo-text-margin-block-start:var(--spacing-2xl)}@container (min-width: 440px){:host{--promo-title-gap:var(--spacing-2xl);--promo-body-gap:var(--spacing-3xl);--promo-text-margin-block-start:var(--spacing-4xl)}}@container (min-width: 720px){:host{--promo-eyebrow-gap:var(--spacing-6xl);--promo-title-gap:var(--spacing-3xl);--promo-body-gap:var(--spacing-6xl)}}:host{width:100%;display:block;position:relative;container-type:inline-size;color:var(--canvas-text)}:host(:not(.has-image)){--promo-text-margin-block-start:0}.promo-container,.promo-content{display:flex;flex-direction:column}.promo-content{padding-block:var(--promo-text-margin-block-start) 0;padding-inline:0;width:100%;box-sizing:border-box}@container (min-width: 320px){.promo-content{padding-inline:0 var(--spacing-2xl)}}@container (min-width: 720px){.promo-content{max-width:42rem;margin-inline:auto;padding-inline:0}}.promo-eyebrow-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg);margin-block-end:var(--promo-eyebrow-gap)}::slotted([slot=image]){display:block;width:100%}::slotted(img[slot=image]){aspect-ratio:437/495;object-fit:cover}:host(.image-landscape) ::slotted(img[slot=image]){aspect-ratio:16/9}::slotted(.promo-links){position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);list-style:none;padding:0;margin:0}@container (min-width: 440px){::slotted(.promo-links){flex-flow:row wrap;align-items:center}}::slotted(.promo-eyebrow){margin:0}::slotted(.promo-body){margin-block-end:var(--promo-body-gap)}@container (min-width: 720px){:host(.has-image) .promo-container{display:grid;grid-template-columns:var(--promo-grid-columns);column-gap:var(--spacing-10xl)}:host(.has-image) .promo-image-wrapper{display:block;position:sticky;top:var(--spacing-3xl);height:100%;min-height:calc((100cqi - var(--spacing-10xl))*var(--promo-image-fraction)*9/16);max-height:calc(100dvh - var(--spacing-3xl) - var(--spacing-3xl))}:host(.has-image) ::slotted([slot=image]){width:100%;height:100%;aspect-ratio:auto;object-fit:cover}:host(.has-image) .promo-content{padding-block:var(--spacing-3xl);padding-inline:0}:host(.image-right) .promo-image-wrapper{order:2}:host(.image-right) .promo-content{order:1}}