@font-face{font-family:HelveticaNeue;src:url(../fonts/HelveticaNeue-Roman.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HelveticaNeue;src:url(../fonts/HelveticaNeueBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}transition{display:none}:root{--color-orange:#ff7900;--ease-out:cubic-bezier(.215,.61,.355,1);--ease-in-out:cubic-bezier(.645,.045,.355,1);--ease-out-back:cubic-bezier(.175,.885,.32,1.275)}body{background-color:#000;font-family:HelveticaNeue,sans-serif;font-size:35px;margin:0;padding:0}*{box-sizing:border-box;letter-spacing:-.03em}.app{width:1080px;height:1920px;margin:auto;display:flex;flex-direction:column;position:relative;background-color:#252525;overflow:hidden}.title{font-size:98px;margin:0;line-height:1;font-kerning:none;transition:all .3s var(--ease-out)}.title--white{--theme-color:#fff}.title--orange{--theme-color:var(--color-orange)}.subtitle{font-size:45px;margin:0;line-height:1}.text{font-size:45px;line-height:1.1}.container{width:calc(100% - 160px);margin:0 auto;display:flex;flex-direction:column}.choice{font-size:45px;padding:40px 60px;display:flex;position:relative;box-shadow:0 0 0 4px #fff;color:#fff;font-weight:700;grid-gap:.5em;cursor:pointer;transition:all .3s var(--ease-in-out)}.choice:after{position:absolute;content:"";width:100%;border-top:4px solid #fff;transform:scaleY(0);left:0;bottom:0;height:16px;background:#fff;transition:all .3s var(--ease-in-out);transform-origin:bottom}.choice:hover{background:var(--color-orange);color:#000;box-shadow:0 0 0 4px #000;padding-bottom:60px;transition-delay:0s}.choice:hover:after{transform:none;border-color:#000}.button{background:#fff;font-size:90px;display:block;text-align:center;font-weight:700;position:relative;box-shadow:0 0 0 4px #000;cursor:pointer;padding:20px 45px 40px;color:#000;text-decoration:none;width:100%;letter-spacing:0}.button span{letter-spacing:0}.button span:after{position:absolute;content:"";width:100%;border-top:4px solid #000;left:0;bottom:0;height:16px;background:var(--color-orange)}.button .stars{position:absolute;left:0;width:100%;height:100%;top:0;pointer-events:none}.button .stars:after{display:none}.star{position:absolute;content:"";background:url(../images/picto/star.svg) no-repeat 50%;background-size:contain;aspect-ratio:114/127;animation:rotate 4s linear infinite;animation-fill-mode:both}.star:after{display:none}.star:first-of-type{top:-60px;left:-90px;width:114px;animation-delay:.1s}.star:nth-of-type(2){top:-65px;left:-5px;width:40px;animation-delay:.2s;animation-duration:2s}.star:nth-of-type(3){top:-30px;right:-80px;width:114px;animation-delay:.3s}.star:nth-of-type(4){bottom:-40px;right:-45px;width:40px;animation-delay:.4s;animation-duration:2s}.star:nth-of-type(5){bottom:0;right:-75px;width:40px;animation-delay:.5s;animation-duration:2s}.button--dashed{box-shadow:none;padding-bottom:20px;border:4px dashed #000}.button--white{padding-bottom:20px}.button--white span:after{display:none}.button--orange{color:var(--color-orange)}.button--progress span:before{position:absolute;content:"";width:100%;transform-origin:left;left:0;bottom:0;height:16px;background:#000;z-index:1;animation:scale 20s linear;animation-fill-mode:both}.word{animation:type 0s linear;animation-fill-mode:both}.char{animation:colorize 2s linear;animation-iteration-count:infinite;animation-fill-mode:both}.fade-enter-active{animation:fade-in .4s;animation-fill-mode:both;animation-timing-function:var(--ease-out)}.fade-enter-active video{transform:scale(.7);opacity:0}.fade-leave-active{animation:fade-out .4s;animation-fill-mode:both;animation-timing-function:var(--ease-out)}.fade-leave-active video{transform:scale(.7);opacity:0}.popin-enter-active{animation:fade-in .4s;animation-fill-mode:both;animation-timing-function:var(--ease-out)}.popin-enter-active .container{animation:scale-up .4s;animation-fill-mode:both;animation-timing-function:var(--ease-out-back)}.popin-leave-active{animation:fade-out .3s;animation-fill-mode:both;animation-timing-function:var(--ease-out)}.popin-leave-active .container{animation:scale-down .3s;animation-fill-mode:both;animation-timing-function:ease-in}@keyframes slide-up{0%{transform:translateY(80px);opacity:0}to{transform:none;opacity:1}}@keyframes scale-up{0%{transform:scale(.5)}to{transform:none}}@keyframes scale{0%{transform:scaleX(0)}to{transform:none}}@keyframes scale-down{0%{transform:none}to{transform:scale(.5)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes heartbeat{0%{transform:none}50%{transform:scale(1.1)}to{transform:none}}@keyframes type{0%{color:#000}to{color:var(--theme-color)}}@keyframes colorize{0%{color:#000}45%{color:var(--color-orange)}55%{color:var(--color-orange)}to{color:#000}}@keyframes rotate{0%{transform:none}to{transform:rotate(1turn)}}@keyframes shine{0%{transform:scale(.6);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.c-still-here{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;padding:120px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;z-index:999}.c-still-here .container{grid-gap:60px;background:#fff;width:100%;padding:60px}.c-still-here .button{font-size:4rem}.restart{background:#000;position:fixed;top:0;left:0;width:100%;color:#fff;text-decoration:none;justify-content:center;text-align:center;padding:20px 0;font-size:28px;font-weight:700;z-index:999;display:flex;align-items:center}.restart:before{width:40px;height:40px;background:url(../images/picto/restart.svg) no-repeat 50% #fff;background-size:70%;border-radius:50%;content:"";display:inline-block;margin-right:20px}.app{padding-top:80px}.wrapper{position:relative;height:100%;display:flex;flex-flow:column}
