:root{--white: #fff}body{margin:0;display:flex;place-items:center;background-color:#000}h1{position:relative;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:11vw;line-height:1.1;text-align:center;color:#fff;margin-top:5%;margin-bottom:-10px}[data-section=intro]{visibility:visible;transition:visiblity 1s}[data-section=header],[data-section=main]{transition:visiblity 1s}[data-img=header]{z-index:1;position:relative;margin-top:5%;margin-bottom:-10px;transition:visiblity 1s}#app{width:100%;max-width:1920px;margin:0 auto}img{position:relative;z-index:2;width:100%;max-width:100%;height:auto;display:block}video{width:100%;max-width:100%;height:auto}.section--shade{position:relative;overflow:hidden;display:block}[data-img=shade-under]{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;display:block}[data-img=shade]{position:relative;z-index:2;display:block}.header,.second-logo{width:100%;position:relative}.header svg,.second-logo svg{width:100%;height:auto}.header-image{position:relative;z-index:10}.header--logo{top:0;position:relative;margin:0 auto;width:100%;height:100%;z-index:8}.section--video{position:relative}.button{display:inline-block;width:100%;height:80px;position:absolute}.button--play{opacity:1;font-size:30rem;height:100%;color:var(--white);margin:0 auto;text-align:center;transition:opacity .7s;z-index:5}@media screen and (max-width: 960px){.button--play{font-size:11rem}}@media screen and (max-width: 740px){.button--play{font-size:9rem}}.hidden{visibility:hidden;height:0}#line1,#line2,#line3,#line4,#line5,#line6,#line7,#line8,#line9,#line10,#line11{visibility:hidden}.canvas{position:relative}.player{width:32px;height:32px;background:transparent url(../assets/sp-1.png) no-repeat 0 0;background-size:cover;position:absolute}.section-zigZag,.section-zigZagTwo{width:100%;height:100vh;display:flex;flex-direction:row;overflow:hidden}.section-zigZag .col,.section-zigZagTwo .col{width:10%}.section-zigZag .col:nth-child(2n),.section-zigZagTwo .col:nth-child(2n){transform:scaleX(-1)}.section-zigZag div span,.section-zigZagTwo div span{display:block;width:10%;height:100%;background-color:#fff;position:relative;align-self:stretch}.section-zigZag div span:nth-child(2n),.section-zigZagTwo div span:nth-child(2n){transform:rotate(45deg)}.section-zigZag div span:nth-child(odd),.section-zigZagTwo div span:nth-child(odd){transform:rotate(-45deg)}