.os-phrases{position:relative;width:100vw;height:100vh;overflow:hidden}.os-phrases h2{font-family:dosis,lato,sans-serif;font-size:70px;font-weight:200;width:100%;overflow:hidden;text-transform:uppercase;padding:0;margin:20px 0;position:relative;letter-spacing:14px;text-align:center;z-index:2;white-space:nowrap;top:20%}.os-phrases h2>span{margin:0 15px}.os-phrases h2,.os-phrases h2>span{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;flex-wrap:nowrap}.os-phrases h2>span>span{display:inline-block;-webkit-perspective:1e3px;-moz-perspective:1e3px;perspective:1e3px;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%}.os-phrases h2>span>span>span{display:inline-block;color:transparent;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:OpeningSequence 3.47s linear forwards;-moz-animation:OpeningSequence 3.47s linear forwards;animation:OpeningSequence 3.47s linear forwards}.os-phrases h2:nth-child(2)>span>span>span{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;animation-delay:3.5s}.os-phrases h2:nth-child(3)>span>span>span{-webkit-animation-delay:7s;-moz-animation-delay:7s;animation-delay:7s}.os-phrases h2:nth-child(4)>span>span>span{-webkit-animation-delay:10.5s;-moz-animation-delay:10.5s;animation-delay:10.5s}.os-phrases h2:nth-child(5)>span>span>span{font-size:150px;-webkit-animation-delay:14.5s;-moz-animation-delay:14.5s;animation-delay:14.5s;-webkit-animation-duration:5.5s;-moz-animation-duration:5.5s;animation-duration:5.5s}.os-phrases h2:nth-child(6)>span>span>span{font-size:30px;-webkit-animation:FadeIn 3s linear 18.5s forwards;-moz-animation:FadeIn 3s linear 18.5s forwards;animation:FadeIn 3s linear 18.5s forwards}.os-phrases h2:nth-child(7)>span>span>span{}.os-phrases h2.out2{margin-top:-15%}.os-phrases h2.out3{margin-top:-10%}@-webkit-keyframes OpeningSequence{0%{text-shadow:0 0 50px #fff;letter-spacing:80px;opacity:0;-webkit-transform:rotateY(-90deg)}50%{text-shadow:0 0 1px #fff;letter-spacing:14px;opacity:.8;-webkit-transform:rotateY(0)}85%{text-shadow:0 0 1px #fff;opacity:.8;-webkit-transform:rotateY(0)translateZ(100px)}100%{text-shadow:0 0 10px #fff;opacity:0;-webkit-transform:translateZ(130px);pointer-events:none}}@-moz-keyframes OpeningSequence{0%{text-shadow:0 0 50px #fff;letter-spacing:80px;opacity:.2;-moz-transform:rotateY(-90deg)}50%{text-shadow:0 0 1px #fff;letter-spacing:14px;opacity:.8;-moz-transform:rotateY(0)}85%{text-shadow:0 0 1px #fff;opacity:.8;-moz-transform:rotateY(0)translateZ(100px)}100%{text-shadow:0 0 10px #fff;opacity:0;-moz-transform:translateZ(130px);pointer-events:none}}@keyframes OpeningSequence{0%{text-shadow:0 0 50px #fff;letter-spacing:80px;opacity:.2;transform:rotateY(-90deg)}50%{text-shadow:0 0 1px #fff;letter-spacing:14px;opacity:.8;transform:rotateY(0)}85%{text-shadow:0 0 1px #fff;opacity:.8;transform:rotateY(0)translateZ(100px)}100%{text-shadow:0 0 10px #fff;opacity:1;transform:translateZ(130px);pointer-events:none}}@-webkit-keyframes FadeIn{0%{opacity:0;text-shadow:0 0 50px #fff}100%{opacity:.8;text-shadow:0 0 1px #fff}}@-moz-keyframes FadeIn{0%{opacity:0;text-shadow:0 0 50px #fff}100%{opacity:.8;text-shadow:0 0 1px #fff}}@keyframes FadeIn{0%{opacity:0;text-shadow:0 0 50px #fff}100%{opacity:.8;text-shadow:0 0 1px #fff}}.os-phrases h2:first-child .word3,.os-phrases h2:nth-child(2) .word2,.os-phrases h2:nth-child(3) .word2{font-weight:600}.os-phrases::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./../img/landing-bg.jpg);background-size:cover;background-position:50%;opacity:0;z-index:1;animation:bgFadeIn 5s linear 22s forwards}@media(max-width:500px){.os-phrases::after{animation:bgFadeIn 5s ease 3s forwards!important}}@keyframes bgFadeIn{0%{opacity:0}100%{opacity:1}}.os-phrases h2.out{animation:fadeOutText 2s linear 14s forwards}.os-phrases h2.out2{animation:fadeOutText 2s linear 18s forwards}@keyframes fadeOutText{from{opacity:1}to{opacity:0}}@media only screen and (max-width:1024px){.os-phrases h2{font-size:30px;letter-spacing:8px}.os-phrases h2:nth-child(5)>span>span>span{font-size:50px}}@media only screen and (max-width:768px){.os-phrases h2{font-size:20px;letter-spacing:8px}.os-phrases h2:nth-child(5)>span>span>span{font-size:40px}.type-tinyPic{display:none}}@media only screen and (max-width:400px){.os-phrases h2{font-size:8px;letter-spacing:8px}.os-phrases h2:nth-child(5)>span>span>span{font-size:35px}.type-tinyPic{display:none}}.grid__img{position:relative;overflow:visible}.grid__img-inner{position:relative;z-index:1}.grid__caption{position:absolute;bottom:-.5em;left:0;width:100%;text-align:center;font-size:.8rem;color:var(--color-text);background-color:var(--color-bg-content);padding:.2em 0;margin:0;z-index:10}.center{text-align:center}