.cinematic-banner{position:relative}.cinematic-banner__wrapper{position:relative;display:flex;justify-content:center;align-items:center}.cinematic-banner__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cinematic-banner__bg-image{width:100%;height:100%;object-fit:cover;display:block}.cinematic-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.cinematic-banner__bg-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cinematic-banner__background-text.gsap-heading{top:30%;font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:0px;z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:45px!important;color:#f5548c;width:90%;left:50%}.cinematic-banner__background-text{position:absolute;left:52%;top:40%;transform:translate(-50%,-50%);width:100%;text-align:center;font-weight:900;line-height:1.1;letter-spacing:0px;text-transform:uppercase;z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:28px!important;width:60%;margin:auto!important}.cinematic-banner__background-text .word-group{display:inline-block;white-space:nowrap}.cinematic-banner__background-text .letter{display:inline-block;opacity:0;transform:translate(-40px) scale(.9);will-change:transform,opacity;vertical-align:baseline;white-space:nowrap;margin-right:.1em}.cinematic-banner__background-text.gsap-heading .letter{margin-right:.4em;transform:translate(0)}.cinematic-banner__characters{position:absolute;top:0;right:0;bottom:20px;left:0;z-index:3;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.cinematic-banner__character{position:relative;width:var(--character-width);flex-shrink:0;will-change:transform}.cinematic-banner__character--left{z-index:2;margin-right:var(--character-overlap)}.cinematic-banner__character--right{z-index:1;margin-left:var(--character-overlap)}.cinematic-banner__character-image{display:block;width:100%;height:auto}.cinematic-banner__content{position:absolute;bottom:60px;left:50%;transform:translate(-50%);text-align:center;z-index:4;width:min(700px,90%)}.cinematic-banner__subheading{display:block;margin-bottom:12px;text-transform:uppercase;letter-spacing:3px;font-size:13px;opacity:.85}.cinematic-banner__heading{font-size:56px;margin:0 0 20px;line-height:1}.cinematic-banner__description{font-size:16px;line-height:1.7;margin-bottom:35px}.cinematic-banner__button{display:inline-flex;align-items:center;justify-content:center;padding:16px 42px;text-decoration:none;font-size:15px;font-weight:600;border-radius:999px;transition:.35s}.cinematic-banner__button:hover{transform:translateY(-4px);box-shadow:0 18px 35px #00000059}@keyframes floatCharacter{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}@media screen and (max-width:1200px){.cinematic-banner__background-text.gsap-heading{font-size:40px!important}.cinematic-banner__heading{font-size:42px}}@media(max-width:990px)and (min-width:756px){.cinematic-banner__background-text{top:44%;font-size:24px!important;width:75%}.cinematic-banner__background-text.gsap-heading{top:33%;font-weight:900;font-size:34px!important;width:98%}}@media screen and (max-width:768px){.cinematic-banner__background-text{top:44%;font-size:22px!important;width:75%;left:57%}.cinematic-banner__background-text.gsap-heading{top:33%;font-weight:900;font-size:28px!important;width:98%;left:50%}.cinematic-banner__content{bottom:30px;width:90%}.cinematic-banner__heading{font-size:30px}.cinematic-banner__description{font-size:14px}}.cinematic-banner .page-width{padding:0!important;max-width:100%}@media screen and (max-width:490px){.cinematic-banner__background-text.gsap-heading{top:33%;font-size:26px!important}.cinematic-banner__background-text:not(.gsap-heading){top:43.5%;font-size:18px!important;width:90%;left:59%}.cinematic-banner__character{width:150px}.cinematic-banner__character--left{margin-right:-16px}}@media screen and (max-width:400px){.cinematic-banner__background-text.gsap-heading{top:35%;font-size:28px!important}.cinematic-banner__background-text:not(.gsap-heading){top:46%;font-size:18px!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/cinematic-banner.css.map */