*{margin:0;padding:0}html{background:#000}h1,h2,h3,h4,h5,h6{font-family:Cinzel Decorative,serif;font-weight:700;font-style:normal}*{font-family:Roboto Flex,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100,"GRAD" 0,"XOPQ" 96,"XTRA" 468,"YOPQ" 79,"YTAS" 750,"YTDE" -203,"YTFI" 738,"YTLC" 514,"YTUC" 712}p{font-size:2em;line-height:1.5;color:#999}body{background:url(./background-d681d344.jpg)}strong{font-weight:700;color:#ffeded}.webgl{position:fixed;top:0;left:0;outline:none;z-index:0}hr{border:0;height:1px;background:#444;margin:0}.logo{text-align:center;position:absolute;left:0;right:0;top:30px}.logo img{max-height:140px}.section{align-items:center;color:#ffeded;font-size:7vmin;z-index:10}.mixing{position:relative;top:55vh;height:100vh}.content{background:rgba(33,33,33,.6);padding:10px;margin:0 10px;border-radius:10px}p{margin:.5em 0;font-size:3.5vmin}section.audio{width:100%;flex-direction:row;align-items:center}section.audio .sample{display:flex;flex-direction:row;align-items:center;gap:10px}.scroll{display:none;justify-content:center;position:absolute;bottom:10vh;left:0;right:0}.title{font-size:.5em;font-style:italic;font-weight:200;color:#bbb}.title strong{font-family:Cinzel Decorative,serif;font-weight:700;font-size:1.5em;font-style:normal;color:#ffeded}.loader-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100vw;height:100vh;content:"";background-color:#000;z-index:1001}.loader-container.ended{opacity:0;pointer-events:none;transition:opacity 1.5s ease-in-out}.loader{width:120px;height:20px;background:linear-gradient(#000 0 0) 0/0% no-repeat #ddd;animation:l1 2s infinite linear}.loader:after{display:block;margin-top:20px;content:"loading...";color:#ffeded;font-size:1.5em;font-family:Cinzel Decorative,serif;font-weight:700}@keyframes l1{to{background-size:100%}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.story{display:block;overflow:hidden;text-align:center;background:rgba(33,33,33,.6)}.story figure{width:100%;padding:.5em;display:grid;grid-template-columns:1fr 1fr;align-items:center}.story figure img{width:90%}.story h2{margin-bottom:.5em}.story .text{text-align:center;padding:40px}.story .text a{color:#ffeded}.story .links{padding-top:1em;display:flex;justify-content:center}.story .links img{max-height:70px;padding:5px}.story .text p{padding:10px}.section h1{text-transform:uppercase}.section h6{font-size:3vmin;margin-top:.5em;font-weight:700}@media screen and (min-device-width: 768px){.section{font-size:4vmin}.content{margin:0 5%}.scroll{display:flex;justify-content:center;position:absolute;bottom:10vh;left:0;right:0}}.miniSound__waveform{opacity:1;transform:translate(0)}@media screen and (min-device-width: 320px) and (max-device-height: 915px) and (orientation: landscape){.webgl{height:100vh}.section{display:flex;position:relative}.mixing .content{width:40%;margin:0 10%}.mixing{padding-top:140px;top:0;left:0;justify-content:flex-end;height:100vh}.story figure{max-width:50%;margin:0 auto}}@media screen and (min-width: 916px){.webgl{height:100vh}.logo img{max-height:200px}.section{display:flex;font-size:2vmin;position:relative}p{font-size:1em}.mixing .content{width:40%;margin:0 10%}.mixing{top:0;left:0;justify-content:flex-end;height:100vh}section.audio{align-items:center;gap:10px;width:50%}section.audio .sample{display:flex;flex-direction:row;align-items:center;gap:10px}.sample p{width:3em}.story .content{display:grid;grid-template-columns:1fr 1fr;text-align:center;background:rgba(33,33,33,.6)}.story figure{max-width:100%;margin:0 auto}.title strong{font-size:2.5em}}