.character__content{display:flex;justify-content:flex-start;align-items:center;position:relative;height:100vh;scroll-snap-type:y mandatory}.character__content .character__bannerText{position:relative;max-width:700px;display:flex;align-items:center;height:80vh;margin-left:2rem}.character__content .character__bannerText div{display:none;transition:.5s ease-in-out}.character__content .character__bannerText div.active__slide{display:initial}.character__content .character__bannerText div h2{color:#fff;font-size:6em;line-height:1em;font-weight:700}.character__content .character__bannerText div p{color:#fff;font-size:1.5em;line-height:1em;font-weight:300;margin:20px 0}.controls{position:absolute;bottom:0;right:0;display:flex}.controls li{width:80px;height:80px;display:flex;justify-content:center;align-items:center;background:#fff;cursor:pointer;color:#000;font-size:2em;transition:.4s;border-radius:50%;margin-left:10px}.controls li:hover{background:#000;color:#fff}.bannerVideo{position:relative;top:0;left:0;width:100%;height:100%}.bannerVideo .character__video{position:absolute;top:0;left:0;width:100%;object-fit:cover;height:100vh;opacity:0}.bannerVideo .character__video.active__video{opacity:1}.character__content:before{content:"";position:absolute;top:0;left:0;width:50%;height:100vh;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:10px 0 15px rgba(0,0,0,.05)}@media screen and (max-width:768px){.character__content .character__bannerText div h2{font-size:3em;line-height:1em;font-weight:700;text-align:center}.character__content .character__bannerText div p{color:#fff;font-size:1em;text-align:center}.character__content:before{width:100%;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.controls{right:2rem}.controls li{width:40px;height:40px;margin-left:10px}.character__content .character__bannerText{margin-left:0;padding:10px}}