@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:VT323,monospace;margin:0;padding:0;box-sizing:border-box}h1{font-size:40px}@media (max-width: 768px){body{-webkit-text-size-adjust:100%}}.error{height:100vh;width:100%;font-size:49px;display:flex;justify-content:center;align-items:center}.home-screen{margin:0 auto;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#000;overflow:hidden}@media (max-width: 768px){.home-screen{min-height:100dvh;justify-content:center}}.home-screen-main{width:70vw;height:75vh;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden}@media (max-width: 768px){.home-screen-main{width:100vw}}.home-screen-main>p{margin:0;padding:0;padding:0 .2rem;font-size:20px}.home-screen-main>p:hover{cursor:pointer;background-color:#fff;color:#000}@media (max-width: 768px){.home-screen-main>p:hover{background-color:transparent!important;color:#fff!important}}.home-screen .vignette-container{position:relative;width:80%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}@media (max-width: 768px){.home-screen .vignette-container{width:100%}}.home-screen .vignette-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.home-screen .vignette-container .overlay:hover{cursor:pointer}.home-screen .vignette-container .overlay>p{font-size:20px;text-align:center;color:#fff;opacity:.9}.home-screen .vignette-container .overlay-title{color:#fff;font-size:26px;text-align:center}.home-screen .vignette-container .background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}@media (max-width: 768px){.home-screen .vignette-container .background-video{object-fit:contain}}.home-screen .vignette-container .vignette-background{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/86186/crt.png);background-size:100% 100%;background-repeat:no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.home-screen .home-footer{display:flex;justify-content:space-between;align-items:center;width:100%}@media (max-width: 768px){.home-screen .home-footer{flex-wrap:wrap;margin-bottom:1rem}}.home-screen .home-footer>p{font-size:24px;margin:0}@media (max-width: 768px){.home-screen .home-footer>p{font-size:20px;width:calc(50% - 1rem)}}.home-screen .home-footer>p:first-child{margin-left:1rem;text-align:left}@media (max-width: 768px){.home-screen .home-footer>p:first-child{margin-right:0;order:1}}@media (max-width: 768px){.home-screen .home-footer>p:nth-child(2){order:2;text-align:right;padding-right:1rem}}@media (max-width: 768px){.home-screen .home-footer>p:nth-child(3){order:4;text-align:right;padding-right:1rem}}.home-screen .home-footer>p:nth-child(4){margin-right:1rem}@media (max-width: 768px){.home-screen .home-footer>p:nth-child(4){margin-right:0;order:3;text-align:left;padding-left:1rem}}.home-screen .home-footer .more-info{padding:0 .2rem}@media (max-width: 768px){.home-screen .home-footer .more-info{padding:0}.home-screen .home-footer .more-info:hover{background-color:transparent!important;color:#fff!important}}.home-screen .home-footer .more-info:hover{cursor:pointer;color:#000;background-color:#fff}.home-screen .home-footer>div{display:flex;flex-direction:row;gap:.5rem;align-items:center;height:100%}.home-screen .home-footer>div .nav-button{padding:0 .2rem}@media (max-width: 768px){.home-screen .home-footer>div .nav-button{font-size:20px;width:50%;order:3}.home-screen .home-footer>div .nav-button:hover{background-color:transparent!important;color:#fff!important}}.home-screen .home-footer>div .nav-button:hover{cursor:pointer;background-color:#fff;color:#000}.home-footer-title{width:300px;justify-self:start}.nav-btn-section{display:flex;margin:0 auto;width:55vw}@media (max-width: 768px){.nav-btn-section{width:80vw}}.nav-btn-section>div{width:100%;display:flex;justify-content:space-between}.nav-btn-section>div .nav-button{padding:0 .2rem}.nav-btn-section>div .nav-button.next{margin-right:1rem}.nav-btn-section>div .nav-button:hover{cursor:pointer;background-color:#fff;color:#000}@media (max-width: 768px){.nav-btn-section>div .nav-button:hover{background-color:transparent!important;color:#fff!important}}.line:hover{background-color:#000}.infochannel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:999!important;pointer-events:none}.infochannel-content{background-color:#080cff;color:#fff;padding:2rem;width:400px;text-align:center;pointer-events:auto}.infochannel-title{font-size:28px;color:#000;background-color:#fff}.infochannel-menu{padding:0;text-align:left}.section-info{display:flex;justify-content:space-between;height:auto}.section-info>p{font-size:18px}.infochannel-footer{display:flex;justify-content:space-between;margin-top:1rem;font-size:16px}.infochannel-footer>span:hover{background-color:#fff;color:#000;cursor:pointer}.transition-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:901;pointer-events:none}.info-container{height:100vh;width:100%;display:flex;gap:3rem;overflow:hidden}.info-container .left-container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:50%;padding-left:1rem;padding-bottom:1rem}.info-container .left-container .info-text{height:auto;overflow:hidden}.info-container .left-container .info-text p{font-size:19px;position:relative}.info-container .left-container .socials{display:flex;flex-direction:column}.info-container .right-container{width:50%;display:flex;flex-direction:column;align-items:end;justify-content:space-between;padding-bottom:1rem}.info-container .right-container>img{width:100%;object-fit:contain}p{font-size:26px}@media screen and (max-width: 1024px){.info-container{flex-direction:column;gap:0rem;overflow-y:auto;min-height:100vh;width:100%}.right-container{width:100%!important;padding-left:0;padding-right:0;height:100%;order:-1}.left-container{width:calc(100% - .5rem)!important;height:auto;padding-left:1rem;padding-right:1rem}.info-text{padding-top:0rem;height:auto;overflow-y:hidden;padding-right:1rem}.info-text p{font-size:24px}.socials{margin-top:1rem;height:auto;overflow:hidden}a{font-size:20px}button{font-size:18px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:99999999}.modal-content{background-color:#080cff;color:#fff;padding:2rem;width:300px;text-align:center;pointer-events:auto}.modal-title{font-size:28px;color:#000;background-color:#fff}.modal-menu{list-style:none;padding:0;margin:1rem;text-align:left}.modal-menu li{margin:.5rem 0;font-size:24px;padding-left:.5rem}.modal-menu li>a:hover{background-color:#fff;color:#000;cursor:pointer}.modal-menu .active>a{background-color:#fff;color:#000;cursor:pointer}.modal-footer{display:flex;justify-content:space-between;margin-top:1rem;font-size:16px}.modal-footer>span:hover{background-color:#fff;color:#000;cursor:pointer}.header{display:flex;justify-content:space-between;align-items:baseline;position:fixed;top:0;width:100%;z-index:900;padding-top:.5rem}.header-left{display:flex;align-items:center;margin-left:1rem}.logo{text-decoration:none;font-size:24px;position:relative}.header-right .plus-btn{font-size:24px;margin-right:1rem}a{display:inline;color:#fff;background-color:transparent;text-decoration:none;font-size:24px;width:max-content;padding:0 .2rem!important}a:hover{color:#000;background-color:#fff;cursor:pointer}.infovideo-container{min-height:100vh;width:100%;display:flex;align-items:center;gap:3rem;overflow:hidden}.infovideo-container .infovideo-right-container{width:45%;position:relative}.infovideo-container .infovideo-right-container .right-main-container{width:90%;height:100%}.infovideo-container .infovideo-right-container .right-main-container>h2{font-size:49px;margin:0;padding:0;line-height:49px}.infovideo-container .infovideo-right-container .right-main-container .detail-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;margin:0;padding:0}.infovideo-container .infovideo-right-container .right-main-container .detail-container .song{max-width:70%}.infovideo-container .infovideo-left-container{width:55%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:1rem}.infovideo-container .infovideo-left-container .horizontal{width:100%;height:auto}.infovideo-container .infovideo-left-container .vertical{width:50%;height:auto}p{font-size:21px}a{display:inline;color:#fff;background-color:transparent;text-decoration:none;padding:0;font-size:24px;width:max-content}a:hover{color:#000;background-color:#fff;cursor:pointer;padding:0 .2rem}@media (max-width: 768px){a:hover{background-color:transparent!important;color:#fff!important}}button{background-color:#fff;color:#000;text-align:center;margin:0;width:max-content}@media (max-width: 768px){button:hover{background-color:transparent!important;color:#fff!important}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}hr{width:100%;border:.2px solid #e4e6eb;opacity:.2}.infovideo-right-nav-btn{margin-top:1rem}.infovideo-right-nav-btn>button{font-family:VT323,monospace;font-size:21px;background-color:#000;color:#fff;padding:.5rem}.infovideo-right-nav-btn>button:first-child{margin-right:1rem}.infovideo-right-nav-btn>button:hover{background-color:#fff;color:#000;cursor:pointer}@media (max-width: 768px){.infovideo-right-nav-btn>button:hover{background-color:transparent!important;color:#fff!important}}@media screen and (max-width: 768px){.infovideo-container{flex-direction:column;gap:.5rem;padding-top:6rem;width:100%}.infovideo-left-container{width:100%!important;padding:1rem}.infovideo-left-container .horizontal,.infovideo-left-container .vertical{width:100%!important;height:auto}.infovideo-right-container{width:100%!important;margin-top:1rem}.infovideo-right-nav-btn{display:flex;justify-content:center;width:100%;padding-bottom:1rem}.right-main-container{padding:1rem}h2{font-size:32px}p,button{font-size:18px}}@layer view-transition{::view-transition-old(root){animation:fade-out .8s ease-in forwards}::view-transition-new(root){animation:fade-in .8s ease-out forwards}}@keyframes fade-out{0%{opacity:1}to{opacity:.3}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.allworks-container{min-height:100vh;width:calc(100% - 2rem);margin:0 auto;padding:3rem 1rem;overflow-x:hidden}.allworks-sub-container{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;box-sizing:border-box}.allworks-video{width:calc(33.33% - .5rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;position:relative}.allworks-video>img{width:100%;height:350px;object-fit:contain}.allworks-video>img.allworks-video-hover{display:none;width:100%;height:350px;object-fit:contain}.allworks-video>p{font-size:26px;text-align:center}.allworks-video:hover{cursor:pointer;border:1px solid white}.allworks-video:hover>p{background-color:#fff;color:#000;padding:0 .2rem}.allworks-video:hover>img.allworks-video-default{display:none}.allworks-video:hover>img.allworks-video-hover{display:block}h2{font-size:49px}sup{font-size:26px;margin-left:.2rem}@media screen and (max-width: 768px){.allworks-video{width:100%}.allworks-video>img{height:auto}.allworks-video>img.allworks-video-hover{display:none}.allworks-sub-container{gap:1rem}h2{font-size:36px}sup{font-size:20px}.allworks-container{padding:2rem 1rem}}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.title{font-size:30px;color:#fff;white-space:nowrap}.preloader .loading{font-size:20px;color:#fff;white-space:nowrap}img{width:30%;object-fit:cover}@media (max-width: 768px){img{width:60%}}
