/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}:root,body,html{touch-action:none}html{line-height:1.15;-webkit-text-size-adjust:100%}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}@-webkit-keyframes buffering-bg{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(46px)}}@keyframes buffering-bg{from{transform:translateX(0)}to{transform:translateX(46px)}}body,html{width:100vw;margin:0;padding:0;font-family:Helvetica,Arial,sans-serif;overscroll-behavior:none}.diary-of-observations{position:fixed;top:0;left:0;bottom:0;right:0}button:not(.icon-button){padding:12px;font-weight:900;font-size:16px;line-height:20px;border:0;border-radius:3px;color:#fff;background-color:#00f;text-align:center}button.icon-button{background:0 0;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.debug{display:none;color:red;position:fixed;top:100px;left:10px;z-index:1000}h2{text-transform:uppercase;color:#00f}.menu-bar{position:fixed;z-index:10;background:rgba(0,0,0,0);background:linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);top:0;left:0;width:100%}.menu-bar .label-and-buttons{position:relative;color:#fff;font-size:15px;line-height:38px;display:flex;justify-content:space-between;align-items:center}.menu-bar .label-and-buttons .home,.menu-bar .label-and-buttons .info{margin:8px 1em;width:28px;height:28px;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:center}.menu-bar .label-and-buttons .home svg,.menu-bar .label-and-buttons .info svg{width:16px;height:16px;fill:#000}.menu-bar .label-and-buttons .home svg.home-icon,.menu-bar .label-and-buttons .info svg.home-icon{width:20px;height:20px}.menu-bar ul.progress{margin:0;padding:.25rem 1rem .75rem;list-style:none;position:relative;z-index:10;bottom:0;left:0;width:100%;width:calc(100% - 2rem);display:flex;justify-content:space-between}.menu-bar ul.progress li{position:relative;overflow:hidden;height:4px;border-radius:4px;margin-right:4px;flex-grow:1;background-color:rgba(122,122,122,.25)}.menu-bar ul.progress li:last-child{margin-right:0}.menu-bar ul.progress li .bar{width:0;height:100%;background-color:#00f;position:relative}.menu-bar ul.progress li .buffering{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;-webkit-animation-name:buffering-bg;-webkit-animation-duration:.6s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-name:buffering-bg;animation-duration:.6s;animation-timing-function:linear;animation-iteration-count:infinite}.menu-bar ul.progress li .buffering .bg{position:absolute;left:-46px;right:0;top:0;bottom:0;background:-webkit-repeating-linear-gradient(145deg,#00f 1px,transparent 2px,transparent 11px,#00f 12px,#00f 20px);background:repeating-linear-gradient(-55deg,#00f 1px,transparent 2px,transparent 11px,#00f 12px,#00f 20px)}.chapter{background-color:#000}.chapter ul.segments{list-style:none;margin:0;padding:0;position:absolute;top:0;left:0;height:100vh;width:100vw}.chapter ul.segments li.segment{overflow:hidden;position:absolute;z-index:0;top:0;left:0;right:100vw;width:100%;height:100%;display:none}.chapter ul.segments li.segment.active-segment{z-index:2;display:block;opacity:1}.chapter ul.segments li.segment.next-segment.transition-fade,.chapter ul.segments li.segment.previous-segment.transition-fade{opacity:0}.chapter ul.segments li.segment.active-segment .image-player,.chapter ul.segments li.segment.active-segment .video-player{left:auto;right:0}.chapter ul.segments li.segment.previous-segment{z-index:1;display:block;left:0}.chapter ul.segments li.segment.previous-segment:not(.transition-fade){width:0}.chapter ul.segments li.segment.next-segment{z-index:1;display:block}.chapter ul.segments li.segment.next-segment:not(.transition-fade){left:100vw}.chapter ul.segments li.segment.next-segment:not(.transition-fade) .image-player,.chapter ul.segments li.segment.next-segment:not(.transition-fade) .video-player{right:100vw}.chapter ul.segments li.segment.transition{transition:width .5s,left .5s}.chapter ul.segments li.segment.transition.transition-fade{transition:opacity .5s}.chapter ul.segments li.segment.transition.transition-panel{transition:width .5s,left 1s}.chapter ul.segments li.segment.transition:not(.transition-panel) .image-player,.chapter ul.segments li.segment.transition:not(.transition-panel) .video-player{transition:right .5s}.chapter .title{pointer-events:none;width:100%;height:100%;top:0;left:0;position:absolute;overflow:hidden;z-index:10;opacity:1;transition:opacity .5s .5s,top .5s .5s,height .5s .5s}.chapter .title.title-hidden{opacity:1;top:-20px;height:0;transition:opacity .3s 0s,top .3s 0s,height .3s 0s}.chapter .title .center{width:100vw;height:100vh;top:0;left:0;position:absolute;display:flex;align-items:center;justify-content:center}.chapter .title .center img{width:calc(100% - 40px);max-width:360px}.chapter .image-player,.chapter .video-player{overflow:hidden;position:absolute;top:0;left:0;width:100vw;height:100%}.chapter .image-player video,.chapter .video-player video{z-index:1;height:100%;width:177.77777778vh;min-width:100%;min-height:56.25vw;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .5s,left .5s linear,top .5s linear;background-color:#000}.chapter .image-player .map,.chapter .video-player .map{top:0;left:0;width:100%;height:100%;background-color:#fff}.chapter .next,.chapter .previous{font-weight:900;font-size:24px;line-height:24px;position:fixed;z-index:5;top:75%;width:48px;height:48px;border-radius:3px;color:#fff;background-color:#00f;text-align:center}.chapter .next{right:4px}.chapter .previous{left:4px}.chapter .segment-splash{position:absolute;z-index:5;top:0;left:0;width:100vw;height:100%;background-color:rgba(255,255,255,.75);text-align:center;display:flex;justify-content:center;align-items:center;transition:background-color 1s}.chapter .segment-splash .border{position:absolute;z-index:0;top:60px;height:calc(100% - 80px);width:calc(100% - 40px);outline:#00f solid 40px;border-radius:20px;transition:width 1s,height 1s,top 1s}.chapter .segment-splash .menu-bar{position:absolute;overflow:hidden;top:0;left:0;height:60px;width:100%;background-color:#00f;transition:height .5s}.chapter .segment-splash .content{margin-top:0;padding:2rem;position:relative;z-index:1;opacity:1;transition:opacity .3s margin-top .3s}.chapter .segment-splash.segment-active{pointer-events:none;background-color:rgba(255,255,255,0)}.chapter .segment-splash.segment-active .border{top:-10px;height:calc(100% + 20px);width:calc(100% + 20px)}.chapter .segment-splash.segment-active .menu-bar{height:0}.chapter .segment-splash.segment-active .content{opacity:0;margin-top:1rem}.chapter .segment-splash button.hand-button{background-color:transparent;border:2px solid #00f}.chapter .segment-splash button.hand-button svg{fill:#00f}.chapter li.panel{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#00f;opacity:.9;transition:left 1s;z-index:9}.chapter li.panel.active-segment,.chapter li.panel.previous-segment{left:-100vw}.chapter li.panel.next-segment{left:100vw}.chapter li.panel:not(.rendered-segment){display:none}.experiment-insta,.experiment-transition{background:#000;width:100vw;height:100vh}.experiment-insta .title,.experiment-transition .title{pointer-events:none;width:100%;height:100%;top:0;left:0;position:absolute;z-index:10;display:flex;align-items:center;justify-content:center}.experiment-insta .title img,.experiment-transition .title img{width:calc(100% - 40px);max-width:1920px}.experiment-insta .video-player,.experiment-transition .video-player{overflow:hidden;position:absolute;left:100vw;width:0;height:100vh}.experiment-insta .video-player video,.experiment-transition .video-player video{z-index:1;height:100%;width:177.77777778vh;min-width:100%;min-height:56.25vw;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .5s}.experiment-insta .video-player.transition-video-player,.experiment-transition .video-player.transition-video-player{transition:width .5s,left .5s}.experiment-insta .video-player.previous-video-player,.experiment-transition .video-player.previous-video-player{left:0;width:0}.experiment-insta .video-player.active-video-player,.experiment-insta .video-player.inactive-video-player,.experiment-transition .video-player.active-video-player,.experiment-transition .video-player.inactive-video-player{left:0;width:100vw}.experiment-insta .video-player.active-video-player video,.experiment-transition .video-player.active-video-player video{z-index:2}.experiment-multiply .video-player canvas,.experiment-multiply .video-player video{position:absolute;z-index:-1;width:0;height:0;display:none}.equirectangular,.experiment-image,.experiment-transition{background-color:#fff}.equirectangular .next,.equirectangular .previous,.experiment-image .next,.experiment-image .previous,.experiment-transition .next,.experiment-transition .previous{font-weight:900;font-size:24px;line-height:24px;position:fixed;z-index:5;top:75%;width:48px;height:48px;border-radius:3px;color:#fff;background-color:#00f;text-align:center}.equirectangular .next,.experiment-image .next,.experiment-transition .next{right:4px}.equirectangular .previous,.experiment-image .previous,.experiment-transition .previous{left:4px}.equirectangular a,.equirectangular a:hover,.equirectangular a:link,.equirectangular a:visited,.experiment-image a,.experiment-image a:hover,.experiment-image a:link,.experiment-image a:visited,.experiment-transition a,.experiment-transition a:hover,.experiment-transition a:link,.experiment-transition a:visited{color:initial}.equirectangular .splash,.experiment-image .splash,.experiment-transition .splash{position:fixed;z-index:5;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.75);text-align:center;display:flex;justify-content:center;align-items:center;transition:background-color 1s}.equirectangular .splash .border,.experiment-image .splash .border,.experiment-transition .splash .border{position:absolute;z-index:0;top:60px;height:calc(100% - 80px);width:calc(100% - 40px);outline:#00f solid 40px;border-radius:20px;transition:width 1s,height 1s,top 1s}.equirectangular .splash .menu-bar,.experiment-image .splash .menu-bar,.experiment-transition .splash .menu-bar{position:absolute;overflow:hidden;top:0;left:0;height:60px;width:100%;background-color:#00f;transition:height .5s}.equirectangular .splash .content,.experiment-image .splash .content,.experiment-transition .splash .content{margin-top:0;padding:2rem;position:relative;z-index:1;opacity:1;transition:opacity .3s margin-top .3s}.equirectangular .splash.image-active,.experiment-image .splash.image-active,.experiment-transition .splash.image-active{pointer-events:none;background-color:rgba(255,255,255,0)}.equirectangular .splash.image-active .border,.experiment-image .splash.image-active .border,.experiment-transition .splash.image-active .border{top:-10px;height:calc(100% + 20px);width:calc(100% + 20px)}.equirectangular .splash.image-active .menu-bar,.experiment-image .splash.image-active .menu-bar,.experiment-transition .splash.image-active .menu-bar{height:0}.equirectangular .splash.image-active .content,.experiment-image .splash.image-active .content,.experiment-transition .splash.image-active .content{opacity:0;margin-top:1rem}.equirectangular .splash button.hand-button,.experiment-image .splash button.hand-button,.experiment-transition .splash button.hand-button{background-color:transparent;border:2px solid #00f}.equirectangular .splash button.hand-button svg,.experiment-image .splash button.hand-button svg,.experiment-transition .splash button.hand-button svg{fill:#00f}.equirectangular .map,.experiment-image .map,.experiment-transition .map{position:fixed;z-index:4;top:0;left:0;bottom:0;right:0;background-color:#fff}