#welcome-screen{position:relative;width:100vw;height:100vh;padding:0;overflow:hidden}
.welcome-screen--images{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}
.welcome-screen--images::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#201b17;opacity:.35;z-index:1}
.--home_screen .--image_inner{position:relative;display:flex;flex-direction:row;width:100%;height:100%}
.--home_screen .--image_inner::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,#201b17 0%,rgba(27,23,20,0) 59.7%);z-index:1}
.--home_screen .--image_inner::after{content:'';position:absolute;width:100%;height:100%;bottom:0;left:0;background:linear-gradient(180deg,#201b17 0%,rgba(27,23,20,0) 59.7%);transform:rotate(180deg);z-index:1}
.--home_screen .--image_wrap{display:flex;flex-direction:row;justify-content:center;width:100%;height:100%;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);-webkit-transform-origin:20.5% 58.5%;transform-origin:20.5% 58.5%}
.image-inner-stripes{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.--home_screen .--image_wrap>div:nth-of-type(odd){margin:-19.5rem 0 0 2.5rem}
.--home_screen .--image_wrap>div:nth-of-type(even){margin:0 0 0 2.5rem}
.image-inner-stripes .marquee-scroll{display:flex;flex-direction:column;justify-content:center;transform:translateY(100%)}
.image-inner-stripes .marquee-scroll-reverse{flex-direction:column-reverse}
.image-inner-stripes.is-inview .marquee-scrollUp{-webkit-animation:marqueeUp 65s -32.5s linear infinite;animation:marqueeUp 65s -32.5s linear infinite}
.image-inner-stripes.is-inview .marquee-scrollDown{-webkit-animation:marqueeDown 75s -25s linear infinite;animation:marqueeDown 75s -25s linear infinite}
.image-inner-stripes.is-inview .marquee-scrollUpLast{-webkit-animation:marqueeUp 15s linear infinite;animation:marqueeUp 15s linear infinite}
.marquee-scroll .marquee-scroll-img{width:50vw;margin:0 0 2.5rem;perspective:1000px}
.marquee-scroll .marquee-scroll-mid-img{-webkit-transform:translateY(0);transform:translateY(0)}
.marquee-scroll .marquee-scroll-img img{display:block;-webkit-transform:rotateY(0deg) translate3d(0,0,0);transform:rotateY(0deg) translate3d(0,0,0)}
.marquee-scroll .marquee-scroll-img:nth-of-type(1) img{transition:.7s .6s}
.marquee-scroll .marquee-scroll-img:nth-of-type(2) img{transition:.7s .8s}
.marquee-scroll .marquee-scroll-img:nth-of-type(3) img{transition:.7s 1s}
.marquee-scroll .marquee-scroll-img:nth-of-type(4) img{transition:.7s 1.2s}
.marquee-scroll .marquee-scroll-img:nth-of-type(5) img{transition:.7s 1.4s}
.marquee-scroll .marquee-scroll-img:nth-of-type(6) img{transition:.7s 1.6s}
.marquee-scroll .marquee-scroll-img:nth-of-type(7) img{transition:.7s 1.8s}
.marquee-scroll .marquee-scroll-img:nth-of-type(8) img{transition:.7s 2s}
.marquee-scroll .marquee-scroll-img:nth-of-type(9) img{transition:.7s 2.2s}
.marquee-scroll .marquee-scroll-img:nth-of-type(10) img{transition:.7s 2.4s}
.welcome-screen--text{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#FBFAF5;text-align:center;z-index:2}
.--text_inner h1{margin-top:1.875rem}
/*-- media queries --*/
@media screen and (min-width:64rem){
.--home_screen .--image_wrap{transform-origin:0 66rem}
.--home_screen .--image_wrap>div:nth-of-type(4),.--home_screen .--image_wrap>div:nth-of-type(5){display:block}
.--home_screen .--image_wrap>div:nth-of-type(odd){margin:-32.5rem 0 0 4rem}
.--home_screen .--image_wrap>div:nth-of-type(even){margin:0 0 0 4rem}
.marquee-scroll .marquee-scroll-img{width:35vw;margin:0 0 4rem}
}
@media screen and (min-width:75rem){
.marquee-scroll .marquee-scroll-img{width:25vw}
}
@-webkit-keyframes marqueeUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}}
@keyframes marqueeUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}}
@-webkit-keyframes marqueeDown{from{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes marqueeDown{from{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
