.banner{position:relative;overflow:hidden}.banner__content{position:absolute;top:0;left:50%;z-index:5;width:100%;height:100%;max-width:var(--page-width);display:flex;flex-direction:column;padding:1.6rem;color:var(--color-background-secondary);transform:translate(-50%)}.banner__content--vertical-alignment-top{justify-content:flex-start}.banner__content--vertical-alignment-center{justify-content:center}.banner__content--vertical-alignment-bottom{justify-content:flex-end}.banner__content--vertical-alignment-space-between{justify-content:space-between}.banner__content--horizontal-alignment-left{align-items:flex-start;padding-right:5rem}@media screen and (min-width:990px){.banner__content--horizontal-alignment-left{padding-right:8rem}}.banner__content--horizontal-alignment-center{align-items:center;padding-left:5rem;padding-right:5rem;text-align:center}@media screen and (min-width:990px){.banner__content--horizontal-alignment-center{padding-left:8rem;padding-right:8rem}}.banner__content--horizontal-alignment-right{align-items:flex-end;padding-left:5rem;text-align:right}@media screen and (min-width:990px){.banner__content--horizontal-alignment-right{padding-left:8rem}}.banner__media{position:relative;padding-bottom:125%}@media screen and (min-width:750px){.banner__media{padding-bottom:50%}}.banner__media>*{object-fit:cover}.banner__media video{top:50%;left:50%;width:105%;height:105%;transform:translate(-50%,-50%)}.banner__media:after{content:"";position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;background-color:var(--color-black);opacity:.5}.banner .video-element{z-index:auto}.banner__media.video-element__video:after{opacity:.2}.banner__background{color:var(--color-background-secondary)}.banner__title{margin:-.7rem 0 0;font-weight:var(--font-heading-weight);line-height:1.2;letter-spacing:-.01em}.template--academy-partner .banner .banner__title{margin-top:-.7rem;line-height:1}@media screen and (min-width:990px){.banner__title{max-width:50rem;margin:-.7rem 0 0;letter-spacing:-.019em}.template--academy-partner .banner .banner__title{margin-top:-.9rem;line-height:1.05}}@media screen and (min-width:990px){.banner__entry{max-width:50rem}}.banner__entry p{margin:.9rem 0;line-height:1.4}.banner--content-right .video-element__button{right:auto;left:1.6rem}.banner--hero .banner__title{margin:-1rem 0 0;font-size:calc(var(--font-heading-scale) * 3.8rem);letter-spacing:-.019em}@media screen and (min-width:990px){.banner--hero .banner__title{margin:-1.2rem 0 0;font-size:calc(var(--font-heading-scale) * 4.4rem)}}.banner--hero .banner__entry p{margin:1.2rem 0;line-height:1.2}
/*# sourceMappingURL=/cdn/shop/t/278/assets/component-banner.css.map */