input[type=range]{-webkit-appearance:none;width:100%;height:10px;background:linear-gradient(to right,#000 0,#fff 100%);margin:10px 0;box-shadow:0 0 0 #222,0 0 0 #2f2f2f}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #111,0 0 0 #1e1e1e;border:1px solid #000;height:20px;width:20px;border-radius:8px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-5px}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #111,0 0 0 #1e1e1e;border:1px solid #000;height:20px;width:20px;border-radius:8px;background:#fff;cursor:pointer}*{box-sizing:border-box}a:link{text-decoration:none;color:#fff}a:visited{text-decoration:none;color:#fff}html{height:100%}body{background-color:#000;height:100%;overflow-x:hidden;overflow-y:hidden;color:#fff;font-family:"EB Garamond",serif;font-size:24px}#page-content{overflow-x:hidden}#page-content #start-container{position:absolute;width:100vw;height:100vh;opacity:1;z-index:15;background-color:#000;pointer-events:none}#page-content #start-container p{font-family:Inconsolata,monospace;position:absolute;height:10%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}#page-content #start-container p #start-link{display:none;pointer-events:initial}#page-content #video-container{position:relative;width:100vw;height:100vh;overflow:hidden}#page-content #video-container #intro-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#page-content #video-container #site-logo{position:absolute;font-size:20vw;font-weight:700;inset:0;top:-50vh;background-color:rgba(0,0,0,0);color:#0a0a0a;mix-blend-mode:overlay;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;font-family:Helvetica,sans-serif;text-align:center}#page-content #descriptions{width:100%;position:relative;top:-10vh;opacity:0;transition:opacity 1s ease}#page-content #descriptions .container{padding:0 190px;padding-bottom:50px;width:100%;margin:0 auto}#page-content #background-audio{position:fixed;z-index:14;bottom:12px;left:15px}#page-content #background-audio #mute-button{display:inline-block;cursor:pointer;font-size:30px;width:37.5px;height:37.5px}#page-content #map-jacket-container{position:relative}#page-content #map-jacket-container #timebar{position:absolute;top:10px;z-index:15;text-align:center;opacity:0;display:none}#page-content #map-jacket-container #timebar.fixed{position:fixed}#page-content #map-jacket-container #timebar input[type=range]{width:100vw}#page-content #map-jacket-container #timebar label{display:inline-block;color:#fff}#page-content #map-jacket-container #map{height:70vh}#page-content #map-jacket-container #jacket-model{position:absolute;top:0;left:0;width:100vw;height:calc(100vh - 200px);cursor:move}#page-content #control-panel{padding:10px;margin:0 auto;width:80%;display:flex}#page-content #control-panel #image-display{display:inline-block;width:267px;height:200px;text-align:center;vertical-align:middle}#page-content #control-panel #image-display img{display:inline-block;max-height:200px;min-height:200px}#page-content #control-panel #image-info{display:flex;flex-direction:column;justify-content:space-between;vertical-align:top;height:200px;width:25%;flex-grow:1}#page-content #control-panel #image-info .image-info{display:flex;padding:20px;border:1px solid #fff;flex-grow:2;max-height:calc(200px / 3);justify-content:center;flex-direction:column;flex-grow:1}#page-content #control-panel #image-colors{display:flex;flex-grow:1;width:50%;height:100%}#page-content #control-panel #image-colors .image-color{flex-grow:1;display:inline-block;height:200px;background-color:#000}#page-content #jacket-pattern{margin-top:20px;pointer-events:none;z-index:-100}#page-content #jacket-pattern svg{width:100vw}#page-footer{height:100px}