.banner{container:banner/inline-size;line-height:1.6;overflow:hidden;width:100%}.banner__link{display:grid;grid-template:"above" min-content "visual" min-content "below" min-content "asideleft" min-content "asideright" min-content/100%;position:relative;-webkit-text-decoration:none;text-decoration:none}@container banner (width >= 52rem){.banner__link{grid-template:".            above     ." min-content "asideleft    visual    asideright" min-content ".            below     ." min-content/max-content 1fr max-content}}.banner__link-video{display:block;top:0;right:0;bottom:0;left:0;position:absolute;z-index:2}.banner__visual{grid-area:visual;overflow:hidden;place-self:center;width:100%}.banner__picture{display:contents}.banner__image{width:100%}.banner__video,.banner__video .video{height:100%;width:100%}.banner__container{display:contents}.banner__content{color:#000;width:100%;z-index:1}.banner__heading{color:inherit;font-size:1.8rem;margin-top:0}.banner__description{--height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:var(--height,auto);display:-webkit-box;font-size:1.6rem;height:calc(var(--height, auto)*1lh);overflow:hidden}.banner--overlay .banner__visual{position:relative}:is(.banner--overlay .banner__visual):after{background:#00000026;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}:is(.banner--above,.banner--below) .banner__visual{border-radius:1.6rem;overflow:hidden}:is(.banner--above,.banner--below) .banner__content{padding:1.6rem 0}:is(.banner--above,.banner--below) .banner__description{margin-block:.4rem .6rem}@container banner (width >= 32rem){:is(.banner--above,.banner--below) .banner__heading{height:auto;overflow:visible}}.banner--above .banner__content{grid-area:above}.banner--below .banner__content{grid-area:below}:is(.banner--asideleft,.banner--asideright) .banner__visual{margin-bottom:3.2rem}:is(.banner--asideleft,.banner--asideright) .banner__content{place-self:center}:is(.banner--asideleft,.banner--asideright) .banner__heading{font-size:2.1rem}:is(.banner--asideleft,.banner--asideright) .banner__description{margin-block:1lh}.banner--asideleft .banner__content{grid-area:asideleft}@container banner (width >= 52rem){.banner--asideleft .banner__link{grid-template-columns:50% 50% 0}.banner--asideleft .banner__visual{margin-bottom:0;padding-left:1.6rem}.banner--asideleft .banner__content{padding-right:1.6rem}}.banner--asideright .banner__content{grid-area:asideright}@container banner (width >= 52rem){.banner--asideright .banner__link{grid-template-columns:0 50% 50%}.banner--asideright .banner__visual{margin-bottom:0;padding-right:1.6rem}.banner--asideright .banner__content{padding-left:1.6rem}}.banner--bottom,.banner--bottomleft,.banner--bottomright,.banner--center,.banner--left,.banner--right,.banner--top,.banner--topleft,.banner--topright{border-radius:2.4rem}:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__content{background-color:var(--content-bg-color,#88bbfa);grid-area:below;padding:2.4rem;text-align:left}:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__heading{font-size:3.2rem;line-height:1.2}:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__description{font-size:2.4rem;font-weight:600;line-height:1.3;margin-block:.5lh;width:100%}:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__button{height:4.4rem;margin-top:1rem}@container banner (width < 48rem){:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__content{margin-top:-2rem}}@container banner (width >= 48rem){:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__content{grid-area:visual;max-width:33.33%;padding:4rem}:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__heading{font-size:4.8rem}:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__description{font-size:3.2rem}}:is(.banner--topleft,.banner--topright,.banner--left,.banner--right,.banner--bottomleft,.banner--bottomright) .banner__content{align-items:flex-start;border-radius:2.4rem;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.banner--topleft .banner__content{place-self:start}.banner--top .banner__content{place-self:start center}.banner--topright .banner__content{place-self:start end}.banner--left .banner__content{place-self:center start}.banner--center .banner__content{place-self:center}.banner--right .banner__content{place-self:center end}.banner--bottomleft .banner__content{place-self:end start}.banner--bottom .banner__content{place-self:end center}.banner--bottomright .banner__content{place-self:end}.banner--hero.banner--overlay .banner__visual{border-radius:0}.banner--hero.banner--overlay .banner__container{display:grid;grid-area:visual;grid-template:"visual" 1fr/1fr}.banner--hero.banner--overlay .banner__heading{font-size:4rem}.banner--hero.banner--overlay .banner__description{--height:1;font-size:2.4rem;font-weight:600;margin-block:.5lh;width:100%}@container banner (width < 42rem){.banner--hero.banner--overlay .banner__visual{aspect-ratio:1}.banner--hero.banner--overlay .banner__image{height:100%;object-fit:cover;width:100%}}@container banner (width >= 42rem){.banner--hero.banner--overlay .banner__heading{font-size:4.8rem}}