*{margin:0;padding:0;box-sizing:border-box}html{font-size:1rem}@media only screen and (max-width: 1920px){html{font-size:.9rem}}@media only screen and (max-width: 1500px){html{font-size:.8rem}}@media only screen and (max-width: 800px){html{font-size:.9rem}}html,body{overflow:hidden;user-select:none;color:#d7dffc;pointer-events:none;background:#0c0c0c}.experience{position:fixed;width:100vw;height:100vh}.hue{filter:hue-rotate(0deg)}.ui-container{font-family:text;opacity:1;transition:opacity .5s ease}.ui-container.isHide{opacity:0}.ui-container .logo-container{position:absolute;left:3.5rem;top:3.5rem;cursor:pointer}@media only screen and (max-width: 1280px){.ui-container .logo-container{left:2rem;top:2rem}}@media only screen and (max-width: 800px){.ui-container .logo-container{left:unset;right:1.4rem;top:1.4rem}}.ui-container .logo-container .logo{font-family:title;font-size:3rem;letter-spacing:.15rem;display:flex}@media only screen and (max-width: 800px){.ui-container .logo-container .logo{font-size:2rem}}.ui-container .logo-container .wrapper{overflow:hidden;display:flex}.ui-container .logo-container .wrapper span{transform:translate(-100%)}.ui-container .logo-container div{overflow:hidden;opacity:.5}.ui-container .logo-container div .baseline{font-size:.93rem;margin-top:-.2rem;transform:translateY(100%)}@media only screen and (max-width: 800px){.ui-container .logo-container div .baseline{display:none}}.ui-container .musics-wrapper{position:absolute;bottom:3.5rem;left:3.5rem;list-style:none;font-size:.75rem;letter-spacing:.06rem;display:flex;flex-direction:column;text-transform:uppercase}@media only screen and (max-width: 1280px){.ui-container .musics-wrapper{left:2rem;bottom:2rem}}@media only screen and (max-width: 800px){.ui-container .musics-wrapper{left:1.4rem;bottom:1.4rem}}.ui-container .musics-wrapper .li-wrapper{opacity:.5}.ui-container .musics-wrapper .li-wrapper div{overflow:hidden}.ui-container .musics-wrapper .li-wrapper div li{cursor:pointer;width:fit-content;opacity:1;transition:opacity .35s ease;padding:.15rem 0;transform:translateY(100%)}.ui-container .musics-wrapper .li-wrapper div li:hover{opacity:.5}.ui-container .credits-wrapper{position:absolute;bottom:3.5rem;right:3.5rem;font-size:.58rem;letter-spacing:.09rem;text-transform:uppercase;text-align:right;display:flex;flex-direction:column;gap:.2rem;opacity:.5}@media only screen and (max-width: 1920px){.ui-container .credits-wrapper{font-size:.63rem}}.ui-container .credits-wrapper div{overflow:hidden}.ui-container .credits-wrapper div p{transform:translateY(100%)}.ui-container .credits-wrapper div p a{text-decoration:none;color:#d7dffc;opacity:1;transition:.35s ease}.ui-container .credits-wrapper div p a:hover{opacity:.5}@media only screen and (max-width: 1280px){.ui-container .credits-wrapper{bottom:2rem;right:2rem}}@media only screen and (max-width: 800px){.ui-container .credits-wrapper{display:none}}.ui-container .indication-wrapper{position:absolute;top:3.5rem;right:3.5rem;font-size:.58rem;letter-spacing:.09rem;text-transform:uppercase;opacity:.5;text-align:right;display:flex;flex-direction:column;gap:.2rem;pointer-events:none}@media only screen and (max-width: 1920px){.ui-container .indication-wrapper{font-size:.63rem}}.ui-container .indication-wrapper div{overflow:hidden}.ui-container .indication-wrapper div p{transform:translateY(100%)}@media only screen and (max-width: 1280px){.ui-container .indication-wrapper{right:2rem;top:2rem}}@media only screen and (max-width: 800px){.ui-container .indication-wrapper{display:none}}.musics-wrapper li.isActive .word .char{animation:letters 1s ease-in-out infinite forwards alternate}.musics-wrapper li.isActive .word .char:nth-child(1n){animation-delay:-19.8s}.musics-wrapper li.isActive .word .char:nth-child(2n){animation-delay:-19.6s}.musics-wrapper li.isActive .word .char:nth-child(3n){animation-delay:-19.4s}.musics-wrapper li.isActive .word .char:nth-child(4n){animation-delay:-19.2s}.musics-wrapper li.isActive .word .char:nth-child(5n){animation-delay:-19s}.musics-wrapper li.isActive .word .char:nth-child(6n){animation-delay:-18.8s}.musics-wrapper li.isActive .word .char:nth-child(7n){animation-delay:-18.6s}.musics-wrapper li.isActive .word .char:nth-child(8n){animation-delay:-18.4s}.musics-wrapper li.isActive .word .char:nth-child(9n){animation-delay:-18.2s}.musics-wrapper li.isActive .word .char:nth-child(10n){animation-delay:-18s}@keyframes letters{0%{opacity:.25}to{opacity:1}}.musics-wrapper p{font-family:title;font-size:2.25rem;letter-spacing:.15rem;margin-bottom:.5rem;display:flex;height:fit-content;width:fit-content}.musics-wrapper p .wrapper{overflow:hidden;display:flex}.musics-wrapper p .wrapper span{transform:translate(-100%)}@media only screen and (max-width: 800px){.musics-wrapper p{font-size:2rem}}@font-face{font-family:title;src:url(title.woff) format("woff");src:url(title.woff2) format("woff2")}@font-face{font-family:text;src:url(text.woff2) format("woff2")}