@font-face{font-family:"Hamran";src:url(/static/media/Hamran-Regular.2ef3c995.woff2) format("woff2"),url(/static/media/Hamran-Regular.b4001649.woff) format("woff");font-weight:300;font-style:normal;font-stretch:normal}.Hamran-Regular{font-family:"Hamran";font-weight:300;font-style:normal;font-stretch:normal}@font-face{font-family:"Atlas Grotesk Web";src:url(/static/media/AtlasGrotesk-Bold-Web.7586a63a.woff2) format("woff2"),url(/static/media/AtlasGrotesk-Bold-Web.677cc141.woff) format("woff");font-weight:700;font-style:normal;font-stretch:normal}.AtlasGrotesk-Bold-Web{font-weight:700}@font-face{font-family:"Atlas Grotesk Web";src:url(/static/media/AtlasGrotesk-Regular-Web.1e71c45e.woff2) format("woff2"),url(/static/media/AtlasGrotesk-Regular-Web.4203d669.woff) format("woff");font-weight:400;font-style:normal;font-stretch:normal}.AtlasGrotesk-Bold-Web,.AtlasGrotesk-Regular-Web{font-family:"Atlas Grotesk Web";font-style:normal;font-stretch:normal}.AtlasGrotesk-Regular-Web{font-weight:400}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Hamran,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;height:calc(var(--vh, 1vh)*100);min-height:450px}#root,body{display:flex;flex-direction:column}#root{flex-grow:1;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.page{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity 1.5s,transform 1.5s;transition-delay:1.5s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity 1.5s,transform .3s}#app{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}#app .page>p{transform:scale(.97)}#app .page .link,#app .page>p{opacity:0;transition:opacity 1.5s,transform 1.5s}#app .page-enter-done>p{opacity:1;transform:scale(1)}#app .page-enter-done .link{opacity:1}#app .page-exit-active>p{transform:scale(1.03)}#app .page.no-scale>p{transform:scale(1)}@media (min-width:900px){#app.hide-cursor{cursor:none}}#app.show-video-buttons #pause-play-button,#app.show-video-buttons .next{opacity:1}#app .video-clip,#app .video-clip .overlay,#app .video-clip video{position:fixed;top:0;left:0;width:100%;height:100%}#app .video-clip{-webkit-clip-path:circle(40px at 10px 20px);clip-path:circle(40px at 10px 20px);pointer-events:none;display:none;font-family:"Atlas Grotesk Web"}#app .video-clip.hide{opacity:0}#app .video-clip video{object-fit:cover}#app .video-clip .overlay{background-color:#fff;transition:opacity 3s}#app .video-clip.step-1 .overlay{opacity:.6}#app .video-clip.step-2 .overlay{opacity:.4}#app .video-clip.step-3 .overlay{opacity:.2}#app .video-clip.step-4 .overlay{opacity:0}@media (min-width:900px){#app .video-clip{display:block}}footer{padding-right:1.5rem;margin:1em 0 .8em;padding-left:.5em;display:flex;justify-content:space-between;align-items:flex-end;transition:opacity 1.5s;position:absolute;bottom:0;left:0;right:0;transform:translateY(0)}footer .language-selector,footer .progress{max-height:100%;transition:max-height 1s ease}footer.hide{opacity:0;pointer-events:none}footer.hide .language-selector,footer.hide .progress{max-height:0}@media (min-width:900px){footer{padding-right:3rem;padding-left:2em;margin-bottom:2em}}.language-selector{font-family:"Atlas Grotesk Web";display:flex;align-items:center}.language-selector:hover{cursor:default}.language-selector button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;opacity:.5;display:flex;align-items:center;padding:1em 1em .52em .9em;font-family:"Atlas Grotesk Web";font-size:1em}.language-selector button:focus{outline:none}.language-selector button:hover{cursor:pointer}.language-selector button svg{transition:transform .5s ease-in-out;margin-left:5px}.language-selector .dropdown .dropdown-content a{color:#222;text-decoration:none;padding:1em 1em 0}.language-selector .dropdown .content-enter{opacity:0}.language-selector .dropdown .content-enter-active{opacity:1;transition:opacity 1s}.language-selector .dropdown .content-exit{opacity:1}.language-selector .dropdown .content-exit-active{opacity:0;transition:opacity .5s}.language-selector .dropdown.show button svg{transform:rotate(180deg)}@media (min-width:900px){.language-selector button{padding:1em 1em .8em .9em}}@-webkit-keyframes fade-in-and-scale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes fade-in-and-scale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes fade-out-and-scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}@keyframes fade-out-and-scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.front-page{text-align:center;padding:4.5em 1.5rem 7em}@media (min-width:600px){.front-page{padding-left:3rem;padding-right:3rem}}.front-page h1,.front-page h2{font-weight:400;margin:0}.front-page h1{font-size:68px;-webkit-animation:fade-in-and-scale 3s;animation:fade-in-and-scale 3s}.front-page h2{font-size:18px;margin-top:1em;line-height:1.45;position:relative;-webkit-animation:fade-in 3s;animation:fade-in 3s}.front-page.page-exit-active h1{-webkit-animation:fade-out-and-scale 1.5s;animation:fade-out-and-scale 1.5s}.front-page.page-exit-active h2{-webkit-animation:fade-out 1.5s;animation:fade-out 1.5s}@media (min-width:900px){.front-page h1{font-size:110px}.front-page h2{font-size:18px;position:absolute;bottom:1.8em;left:50%;transform:translateX(-50%)}}@media (min-width:900px){.front-page h1{font-size:180px}.front-page h2{font-size:21px;bottom:2em}}#circle-button{background:none;width:72px;height:71px;border:1px solid rgba(0,0,0,.5);border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:"Atlas Grotesk Web";font-size:12px;text-decoration:none;color:rgba(0,0,0,.5);position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);transition:opacity 1.5s}#circle-button:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}#circle-button:hover{cursor:pointer}#circle-button.hide{opacity:0}@media (min-width:900px){#circle-button{display:none}}.text-page{padding:4.5em 3em 8em;text-align:center}.text-page p{font-size:18px;max-width:400px;line-height:1.4;margin:0 auto}.text-page .link{display:none}.text-page .start-over{width:80px;height:26px;font-family:"Atlas Grotesk Web";display:flex;position:absolute;bottom:1.5rem;right:1.5rem;color:rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.5);border-radius:5px;justify-content:center;align-items:center;padding:2px 4px 4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;transition:opacity .5s,background .5s,color .5s;z-index:1;font-size:12px}.text-page .start-over:focus{outline:none}.text-page .start-over:hover{cursor:pointer;background-color:#222;color:#fff}.text-page .icons{display:flex;justify-content:center;margin-top:3em;font-family:"Atlas Grotesk Web";opacity:0;transition:opacity 1.5s}.text-page .icons .headphones-icon,.text-page .icons .rotate-icon{display:flex;flex-direction:column;align-items:center;font-size:12px;line-height:1.5}.text-page .icons .headphones-icon span,.text-page .icons .rotate-icon span{margin-top:1.2em}.text-page .icons .headphones-icon{max-width:115px}.text-page .icons .headphones-icon svg{width:40px;height:35px}.text-page .icons .rotate-icon{max-width:140px;margin-left:1.5rem}.text-page .icons .rotate-icon svg{width:39px;height:35px}.text-page.page-enter-done .icons{opacity:1}@media (min-aspect-ratio:1/1){.text-page .icons .rotate-icon{display:none}}@media (min-width:900px){.text-page{padding:5em 6em}.text-page p{font-size:24px;line-height:1.3;max-width:825px}.text-page .link{margin-top:3rem;display:flex;align-items:center;justify-content:center;font-family:"Atlas Grotesk Web";font-size:18px;line-height:1.5}.text-page .link a{color:#000;border-bottom:1px solid #1f1f1f;text-decoration:none}.text-page .link a svg{transition:transform .75s;margin-left:10px;height:14px;width:auto}.text-page .link a:hover svg{transform:translateX(5px)}.text-page .start-over{display:flex;right:3rem;bottom:3rem}.text-page .start-over .button-text{font-size:14px}.text-page .icons{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%)}.text-page .icons .headphones-icon{font-size:14px;line-height:1.43}.text-page .icons .rotate-icon{display:none}.text-page p{font-size:32px}}.video-page{position:fixed;top:0;left:0;right:0;bottom:0}.video-page .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:1;transition:opacity 3s}.video-page.step-1 .overlay{opacity:.6}.video-page.step-2 .overlay{opacity:.4}.video-page.step-3 .overlay{opacity:.2}.video-page.step-4 .overlay{opacity:0}.video-page video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-page #pause-play-button{position:fixed;bottom:1.5rem;left:1.5rem;padding:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;transition:opacity 1.5s;opacity:0}.video-page #pause-play-button svg{height:13px;width:auto}.video-page #pause-play-button p{margin:0;color:#fff}.video-page #pause-play-button:focus{outline:none}.video-page #pause-play-button:hover{cursor:none}.video-page .next{width:57px;height:26px;font-family:"Atlas Grotesk Web";position:fixed;bottom:1.5rem;right:1.5rem;color:#fff;border:1px solid #fff;border-radius:5px;display:flex;justify-content:center;align-items:center;padding:2px 4px 4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;transition:opacity .75s,background .75s,color .75s;opacity:0;font-size:12px}.video-page .next:focus{outline:none}.video-page .next:hover{cursor:none;background:#fff;color:#222}@media (min-width:900px){.video-page #pause-play-button,.video-page .next{bottom:3rem}.video-page .next{right:3rem;font-size:14px}.video-page #pause-play-button{left:3rem}}header{text-align:center;position:relative;top:0;left:0;right:0;transition:opacity 1.5s}header.hide{opacity:0}header h1{font-weight:400;font-size:26px;margin:21px 0 0}header h1 svg{height:26px;width:112px}@media (min-width:900px){header h1{font-size:32px}}#custom-cursor{position:fixed;left:0;top:0;color:#222;font-family:"Atlas Grotesk Web";width:80px;height:80px;border:1px solid #222;border-radius:40px;font-size:.9em;transform:translate(-50%,-50%);display:none;align-items:center;justify-content:center;pointer-events:none}#custom-cursor.hide{opacity:0}@media (min-width:900px){#custom-cursor{display:flex}}#circle-cursor{position:fixed;left:0;top:0;opacity:0;width:32px;height:32px;border:1px solid hsla(0,0%,100%,.5);border-radius:50%;transition:opacity 1.5s;pointer-events:none;background-color:#fff}#circle-cursor.show{opacity:.5}
/*# sourceMappingURL=main.2665aae2.chunk.css.map */