@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap&family=Rubik+80s+Fade&family=Handjet:wght@400;900&family=Gloria+Hallelujah&family=Rowdies:wght@300&family=Bacasime+Antique&family=Rock+Salt&family=Space+Mono:ital@0;1);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;background-color:#000c;box-shadow:0 1px 2px #0000001a;color:#fff;display:flex;gap:2rem;height:3rem;justify-content:center;left:0;padding:.5rem 2rem;position:fixed;right:0;top:0;width:100%;z-index:1000}body{background-color:#fff;color:#333;font-family:Space Mono,monospace;margin:0;overflow-x:hidden;padding:0 10px}.background-logo-container{align-items:center;display:flex;height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:65%;z-index:-1}.background-logo-image{height:auto;object-fit:contain;opacity:1;width:100%}.main-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.main-content{flex:1 1;margin-top:3rem;padding:2rem}#content{display:flex;justify-content:center;width:100%}.right-section{border:1px solid #333;flex:1 1;justify-content:space-between;padding:5%;position:relative}.media-container,.right-section{align-items:flex-start;display:flex;flex-direction:column}.media-container{justify-content:flex-start}.archive-container{margin:0 auto;max-width:1400px;padding:40px 20px;width:90%}.tracks-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.track-item{background:#0000;overflow:hidden;transition:transform .2s ease}.track-item:hover{transform:translateY(-2px)}.track-image-container{aspect-ratio:16/9;overflow:hidden;position:relative}.track-image-container img{height:100%;object-fit:cover;width:100%}.track-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.track-image-container:hover .track-overlay{opacity:1}.play-overlay{align-items:center;color:#fff;display:flex;font-size:48px;justify-content:center;line-height:1;margin:0;padding:0;text-decoration:none;transition:transform .3s ease}.play-overlay:hover{opacity:.9;transform:scale(1.1)}.track-info{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffffd9;padding:16px}.track-info h3{font-size:16px;line-height:1.2;margin:0 0 8px}.track-details{color:#666;display:flex;font-size:14px;gap:16px;margin:0}.track-details span{align-items:center;display:inline-flex}.backup-stream-link{color:#333;display:block;font-size:20px;margin-top:20px;text-align:center;text-decoration:none;transition:color .3s ease}.page-navigation{display:flex;gap:20px;justify-content:flex-end;margin-bottom:24px;padding:20px;position:relative;width:100%;z-index:2}.nav-link{color:#333;font-weight:500;padding:5px 10px;text-decoration:none}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-links a{color:#fff;font-size:.9rem;opacity:.8;padding:.3rem .8rem;position:relative;text-decoration:none;top:0;transition:all .2s ease}.nav-links a:hover{background-color:#ffffff1a;opacity:1;top:1px}.nav-links a.active{background-color:#ffffff26;box-shadow:inset 0 1px 2px #0000001a;opacity:.9;top:1px}.play-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:2.5rem;justify-content:center;margin:0 .8rem;transition:all .3s ease;width:2.5rem}.play-button:hover{opacity:.9;transform:scale(1.1)}.play-button:active{transform:scale(.95)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-circle{animation:spin 1s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:#000;height:20px;margin:auto;width:20px}.koska-logo,.systm-logo{height:2rem;margin:0;width:auto;z-index:10}.systm-logo{filter:invert(1)}.contact-section,.footer-left{align-items:flex-start;display:flex;flex-direction:column}.contact-section h2{align-self:flex-start;color:#333;font-size:30px;margin-bottom:10px}.contact-section a{color:#333;display:inline-block;font-size:20px;margin:2px 0;text-decoration:none;transition:color .3s ease}.backup-stream-link:hover,.contact-section a:hover{color:#1e1d1d;text-decoration:underline}.spline-container{height:400px;margin:0 auto;overflow:hidden}.footer-container,.spline-container{position:relative;width:100%;z-index:1}.footer-container{align-items:stretch;background-color:#f5f5f5f2;border-top:1px solid #e0e0e0;bottom:0;color:#333;display:flex;justify-content:space-between;min-height:300px}.footer-left{background-color:#fafafaf2;flex:1 1;padding:1rem 1.5rem}.footer-left h2{color:#222;font-size:1.5rem;margin-bottom:1rem}.footer-left p{color:#444;line-height:1.6;margin-bottom:1rem}.soundcloud-link{border-bottom:1px solid #666;color:#333;padding-bottom:1px;text-decoration:none;transition:all .2s ease}.soundcloud-link:hover{border-bottom:2px solid #000;color:#000}.footer-right{align-items:center;background-color:#f8f8f8f2;display:flex;flex:1 1;justify-content:center;padding:1rem}.footer-image{max-height:500px;max-width:150%;object-fit:contain}.footer-logos{display:flex;gap:1rem;margin-bottom:1rem}.footer-logo{height:2.5rem;object-fit:contain;opacity:.8;transition:opacity .2s ease;width:2.5rem}.footer-logo:hover{opacity:1}.credits{color:#666;font-size:.8rem;text-align:right}.footer-right a{color:#444;text-decoration:none;transition:color .2s ease}.footer-right a:hover{color:#000;text-decoration:underline}@media (max-width:1000px){.navbar{padding:.8rem 1rem}#content{flex-direction:column;width:100%}.play-button{font-size:80px;height:100px;margin-top:35px;width:100px}footer{flex-direction:column;margin-bottom:100px;width:100%}.koska-logo{display:block;margin:2vh auto;width:100%}.contact-section,.footer-left,.footer-right,.spline-container{padding:0 15px;width:100%}.navbar{flex-wrap:wrap;gap:1rem}.nav-links{flex-wrap:wrap;gap:.5rem}.marquee-container{order:3;width:100%}}.schedule-widget-container{display:flex;justify-content:center;margin-bottom:20px;margin-top:30px;padding-left:45px;padding-right:45px}.schedule-iframe{background-color:initial;border:none;min-height:500px;width:100%}.video-content-wrapper{height:100vh;margin-bottom:100vh;overflow:hidden;position:relative;width:100%}.video-background{align-items:center;bottom:0;display:flex;height:120vh;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;width:150vw;z-index:-1}.portrait-video{height:80vh;left:50%;max-width:45vh;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.overlay-artist-name{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.overlay-artist-name h1{color:#ffffffe6;font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:.05em;margin:0;padding:0 2rem;text-align:center;text-shadow:2px 2px 4px #000c}.main-container footer{margin-top:auto;position:relative;z-index:20}@media (max-width:768px){.video-background{height:100vh}.portrait-video{height:90vh;max-width:100vw;object-fit:contain;width:auto}.overlay-artist-name h1{font-size:clamp(2rem,6vw,4rem)}}@media (min-width:769px){.portrait-video{height:80vh;max-width:45vh;min-width:0;width:auto}}@media (min-width:1920px){.video-background{margin:0 auto;max-width:100%}.portrait-video{height:80vh;max-width:45vh;width:auto}}.artist-info-container{margin:calc(50vh - 200px) auto 0;max-width:800px;padding:2rem;position:relative;width:100%;z-index:2}.artist-info-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;border:1px solid #3333331a;padding:2rem}.artist-section,.visual-section{margin-bottom:2rem}.artist-section h2,.visual-section h2{color:#333;font-family:Space Mono,monospace;font-size:1.5rem;margin-bottom:1rem}.artist-section h3,.visual-section h3{color:#333;font-family:Space Mono,monospace;font-size:1.2rem;margin-bottom:.5rem}.artist-description{color:#444;font-family:Space Mono,monospace;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.artist-links{display:flex;gap:1rem;margin-top:1rem}.social-link{border:1px solid #333;color:#333;font-family:Space Mono,monospace;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.social-link:hover{background-color:#333;color:#fff}.artist-image-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:20px;width:100%}.artist-image-content{border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:300px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.artist-image-content:hover{box-shadow:0 12px 32px #0006;transform:scale(1.02)}.artist-image-content img{height:100%;object-fit:cover;transition:filter .5s ease;width:100%}.online-image{filter:none}.offline-image{filter:invert(1) hue-rotate(180deg)}.error,.loading{font-family:Arial,sans-serif;padding:20px}.loading{color:#666;font-style:italic}.error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#f44;margin:20px}@media (max-width:768px){.artist-image-container{padding:15px}.artist-image-content{max-width:250px}}@media (max-width:480px){.artist-image-container{padding:10px}.artist-image-content{max-width:200px}}@media (max-width:768px){.artist-info-container{margin:1rem auto;padding:1rem}.artist-info-content{padding:1.5rem}.artist-section h2,.visual-section h2{font-size:1.3rem}.artist-section h3,.visual-section h3{font-size:1.1rem}}.marquee-container{align-items:center;background-color:initial;box-sizing:border-box;color:#fff;display:flex;flex:1 1;overflow:hidden;padding:0 15px;position:relative;white-space:nowrap;width:100%}.marquee-content{animation:scroll-marquee 20s linear infinite;display:inline-block;font-size:16px;padding-left:100%}@keyframes scroll-marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.error,.loading{color:#fff;font-family:Space Mono,monospace;padding:0 20px;text-align:center;white-space:nowrap}.error{color:#ff6b6b}@media (max-width:768px){.marquee-content{animation-duration:15s;font-size:14px}}
/*# sourceMappingURL=main.af89bf6a.css.map*/