.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{background-color:transparent}.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{object-fit:cover}.banner__image,.banner__video,.banner__video .video{height:100%;width:100%}.banner__container{display:contents}.banner__content{color:#000;z-index:1}.banner__heading{color:inherit;font-size:1.8rem;margin-top:0}.banner--outline .banner__heading{color:var(--content-bg-color,#fff);text-shadow:-1px -1px 0 var(--content-text-color,#000),1px -1px 0 var(--content-text-color,#000),-1px 1px 0 var(--content-text-color,#000),1px 1px 0 var(--content-text-color,#000)}.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--outline .banner__description{color:var(--content-bg-color,#fff);text-shadow:-1px -1px 0 var(--content-text-color,#000),1px -1px 0 var(--content-text-color,#000),-1px 1px 0 var(--content-text-color,#000),1px 1px 0 var(--content-text-color,#000)}.banner__button{background:#2b76e0 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23fff' d='M6.458.283a1 1 0 0 1 1.414.02l5.845 6a1 1 0 0 1 0 1.394l-5.845 6a1 1 0 1 1-1.433-1.394L10.63 8H1a1 1 0 1 1 0-2h9.63L6.44 1.697A1 1 0 0 1 6.457.283'/%3E%3C/svg%3E") 50% no-repeat;background-size:1.2rem 1.2rem;border:2px solid #2b76e0;border-radius:100%;height:4rem;margin:0;padding:0;width:4rem}@media (hover:hover){.banner__button:not(:disabled):active,.banner__button:not(:disabled):focus-visible,.banner__button:not(:disabled):hover{background:#00316b url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23fff' d='M6.458.283a1 1 0 0 1 1.414.02l5.845 6a1 1 0 0 1 0 1.394l-5.845 6a1 1 0 1 1-1.433-1.394L10.63 8H1a1 1 0 1 1 0-2h9.63L6.44 1.697A1 1 0 0 1 6.457.283'/%3E%3C/svg%3E") 50% no-repeat;background-size:1.2rem 1.2rem;border-color:#00316b}}.banner__button span{display:none}a:hover .banner__button{background:#00316b url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23fff' d='M6.458.283a1 1 0 0 1 1.414.02l5.845 6a1 1 0 0 1 0 1.394l-5.845 6a1 1 0 1 1-1.433-1.394L10.63 8H1a1 1 0 1 1 0-2h9.63L6.44 1.697A1 1 0 0 1 6.457.283'/%3E%3C/svg%3E") 50% no-repeat;background-size:1.2rem 1.2rem;border-color:#00316b}.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:0;overflow:hidden}:is(.banner--above,.banner--below) .banner__content{padding:2.4rem}: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{padding:2.4rem;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}}:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__content{background-color:#e4e4e4;display:flex;grid-area:below;letter-spacing:-.02em;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;font-weight:400}: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;font-weight:400;margin:0}@container banner (width < 70rem){:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__content{align-items:flex-start;flex-direction:column;gap:0;justify-content:flex-start;width:100%}}@container banner (width >= 70rem){:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__content{align-items:center;display:inline-flex;gap:.8rem;grid-area:visual;padding:3rem}:is(:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__content) .banner__button{margin-left:4rem}}@container banner (width >= 80rem){:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__content{padding:3.8rem}:is(:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__content) .banner__button{margin-left:8rem}}.banner--topleft .banner__content{justify-content:flex-start;place-self:start}.banner--top .banner__content{place-self:start center}.banner--topright .banner__content{justify-content:flex-start;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{justify-content:flex-end;place-self:end start}.banner--bottom .banner__content{place-self:end center}.banner--bottomright .banner__content{justify-content:flex-end;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}}
