.banner{--label-bg-color:0;background-color:var(--content-bg-color,#fff);container:banner/inline-size;width:100%}.banner:has(a.banner__link:hover) .banner__image{scale:1.02}.banner__link{display:grid;grid-template:"above" min-content "visual" 1fr "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{border-radius:4px;grid-area:visual;overflow:hidden;place-self:center;position:relative;width:100%}.banner__labels{display:flex;flex-wrap:wrap;gap:.5rem;position:absolute;right:2rem;top:2rem}.banner__picture{display:contents}.banner__image{object-fit:cover;transition:scale .3s ease}.banner__image,.banner__video,.banner__video .video{height:100%;width:100%}.banner__video .video{aspect-ratio:unset!important}.banner__container{display:contents}.banner__content{color:var(--content-text-color,#000);width:100%;z-index:1}.banner__heading{color:inherit;font-size:1.8rem;line-height:1.3;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.4rem;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{margin-top:1rem}@container banner (width <= 32rem){.banner__button{width:100%}}.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}.banner--overlay .banner__content{background-color:var(--content-bg-color)}.banner--overlay .button{border:0}.banner--above,.banner--below{height:100%}:is(.banner--above,.banner--below) .banner__link{border:1px solid #e0e0e0;border-radius:4px;height:100%;overflow:hidden}:is(.banner--above,.banner--below) .banner__heading{height:2lh;overflow:hidden;text-overflow:ellipsis}:is(.banner--above,.banner--below) .banner__visual{border-radius:0}:is(.banner--above,.banner--below) .banner__content{padding:1.6rem}:is(.banner--above,.banner--below) .banner__description{--height:3;margin-block:.5lh}@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}:is(.banner--asideleft,.banner--asideright) .banner__description{margin-block:1lh}.banner--asideleft .banner__content{grid-area:asideleft}.banner--asideleft .banner__visual{margin-bottom:0}@media(min-width:64em){@container banner (width >= 28rem){.banner--asideleft .banner__link{grid-template:"visual content" 1fr/50%}.banner--asideleft .banner__visual{grid-area:visual;margin-bottom:0;padding-right:0;place-self:stretch}.banner--asideleft .banner__content{grid-area:content}.banner--asideleft .banner__image{height:100%;object-fit:cover}}}.banner--asideright .banner__content{grid-area:asideright}.banner--asideright .banner__visual{margin-bottom:0}@media(min-width:64em){@container banner (width >= 28rem){.banner--asideright .banner__link{grid-template:"visual content" 1fr/50%}.banner--asideright .banner__visual{grid-area:visual;margin-bottom:0;padding-right:0;place-self:stretch}.banner--asideright .banner__content{grid-area:content}.banner--asideright .banner__image{height:100%;object-fit:cover}}}:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__content{color:var(--content-text-color,#fff);grid-area:visual;padding:2.4rem;text-align:center}:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__heading{font-size:1.6rem;line-height:1.6}:is(.banner--topleft,.banner--top,.banner--topright,.banner--left,.banner--center,.banner--right,.banner--bottomleft,.banner--bottom,.banner--bottomright) .banner__description{--height:1;font-size:1.6rem;font-weight:600;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{max-width:max-content;padding:4rem}}.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}}.tw__banner{height:100%;position:relative;width:100%;z-index:0}.tw__banner .video{aspect-ratio:unset!important;height:100%;pointer-events:none;width:100%}
