@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@300&family=Open+Sans&family=Yanone+Kaffeesatz:wght@600&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:16px;scroll-behavior:auto}body,html{margin:0;min-height:100%;width:100%}.main-header-container.scrolled{background-color:#0000}.main-header-container{pointer-events:none}.main-header-container #navbar-toggle,.main-header-container #translate-notice,.main-header-container .main-site-nav,.main-header-container .navbar-btn{pointer-events:auto}#translate-notice .inner button{color:#000}footer.footer{background-color:#fff}.header .container{width:100%!important}body{-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans Condensed,sans-serif;margin:0}@media(max-width:767px){.navbar-btn{margin-left:-5px;margin-top:4px}.header .logo img{height:30px}#navbar-toggle{margin-right:-5px;padding-top:.5em;top:0}}#root .bg{background-position:50% 100%;background-size:cover;height:100%;position:fixed;top:0;width:100%;z-index:0}#root .mobile{display:none}#root .cover{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}#root .cover__box{margin-top:5vh;position:relative;text-align:center}#root .cover__date,#root .cover__tag{color:#9bb6f5;font-weight:900;text-shadow:0 2px 2px #0009}#root .cover__tag{display:inline-block;padding-bottom:0}#root .cover__date{letter-spacing:.5px}#root .cover__title,#root .cover__wrapper{position:relative}#root .cover h1{color:#5174ff;font-size:120px;font-weight:900;line-height:1.17;margin:0;text-transform:uppercase}#root .icon{position:absolute}#root .icon0{height:120px;left:0;top:25%}#root .icon1{height:98px;right:0;top:26%}#root .icon2{bottom:6%;height:112px}#root .icon3{bottom:25%;height:127px;right:0}#root .cover__title:nth-child(4) h1:first-child{color:#000b28;position:relative;text-shadow:3px 3px #000b28}#root .cover__title:nth-child(4) h1:nth-child(2){animation:move 1s linear infinite,up 5s linear infinite alternate;background:radial-gradient(100% 58% at top,#0000 99%,#5174ff) 0 0/50.1% 180%,radial-gradient(100% 58% at bottom,#5174ff 99%,#0000) 100% 0/50.1% 180%,radial-gradient(100% 58% at top,#0000 99%,#5174ff) 200% 0/50.1% 180%,radial-gradient(100% 58% at bottom,#5174ff 99%,#0000) 300% 0/50.1% 180%,linear-gradient(#5174ff,#5174ff) bottom/100% 0;-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;color:#0000;position:absolute;top:0}@keyframes move{to{background-position:-200% 0,-100% 0,0 0,100% 0,bottom}}@keyframes up{to{background-size:50.1% 20%,50.1% 20%,50.1% 20%,50.1% 20%,100% 80%}}#root .quote__mark{left:0;position:absolute;top:0;transform:translate(-15%,-80%);width:100px}#root .mask{background-size:contain;height:50vw;position:absolute;right:0;top:0;width:50vw}#root .mask.large{height:55vw;width:55vw}#root .moon{left:0;position:absolute;top:0;transition:transform 2s ease,opacity .2s ease;width:6.5vw}#root .left-wrap{position:relative}#root .left .mask{left:0;right:auto}#root .bottom .mask{bottom:0;top:auto}#root .line{height:auto;pointer-events:none;position:absolute;right:0;top:0;width:100%}#root .line path{stroke-dasharray:2150;stroke-dashoffset:2150;transition:stroke-dashoffset 1s;transition-delay:.5s}#root .line.active path{stroke-dashoffset:0}#root .bottom .line{bottom:0;top:auto}#root h1,#root h2{font-family:Yanone Kaffeesatz,sans-serif}#root h2{-webkit-text-stroke-width:0;color:#5174ff;font-size:3rem;font-weight:600;left:0;line-height:1.2;margin:1rem 0;max-width:400px;opacity:0;position:relative;text-shadow:3px 3px #000b28;transform:translateY(100px);transition:all 1s ease-in}#root h2.active{opacity:1;transform:translateY(0)}#root h2 strong{color:#ff8861;font-weight:900}#root .subtitle{border:1px solid #9bb6f5;color:#9bb6f5;display:inline-block;font-size:14px;line-height:1.4;margin-left:.2rem;padding:.1rem .3rem .2rem;position:relative;text-shadow:none;transition:all 1s ease-in}#root .horizontal__item:first-child .content,#root .horizontal__item:first-child h2{opacity:1}#root p{font-size:1rem;margin-block-end:1em;margin-top:0}#root .left h2{margin-left:auto}#root .container{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;margin:0 auto;max-width:1180px;padding:5vh 40px;pointer-events:none;position:relative;width:100%}#root .editorial{height:100vh;margin-bottom:10vh;margin-top:10vh}#root .editorial .container{flex-direction:row;justify-content:space-between}#root .editorial h2{opacity:1;transform:none}#root .editorial .content{align-self:center;opacity:1}#root .bottom .container{flex-direction:column;justify-content:flex-start}#root .content{color:#acc4ff;line-height:1.7;max-width:400px;pointer-events:auto;position:relative}#root .content p{position:relative;z-index:1}#root .content a{color:#ff8861;display:inline-block;font-family:Noto Sans SC,sans-serif;font-size:15px;font-weight:900;letter-spacing:0;margin-top:1.5rem;padding:0;position:relative;text-decoration:none;transition:.3s ease-in}#root .content a:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 102 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M1.29 22.58c10.773-3.747 31.63-8.482 55.893-8.754 20.883-.235 34.545 4.938 44.067 8.344-4.075-5.456-9.822-15.298-19.924-20.088 5.145 6.894 5.187 14.103 2.902 19.193-1.952 4.35-5.847 8.375-7.326 9.406' stroke='%235174FF' stroke-width='2' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h102v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");left:0;position:absolute;top:20px;width:100%}#root .content a:hover{cursor:pointer;transform:translateY(-3px)}#root .left .content{margin-left:auto}#root .content{opacity:0;transform:translateY(100px);transition:all 1s ease-in;transition-delay:.2s}#root .content.active{opacity:1;transform:translateY(0)}#root .vertical__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}#root .vertical__item{align-items:center;display:flex;justify-content:center;position:relative;width:100%}#root #horizontal{display:flex;flex-wrap:nowrap;overscroll-behavior:none;width:600%}#root .horizontal__item{align-items:center;box-sizing:border-box;display:flex;justify-content:center;position:relative;transition:none;width:16.67%}#root .article{height:100vh;position:relative;width:100%}#root .article.intro{height:auto}#root .intro .container{height:auto;padding:20vh 0}#root .intro .content{transform:translateX(80px)}#root .intro .content,#root .intro h2{margin:0 auto;max-width:560px;opacity:1}#root .intro h2{font-size:5rem;transform:translate(-80px);width:100%}#root .scroller{height:150vh;pointer-events:none;width:100%}#root .quote__wrapper{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:space-between;position:sticky;top:0}#root .horizontal__wrapper{overflow:hidden;width:100%}#root .image-wrap{overflow:hidden;position:relative;width:450px}#root .panel-image{bottom:0;font-size:40px;font-weight:900;height:45vh;left:0;opacity:0;position:absolute;right:0;text-align:center;text-transform:uppercase;top:0;width:100%;z-index:1}#root .panel-image:first-child{position:relative}#root .panel-image.active{opacity:1}#root .panel-image img{height:100%}#root .tag__wrapper{color:#c1d3ff;margin-top:20px;position:relative;text-align:center}#root .name{color:#ff8861;font-size:20px;font-weight:900;margin-bottom:.2rem}#root .name button{background-color:#ff8861;border:none;border-radius:9px;color:#000;font-size:15px;font-weight:900;height:16px;line-height:13px;padding:0;pointer-events:auto;text-align:center;transform:translate(8px,-1px);width:16px}#root .name button:hover{cursor:pointer}#root .name button:hover+span{opacity:1}#root .name span{background-color:#000c;box-sizing:border-box;font-size:16px;font-weight:300;left:0;opacity:0;padding:.2rem .4rem;pointer-events:none;position:absolute;top:0;transform:translateY(calc(-100% - 18px));width:100%;z-index:10}#root .text-wrap{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0003;border-radius:10px;box-sizing:border-box;color:#c1d3ff;height:70vh;max-width:500px;overflow:hidden;padding:40px 0 0;position:relative;width:100%}#root .mask-wrap{height:100%;-webkit-mask-image:linear-gradient(180deg,#d9d9d9,#d9d9d9 75%,#d9d9d900 94.79%);mask-image:linear-gradient(180deg,#d9d9d9,#d9d9d9 75%,#d9d9d900 94.79%);overflow:hidden}#root .panel{background:#0000;border-radius:7px;box-sizing:border-box;line-height:2;opacity:0;padding:0 30px;position:absolute;top:40px;width:100%}#root .panel.active{opacity:1}#root .panel:first-child{padding-bottom:10px;position:relative;top:0}#root .btn-wrap{margin-top:20px;pointer-events:auto;text-align:center}#root .btn-wrap button{background-color:#0003;border:0;color:#fff;height:40px;margin-left:10px;margin-right:10px;width:40px}#root .btn-wrap button:hover{background-color:#ff7e6133;cursor:pointer}#root .btn-wrap button.active{background-color:#ff8861;color:#0b0b42}#root .reactPlayer{-webkit-mask-image:linear-gradient(270deg,#0d1e4c 45%,#0d1e4c00 90%);mask-image:linear-gradient(270deg,#0d1e4c 45%,#0d1e4c00 90%);pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%)}#root .specialHide .reactPlayer{-webkit-mask-image:linear-gradient(270deg,#0d1e4c 45%,#0d1e4c 90%);mask-image:linear-gradient(270deg,#0d1e4c 45%,#0d1e4c 90%)}#root .playButton{margin-top:30px;pointer-events:auto;position:relative;width:80px}#root .playButton button{background-color:#0000;border:none;border-radius:50%;padding:0;transition:.2s linear;width:100%}#root .playButton button img{width:100%}#root .playButton button:hover{background-color:#000b28}#root .video{overflow:hidden;padding-top:50vh;position:relative}#root .video h2{max-width:480px}#root .video .content{max-width:350px}#root .video .content,#root .video h2{opacity:1;transform:translateX(0)}#root .specialHide .playButton,#root .video .specialHide .content,#root .video .specialHide .subtitle,#root .video .specialHide h2{opacity:0;pointer-events:none}#root .video .container{flex-direction:column-reverse;justify-content:center;transition:1s linear}#root .credit{align-items:center;bottom:0;box-sizing:border-box;color:#acc4ff;display:flex;flex-direction:column;height:60vh;pointer-events:auto;position:absolute;transform:translateY(calc(100% - 50px));transition:1s linear;width:100%;z-index:3}#root .credit li{line-height:2}#root .credit ul{list-style:none;padding:0}#root .credit span{font-weight:700;margin-right:5px}#root .credit_container{margin:0 auto}#root .credit__title{color:#c1d3ff;margin-top:5px;text-align:center}#root .credit button{background:none;border:none;transition:.3s ease-in}#root .credit button img{width:30px}#root .credit button:hover{cursor:pointer;transform:translateY(-5px)}#root .center_container{opacity:0;transition:1s linear}#root .show.video .container{transform:translateY(-60%)}#root .show .credit{transform:translateY(-50px)}#root .show .center_container{opacity:1}#root .show .credit img{transform:rotate(-180deg)}@media(max-width:960px){#root h2{font-size:2.5rem}}@media(max-width:767px){#root .desktop{display:none}#root .mobile{display:block}#root .cover__box{margin-top:10vh}#root .horizontal__item .container{height:auto}#root .horizontal__item{margin-top:30vh;width:100%}#root .mask{bottom:0;margin-left:auto;position:relative;top:auto}#root .left .mask{margin-left:0;margin-right:auto}#root .container{flex-direction:column;justify-content:flex-start}#root #horizontal{flex-direction:column;width:100%}#root .article{height:auto;margin-right:auto;width:100%}#root .editorial.article,#root .intro.article{width:100%}#root .subtitle{margin-bottom:.5rem;margin-left:.1rem}#root h2{font-size:1.8rem}#root .content,#root h2{opacity:1;transform:none}#root .content a{font-size:13px;margin-bottom:2.7rem;margin-top:.8rem}#root .container{padding:4vh 20px}#root .editorial .container{flex-direction:column}#root .intro h2{font-size:5rem;transform:translateY(-10px)}#root p{font-size:.875rem;line-height:2.2}#root .intro .content{transform:translateX(0)}#root .intro .container{padding:20vh 20px}#root .quote__wrapper{flex-direction:column}#root .mask,#root .mask.large{height:100vw;width:100vw}#root .video{padding-top:30vh}#root .video .container{flex-direction:column-reverse;height:auto;justify-content:flex-end;margin-bottom:50vh}#root .reactPlayer{bottom:0;margin-left:-20px;-webkit-mask-image:linear-gradient(0deg,#0d1e4c 80%,#0d1e4c00);mask-image:linear-gradient(0deg,#0d1e4c 80%,#0d1e4c00);transform:translateY(calc(100% - 30px));width:100%!important}#root .playButton{width:60px}#root .quote__mark{transform:translate(-5%,-40%);width:60px}#root .text-wrap{height:50vh}#root .btn-wrap{margin-top:12px}#root .btn-wrap button{height:30px;margin-right:10px;width:30px}#root .panel{padding:0 15px}#root .panel-image{bottom:0;height:calc(100% - 100px);top:auto}#root .image-wrap{align-items:center;display:flex;flex-direction:column-reverse;height:100%;justify-content:center;margin-top:1rem;width:100%}#root .tag__wrapper{margin-bottom:10px;margin-top:0;padding-right:0;padding-top:10px;text-align:center}#root .tag__wrapper:after{display:none}#root .name{font-size:16px}#root .name span{background-color:#000c;bottom:0;box-sizing:border-box;font-size:16px;font-weight:300;left:0;opacity:0;padding:.2rem .4rem;pointer-events:none;position:absolute;top:auto;transform:translateY(calc(100% + 5px));width:100%;z-index:10}#root .name span,#root .tag{font-size:.875rem}#root .scroller{height:170vh}#root .editorial{margin-bottom:0;margin-top:16vh}#root .left-wrap{display:flex;flex-direction:column-reverse}#root .btn-wrap{margin-bottom:0;margin-top:0}#root .btn-wrap button{font-size:12px;margin-left:5px;margin-right:5px;padding:0}#root .line{display:none}#root .credit{transform:translateY(calc(100% - 120px))}#root .credit li{font-size:13px}#root .show .credit{transform:translateY(0)}}@media(max-width:727px){#root .cover h1{font-size:15vw}#root .icon0{height:15.5vw}#root .icon1{height:13vw}#root .icon2{height:14vw}#root .icon3{height:15vw}}
/*# sourceMappingURL=main.69ba2571.css.map*/