@font-face{font-family:New Baskerville ITC Pro;font-style:italic;font-weight:400;src:url(/static/media/NewBaskervilleITCPro-Italic.6c55dfefe43e4a86f03b.woff2) format("woff2"),url(/static/media/NewBaskervilleITCPro-Italic.ac598df52ec4ee267f8e.woff) format("woff")}@font-face{font-family:Untitled Sans;font-style:normal;font-weight:400;src:url(/static/media/UntitledSans-Regular.c74cfdb0832ffb385587.woff2) format("woff2"),url(/static/media/UntitledSans-Regular.d8dcfd8da30217ef3242.woff) format("woff")}body{--black:#000;--ash-black:#222;--white:#f4eee2;--white:#f3eeda;--sky:#0cf;--green:#2dd;--blue:#1300ff;--dusk:#60f;--purple:#90f;--pink:#f06;--red:#fe0222;--orange:#fd7702;--yellow:#fb0;--background:var(--white);--accent:var(--ash-black);background-color:var(--background);color:var(--accent);margin:0;padding:0}*{-webkit-font-smoothing:antialiased;font-family:Untitled Sans,Helvetica,Arial,sans-serif;font-style:normal}.scroll{bottom:0;left:50%;pointer-events:none;position:fixed;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px;z-index:-1}.scroll-text{display:block;font-family:New Baskerville ITC Pro,Baskerville,serif;font-size:4vmin;font-style:italic;opacity:0;padding:2vmin;text-align:center;transition:opacity 1s ease}.scroll-line{border-left:1px solid;display:inline-block;height:15vmin;margin:0;opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 100%;transform-origin:0 100%;transition:opacity 1s ease,-webkit-transform 1s ease;transition:transform 1s ease,opacity 1s ease;transition:transform 1s ease,opacity 1s ease,-webkit-transform 1s ease;width:1px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes scaleUp{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes scaleUp{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes scaleDown{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes scaleDown{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}.App--top .scroll-text{opacity:1}.App--top .scroll-line{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.App--scrolled .scroll-text{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%);transition:opacity .4s ease,-webkit-transform .4s ease;transition:transform .4s ease,opacity .4s ease;transition:transform .4s ease,opacity .4s ease,-webkit-transform .4s ease}.App--scrolled .scroll-line{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);transition:opacity .3s ease,-webkit-transform .4s ease;transition:transform .4s ease,opacity .3s ease;transition:transform .4s ease,opacity .3s ease,-webkit-transform .4s ease}.banner{opacity:0;transition:opacity 1s ease}.App--progressing .banner{opacity:1;transition:opacity 1s ease 2s}.App--ending .banner{opacity:0}.item{position:relative;z-index:1}.item .video{background:#fff;border:1vmin solid #fff;box-sizing:border-box;display:block;-webkit-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1);transition:box-shadow 1s ease,-webkit-transform 1s ease;transition:transform 1s ease,box-shadow 1s ease;transition:transform 1s ease,box-shadow 1s ease,-webkit-transform 1s ease;width:100%}.item .video.active{box-shadow:0 0 50px rgba(0,0,0,.2);-webkit-transform:scale(1);transform:scale(1);-webkit-transform:scaleX(1);transform:scaleX(1)}.item video{display:block;width:100%}.item svg{height:auto;width:100%}.ending{height:100vh;position:relative}.ending div{font-family:New Baskerville ITC Pro,Baskerville,serif;font-size:4vmin;font-style:italic;left:0;opacity:0;position:fixed;top:50%;-webkit-transform:translateY(-30%);transform:translateY(-30%);width:100%;z-index:-1}.App--progressing .ending div{opacity:0;transition:opacity 1s ease}.App--ending .ending div{opacity:1;transition:opacity 2s ease .5s}.handle{bottom:0;left:0;padding:20px 20px 40px;pointer-events:none;position:fixed;right:0;text-align:center}.handle,.handle a{color:var(--accent)}.handle a{border-bottom:1px solid transparent;display:inline-block;text-decoration:none;transition:border .4s ease}.handle a:hover{border-color:var(--accent)}.App--progressing .handle{opacity:0;transition:opacity 1s ease}.App--ending .handle{opacity:1;pointer-events:all;transition:opacity 2s ease .5s}.sound{background:#fff;border-radius:100px;bottom:40px;box-sizing:border-box;cursor:pointer;height:60px;left:50%;opacity:0;padding:20px;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity 1s ease;width:60px;z-index:4}.sound svg{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.App--scrolled .sound{opacity:1}.App--ending .sound{opacity:0;pointer-events:none}h1,h2,h3{font-family:sofia-pro,sans-serif;font-style:normal;font-weight:600}h1{font-size:36px;letter-spacing:-1px;margin:100px 0 40px}h2{font-weight:400;margin:50px 0 10px}p{font-size:18px;margin:0 0 30px}footer{align-items:center;display:flex;font-size:14px;justify-content:center;left:0;line-height:14px;padding:5vmin;position:fixed;right:0;top:0;z-index:0}footer svg{margin-right:0;width:15vmin}footer a{color:var(--accent);text-decoration:none}code{font-family:input-mono,monospace;font-style:normal;font-weight:400}::-webkit-scrollbar{background:none;height:5px;width:5px}::-webkit-scrollbar-thumb{background:var(--accent);-webkit-border-radius:1ex}::-webkit-scrollbar-corner{background:var(--background)}html{scroll-snap-type:y mandatory}h1{margin:100px 0;text-align:center}h1,h2{font-size:56px;font-weight:600;letter-spacing:-3px;line-height:1.2}h2{color:var(--accent);left:calc(50% + 130px);margin:0;position:absolute}img{bottom:0;height:100%;position:absolute;top:0;width:100%}.progress,img{left:0;right:0}.progress{background:var(--accent);bottom:100px;height:5px;position:fixed}.parallax{display:flex;flex-wrap:nowrap;letter-spacing:-2px;line-height:1;margin:0;overflow:hidden;-webkit-transform:translateY(-.7vmax);transform:translateY(-.7vmax);white-space:nowrap}.parallax.alt{-webkit-transform:translateY(.7vmax);transform:translateY(.7vmax)}.parallax .scroller{display:flex;flex-wrap:nowrap;font-size:8vmax;font-weight:600;text-transform:uppercase;white-space:nowrap}.parallax.alt .scroller{font-weight:400}.parallax span{display:block;margin-right:.2em}
/*# sourceMappingURL=main.11f9077b.css.map*/