:root{--app-viewport-height:100vh}body,html{background-color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}body{margin:0}body.no-vertical-scroll,html.no-vertical-scroll{overflow-y:hidden;overscroll-behavior-y:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}main{display:flex;height:var(--app-viewport-height);justify-content:center;width:100%}p{margin:0}.label-page{align-items:flex-end;color:#fff;display:flex;height:var(--app-viewport-height);justify-content:center;overflow:hidden;overscroll-behavior:none;position:relative;width:100%}.label-hydra{display:block;height:100%;inset:0;position:absolute;width:100%}video{transform:rotate(-90deg) scale(3)}h1{color:#fff;display:block;font-size:5rem;mix-blend-mode:difference;position:absolute;top:50%;transform:translateY(-50%)}.overlay{background-color:#000000e0;height:100%;left:0;top:0;z-index:10}.home-container,.overlay{position:absolute;width:100%}.home-container{display:flex;flex-direction:column;justify-content:center;top:50%;transform:translateY(-50%)}.home-logo-container{margin:auto;padding-bottom:25px}.enter-button{background:none;border:none;color:#fff;font-size:2.5rem;z-index:1000}.main-page{height:var(--app-viewport-height);overflow:hidden;position:relative;width:100%}.link-button{background-color:#000;bottom:0;color:#fff;display:flex;height:75px;position:fixed;text-transform:uppercase;width:100%}.link-button a{display:block;margin:auto;text-align:center}.galery-container{margin-bottom:75px}.galery-container,.link-frame{display:flex;flex-direction:column;justify-content:center}.link-frame{align-items:center;background-color:#fff;border:10px solid #000;box-shadow:0 0 15px #00000080;gap:1rem;height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.link-frame a{color:#000;font-size:2rem;text-decoration:none}.legal-link{bottom:1.5rem;color:#fff;font-size:1rem;left:50%;letter-spacing:.1em;position:absolute;text-decoration:none;text-transform:uppercase;transform:translate(-50%)}.legal-link:focus,.legal-link:hover{text-decoration:underline}@media screen and (max-width:768px) and (orientation:landscape){#hydra-canvas{width:100%}.link-frame{height:90%}}.slider-container{display:block;height:100%;overflow:hidden;overscroll-behavior:contain;padding:0;position:relative;touch-action:pan-x;width:100%;z-index:1}.slider-container.mixes{mix-blend-mode:difference}.slider-container.is-dragging{cursor:grabbing}.slider-track{cursor:grab;display:flex;height:100%;position:relative;width:100%;will-change:transform}.slider-container.is-dragging .slider-track{cursor:grabbing}.slider-track .slider-slide{align-items:center;background:transparent;border:none;box-sizing:border-box;cursor:default;display:flex;flex:0 0 100%;flex-direction:column;gap:clamp(1.5rem,5vw,3rem);height:100%;justify-content:center;padding:5%;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.slider-track .slider-slide .slide-information{opacity:.6;text-align:center;transition:opacity .3s ease}.slider-track .slider-slide.is-active .slide-information{opacity:1}.slide-play-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0;transition:transform .2s ease}.slide-play-button:focus-visible,.slide-play-button:hover{outline:none;transform:scale(1.05)}.slide-play-button img{display:block;height:auto;width:clamp(64px,18vw,160px)}.slide-audio{display:none}.slider-track .slider-slide:focus-visible{outline:2px solid currentColor;outline-offset:6px}.pitch-control{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:min(360px,80%)}.pitch-label{align-items:baseline;display:flex;font-size:.75rem;justify-content:space-between;letter-spacing:.08em;opacity:.8;text-transform:uppercase;width:100%}.pitch-label__title{font-weight:600}.pitch-label__value{display:flex;font-size:.85rem;font-weight:400;gap:.4rem;letter-spacing:normal;text-transform:none}.pitch-label__frequency{opacity:.6}.pitch-fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff40;border-radius:999px;cursor:pointer;height:6px;width:100%}.pitch-fader:focus-visible{outline:2px solid hsla(0,0%,100%,.7);outline-offset:4px}.pitch-fader::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid rgba(0,0,0,.2);border-radius:50%;box-shadow:0 0 10px #00000040;height:18px;width:18px}.pitch-fader::-moz-range-thumb{background:#fff;border:2px solid rgba(0,0,0,.2);border-radius:50%;box-shadow:0 0 10px #00000040;height:18px;width:18px}.pitch-step-labels{display:flex;font-size:.7rem;justify-content:space-between;letter-spacing:.05em;opacity:.6;text-transform:uppercase;width:100%}.pitch-step-label{transition:opacity .2s ease,transform .2s ease}.pitch-step-label.is-active{font-weight:600;opacity:1;transform:translateY(-2px)}.slider-pagination{bottom:32px;display:flex;gap:.75rem;left:50%;position:absolute;transform:translate(-50%);z-index:2}.slider-pagination__dot{background-color:#ffffff4d;border:none;border-radius:999px;cursor:pointer;height:8px;padding:0;transition:transform .2s ease,background-color .2s ease;width:8px}.slider-pagination__dot:focus-visible,.slider-pagination__dot:hover{background-color:#fff9;box-shadow:0 0 0 2px #ffffffe6;outline:none;transform:scale(1.1)}.slider-pagination__dot.is-active{background-color:#fff;transform:scale(1.2)}.slide-information{align-items:center;bottom:80px;display:flex;flex-direction:column;font-size:1.5rem;gap:.4rem;line-height:17px;position:absolute;text-align:center}.track-name{font-weight:100}.slider-pagination-overlay{font-size:1rem;font-weight:600;opacity:.7;top:56px;transform:translate(-50%);z-index:3}.slider-pagination-overlay,.tap-to-play-message{left:50%;letter-spacing:.2em;pointer-events:none;position:absolute;text-transform:uppercase}.tap-to-play-message{color:#fff;font-size:.85rem;font-weight:100;top:50%;transform:translate(-50%,-50%);z-index:2}.tap-to-play-enter-active,.tap-to-play-leave-active{transition:opacity .3s ease,transform .3s ease}.tap-to-play-enter-from,.tap-to-play-leave-to{opacity:0;transform:translate(-50%,calc(-50% + 12px))}.tap-to-play-enter-to,.tap-to-play-leave-from{opacity:1;transform:translate(-50%,-50%)}.track-status{font-size:.85em;letter-spacing:.15em;margin-top:.5rem;text-transform:uppercase}.legal-page{align-items:flex-start;background-color:#000;color:#fff;display:flex;height:auto;justify-content:center;min-height:var(--app-viewport-height);padding:6rem 1.5rem 4rem;width:100%}.legal-container{display:flex;flex-direction:column;gap:1.5rem;width:min(800px,100%)}.legal-container h1{font-size:clamp(2.5rem,6vw,3.5rem);letter-spacing:.15em;mix-blend-mode:normal;position:static;text-transform:uppercase;transform:none}.legal-container h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:.5rem;text-transform:uppercase}.legal-container p{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.6}.legal-container a{color:#fff;text-decoration:underline}.legal-container a:focus,.legal-container a:hover{text-decoration:none}.label-legal{font-size:.8rem;mix-blend-mode:difference;opacity:.5;position:absolute;top:0;z-index:2}.artist-name{margin-bottom:5px}.legal-linker{color:#fff;text-decoration:none}.mix-name{line-height:34px;width:260px;word-wrap:break-word;margin-bottom:20px}