progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=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{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@font-face{font-family:"Helvetica";src:url("../webfont/Helvetica.woff2") format("woff2"),url("../webfont/Helvetica.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul{margin-bottom:1em}html{height:100%}body{background-color:#f0efe7;font-family:"Helvetica",arial,san-serif;font-size:1.5vw;color:#231f20;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;letter-spacing:0.05em;background-color:#ecede8}body:before{content:"";position:fixed;height:100%;width:100%;background-image:url("./../assets/BEATOPIA-PACKSHOT.jpg");background-repeat:no-repeat;background-size:contain;background-position:center center;z-index:-1;top:0;left:0}a{text-decoration:none}a:focus{outline:none}.flex{display:flex}a,a:visited{color:#231f20;transition:opacity 0.5s ease;opacity:1}a:hover,a:visited:hover{opacity:0.5}.menuBut{display:none;position:fixed;top:25px;right:25px;cursor:pointer;width:24px;z-index:99}.menuBut .mline{width:24px;height:1px;background-color:#231f20;position:absolute;left:0;transition:transform 0.5s ease,opacity 0.5s ease;opacity:1}body.showNav .menuBut .mline{transform:translate(0px,10px) rotate(-45deg)}.menuBut .mline:nth-child(2){top:7px}body.showNav .menuBut .mline:nth-child(2){opacity:0}.menuBut .mline:nth-child(3){top:15px}body.showNav .menuBut .mline:nth-child(3){transform:translate(0px,-4px) rotate(45deg)}@media screen and (max-width:568px){.menuBut{display:block}}#page{height:100%}#page .butChar{width:40px;position:absolute;top:20px;left:20px;transform:translate(0px,0px) rotate(0deg);animation:float 6s ease-in-out infinite;pointer-events:none;z-index:9}#page .butChar svg{width:100%;height:auto}#page .butChar.tr{left:unset;right:20px;animation:floatV2 7s ease-in-out infinite}@media screen and (max-width:568px){#page .butChar.tr{display:none}}#page .scrib{width:50px;position:fixed;bottom:20px;left:20px;transform:translate(0px,0px) rotate(0deg);animation:float 6s ease-in-out infinite;pointer-events:none}body.tour #page .scrib{position:fixed}#page .scrib svg{width:100%;height:auto}#page .scrib.br{left:unset;right:20px;animation:floatV2 7s ease-in-out infinite}#page .container{padding:40px 20px;height:100%}@media screen and (max-width:960px){#page .container{flex-direction:column-reverse;height:auto}}#page .container .sideBar{width:10%;padding:80px 0;flex-wrap:wrap;position:fixed;bottom:0}@media screen and (max-width:960px){#page .container .sideBar{width:100%;padding:50px;position:relative}}#page .container .sideBar nav{display:flex;padding-top:5vw;flex-wrap:wrap}@media screen and (max-width:960px){#page .container .sideBar nav{align-items:center;font-size:7vw;justify-content:center}}#page .container .sideBar nav a{margin-right:10px;margin-bottom:10px;transition:transform 0.5s ease;transform:translate(0,0);font-size:16px}#page .container .sideBar nav a:hover{transform:translate(0,-2px)}#page .container .mainContainer{width:100%;flex-direction:column;align-items:center;font-size:2vw}@media screen and (max-width:568px){#page .container .mainContainer{width:100%}}#page .container .mainContainer .heading{width:60%;text-align:center}@media screen and (max-width:960px){#page .container .mainContainer .heading{width:70%}}@media screen and (max-width:568px){#page .container .mainContainer .heading{font-size:4vw;width:80%}}#page .container .mainContainer .heading .logoType{width:100%}#page .container .mainContainer .heading .logoType svg{width:100%;height:auto}#page .container .mainContainer .heading .logoType svg path{fill:transparent;stroke:#000;stroke-width:1;stroke-dasharray:1000;stroke-dashoffset:1000;animation:dash 3s linear forwards,filler 0.5s linear forwards;animation-delay:0s,3s}#page .container .mainContainer .heading .logoType svg path.b{fill:#f0efe7!important;fill-opacity:0}@keyframes dash{to{stroke-dashoffset:0}}@keyframes filler{to{fill:#000}}.cursor{position:absolute;width:32px;height:32px;animation:floatV3 8s ease-in-out infinite;pointer-events:none;margin:20px 0 0 20px}@media screen and (max-width:568px){.cursor{display:none}}.cursor svg{width:100%;height:auto}.cont{align-items:center;width:100%;justify-content:center}@media screen and (max-width:568px){.cont{flex-direction:column}}body.tour .cont{font-size:16px}body.tour .cont #seated-55fdf2c0{width:80%}.cont .vem{font-size:0;margin:25px auto;width:70%}@media screen and (max-width:568px){.cont .vem{width:100%}}.cont .message{text-align:center;width:68%}@media screen and (max-width:960px){.cont .message{width:80%;padding-right:0}}@media screen and (max-width:568px){.cont .message{padding:15px;width:100%}}.cont .message .copy{font-size:1.5em}@media screen and (max-width:960px){.cont .message .copy{padding-right:0;font-size:36px}.cont .message .copy .onLinks{font-size:18px}}.cont .tourCont{padding-top:80px;background-color:rgba(233,232,231,0.5)}@media screen and (max-width:960px){.cont .tourCont{padding-top:40px}}.cont .tourCont h2{font-size:1.5em;width:100%;font-weight:normal;text-align:center}@media screen and (max-width:960px){.cont .tourCont h2{font-size:36px}}.cont .illus{width:10vw}@media screen and (max-width:568px){.cont .illus{width:30%}}.cont .illus img{width:100%;height:auto}@keyframes float{0%{transform:translate(0px,0px) rotate(0deg)}25%{transform:translate(-3px,-6px) rotate(-2deg)}75%{transform:translate(5px,6px) rotate(6deg)}to{transform:translate(0px,0px) rotate(0deg)}}@keyframes floatV2{0%{transform:translate(0px,0px) rotate(0deg)}25%{transform:translate(4px,5px) rotate(-4deg)}75%{transform:translate(-5px,-5px) rotate(2deg)}to{transform:translate(0px,0px) rotate(0deg)}}@keyframes floatV3{0%{transform:translate(0px,0px) rotate(0deg)}25%{transform:translate(3px,6px) rotate(-2deg)}75%{transform:translate(-2px,-4px) rotate(-5deg)}to{transform:translate(0px,0px) rotate(0deg)}}.hide{opacity:0;transition:opacity 0.5s ease}.hide.showMe{opacity:1}.indieList{display:flex;flex-direction:column;margin-top:50px}.indieList h1{font-size:2.5em;margin-bottom:0.1em;border-bottom:1px solid #000;padding-bottom:0.5em}.indieList .region{display:flex;flex-direction:column}.indieList .region h2{margin:1em 0}.indieList .region .indie{display:flex;align-content:center;line-height:1;margin-bottom:10px}@media screen and (max-width:568px){.indieList .region .indie{flex-direction:column}}.indieList .region .indie h3{margin:0 5px 0 0;line-height:1;display:flex;align-items:center}@media screen and (max-width:568px){.indieList .region .indie h3{margin-bottom:10px}}.indieList .region .indie h3:after{content:"-";padding-left:5px}.indieList .region .indie a{background-color:#231f20;color:rgb(255,255,255);border:1px solid #231f20;padding:0.2em 0.5em;margin-left:5px;text-align:center}@media screen and (max-width:568px){.indieList .region .indie a{margin-left:0px}}.indieList .region .indie a:hover{background-color:rgb(255,255,255);color:#231f20}.onLinks{font-size:1.5vw}body.indie #page .container .mainContainer{width:100%;font-size:16px}body.infoPage #page{margin:5vw}body.infoPage #page .headSVG{width:440px;margin-bottom:6em;max-width:100%}@media screen and (max-width:568px){body.infoPage #page .headSVG{margin-bottom:3em}}body.infoPage #page .headSVG svg{width:100%;height:auto}.copyCont{width:100%;max-width:850px;padding-bottom:100px}.copyCont section{margin-bottom:3em}@media screen and (max-width:568px){.copyCont section{margin-bottom:2em}}.copyCont section h1,.copyCont section h2{width:calc(100% + 2em);position:sticky;top:0;background:rgb(255,255,255);padding:1em;transform:translate(-1em,0);text-transform:uppercase;margin-bottom:0}.copyCont section h1{font-size:2em}@media screen and (max-width:568px){.copyCont section h1{font-size:1.5em}}.copyCont section p{margin:0 0 1em 0}.copyCont section p:last-child{margin:0}.copyCont section p strong{font-weight:bold}.copyCont section ul{list-style:disc;padding:0 0 0 1em}.copyCont section ul li{margin-bottom:0.2em}