.banner{color:var(--text-color)}.banner{position:relative;overflow:hidden}.phased-rollout{position:absolute;top:0;left:0;width:100%;z-index:var(--section-z-index, 10);transition:opacity .5s ease,transform .5s ease}.phased-rollout.removing{opacity:0;transform:translateY(-20px);pointer-events:none}.banner__background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat}.banner__background--overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,var(--overlay-opacity, .3))}.banner--small{padding:2rem 0}.banner--medium{padding:4rem 0}.banner--large{padding:6rem 0}.banner--ambient .banner__background{transform:scale(1.2);width:120%;height:120%;left:-10%;top:-10%}.banner--fixed .banner__background{background-attachment:fixed}.banner--zoom-in .banner__background{transform:scale(1);transition:transform 10s ease}.banner--zoom-in:hover .banner__background{transform:scale(1.1)}.banner__header{margin-bottom:2rem;position:relative;z-index:1;text-align:center}.banner__title{margin-top:0;color:var(--text-color)}.banner__subtitle{margin-top:.5rem;color:var(--text-color)}.banner__background-desktop,.banner__background-mobile{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.banner__background-image{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (max-width: 749px){.banner__background-desktop{display:none}}@media screen and (min-width: 750px){.banner__background-mobile{display:none}}.banner--adapt{height:auto}.banner--small,.banner--medium,.banner--large{padding-top:3rem;padding-bottom:3rem}@media screen and (min-width: 750px){.banner--small{padding-top:4rem;padding-bottom:4rem}.banner--medium{padding-top:6rem;padding-bottom:6rem}.banner--large{padding-top:8rem;padding-bottom:8rem}}.banner--full{min-height:100vh;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:100vw;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;position:relative}@media screen and (min-width: 750px){.banner--full{padding-left:5rem;padding-right:5rem}}@media screen and (max-width: 400px){.banner--full{margin-top:calc(-50vw + 50%);margin-bottom:calc(-50vw + 50%)}}.banner--full .banner__grid{position:relative;z-index:2}.banner--full .banner__background{position:fixed;width:100vw;height:100vh}.banner--full.scrolled-past .banner__background{position:absolute;top:0;bottom:0;height:100%}.banner__content-block{position:absolute;z-index:5;padding:1.5rem;box-sizing:border-box;max-width:var(--content-block-width, 33%);top:var(--content-top, auto);right:var(--content-right, auto);bottom:var(--content-bottom, auto);left:var(--content-left, auto);transform:var(--content-transform, none)}@media screen and (max-width: 749px){.banner__content-block{top:var(--mobile-content-top, auto);right:var(--mobile-content-right, auto);bottom:var(--mobile-content-bottom, auto);left:var(--mobile-content-left, auto);transform:var(--mobile-content-transform, auto);width:calc(100% - 2rem);margin:0 1rem}}.banner__content-block__title{margin:0;color:#c6ccd2;font-size:calc(var(--font-heading-scale) * 6rem);text-transform:uppercase;text-align:center;font-family:var(--font-din-condensed)}.banner__content-block__subtitle{margin-top:.5rem;margin-bottom:3rem;color:var(--text-color);font-size:calc(var(--font-heading-scale) * 2.5rem);line-height:.2;text-transform:uppercase;text-align:center;font-family:var(--font-din-condensed)}.banner__content-block__content{margin:0;padding:0 1rem;line-height:1.2;font-family:var(--font-din-condensed)}@media screen and (max-width: 749px){.banner__content-block__content{font-size:2rem;text-align:center}}@media screen and (max-width: 360px){.banner__content-block__content{font-size:1.5rem}}.banner__content-block__button{display:inline-block;padding:.75rem 1.5rem;border:1px solid currentColor;text-decoration:none;color:var(--text-color)}.banner__content-block__image{max-width:100%;height:auto;margin-bottom:1rem}.banner__content-block__liquid,.banner__content-block__liquid a{color:var(--text-color)}.banner__content-block__liquid p{margin:0}.banner__content-block__liquid svg{max-width:20px}@media screen and (max-width: 749px){.banner__content-block__liquid svg{max-width:30px}}.banner__content-block__content [instagram] span{font-size:calc(var(--font-heading-scale) * 2rem)}
/*# sourceMappingURL=/cdn/shop/t/44/assets/banner.css.map */