@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;700&display=swap";:root{--primary-color: #fff;--secondary-color: #bbb;--background-color: #000;--overlay-color: rgba(0,0,0,.7);--font-family: "Chakra Petch", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font-family);color:var(--primary-color);background-color:var(--background-color);scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease-out}.loader{border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.overlay{background:var(--overlay-color);position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.content{position:relative;z-index:2;padding:20px;max-width:1200px;margin:0 auto}body.scrolled .content{margin-top:80px}.music-section,.services-section,.gear-section,.contact-section,.store-section{margin-bottom:80px;padding:40px 20px;background-color:#0009;border-radius:10px}h1,h2{font-size:3rem;text-align:center;margin-bottom:50px;text-transform:uppercase}#main-logo-container{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;padding-top:20px;z-index:2;transition:opacity .3s ease,transform .3s ease}#main-logo-container img{max-width:400px;transition:max-width .3s ease}#site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;background-color:transparent;transition:transform .3s ease,background-color .3s ease;transform:translateY(-100%)}body.scrolled #site-header{transform:translateY(0);background-color:#000c}body.scrolled #main-logo-container{opacity:0;pointer-events:none}#site-header .logo-container{max-width:100px}#site-header .logo{max-width:100%}#site-header .main-nav{display:flex}#site-header .main-nav a{color:var(--primary-color);text-decoration:none;font-size:1.1rem;text-transform:uppercase;margin-left:20px;transition:color .3s ease}#site-header .main-nav a:hover{color:var(--secondary-color)}.music-section .audio-player-container{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto}.music-section .audio-player-item{background-color:#ffffff0d;border:1px solid #333;border-radius:10px;padding:20px;text-align:center}.music-section .audio-player-item h3{margin-top:0;margin-bottom:10px;font-size:1.5rem}.music-section .audio-player-item p{margin-bottom:15px;color:#ccc}.music-section audio{width:100%;max-width:100%}.services-section p{max-width:800px;margin:0 auto;line-height:1.6}.gear-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px}.gear-item{background-color:#ffffff0d;border:1px solid #333;border-radius:10px;overflow:hidden;text-align:center;transition:transform .3s ease}.gear-item:hover{transform:translateY(-5px)}.gear-item img{width:100%;height:auto;display:block;max-width:100%}.gear-item .gear-info{padding:15px}.gear-item .gear-info h3{margin:0 0 5px;font-size:1.2rem}.gear-item .gear-info p{margin:0;color:#ccc;font-size:.9rem}.contact-section .contact-form{max-width:600px;margin:0 auto}.contact-section .form-group{margin-bottom:20px}.contact-section input,.contact-section textarea{width:100%;padding:15px;background-color:#ffffff1a;border:1px solid #333;border-radius:5px;color:#fff}.contact-section button{display:block;width:100%;padding:15px;background-color:#fff;color:#000;border:none;border-radius:5px;cursor:pointer;text-transform:uppercase;font-weight:700;transition:background-color .3s ease}.contact-section button:hover{background-color:#ccc}.store-section{text-align:center;padding:50px 20px}.gumroad-embed-container{max-width:800px;margin:0 auto}footer{text-align:center;padding:20px;position:relative;z-index:2}footer a{display:inline-block}footer img{width:30px;margin:0 10px;transition:opacity .3s ease}footer img:hover{opacity:.7}@media screen and (max-width: 768px){#site-header{padding:10px 20px}#site-header .main-nav a{font-size:.9rem;margin-left:10px}.content{padding:10px}.music-section,.services-section,.gear-section,.contact-section,.store-section{margin-bottom:40px;padding:20px 10px}h1,h2{font-size:2rem;margin-bottom:30px}.gear-grid{grid-template-columns:1fr}}