@import "https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Raleway:wght@300;400&display=swap";body{overflow:hidden}.navbar{z-index:100;background:linear-gradient(#1a0a2ee6 0%,#0000 100%);justify-content:center;gap:40px;width:100%;padding:20px 0;display:flex;position:fixed;top:0;left:0}.nav-link{letter-spacing:3px;color:#e8b4ff;text-transform:uppercase;font-family:Raleway,sans-serif;font-size:12px;font-weight:400;text-decoration:none;transition:color .2s}.nav-link:hover{color:#f9c}@media (width<=768px){.navbar{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 16px}.nav-link{white-space:nowrap;font-size:10px}}.player{z-index:1000;background:#1a0a2ef2;border:.5px solid #c77dff4d;border-radius:12px;align-items:center;gap:12px;min-width:220px;padding:12px 16px;transition:all .3s;display:flex;position:fixed;bottom:24px;left:24px}.player-minimized{min-width:auto;padding:8px 12px}.player-minimize{color:#e8b4ff;cursor:pointer;background:#c77dff33;border:1px solid #c77dff66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.player-minimize:hover{background:#c77dff66}.player-info{flex-direction:column;flex:1;gap:2px;display:flex}.player-title{color:#e8b4ff;letter-spacing:1px;font-family:Raleway,sans-serif;font-size:12px}.player-artist{color:#9b6dff;letter-spacing:1px;font-family:Raleway,sans-serif;font-size:10px}.player-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.player-bar{background:#c77dff33;border-radius:0 0 12px 12px;width:100%;height:2px;position:absolute;bottom:0;left:0;overflow:hidden}.player-progress{background:#c77dff;height:100%;transition:width .5s linear}@media (width<=768px){.player{max-width:200px;padding:8px 12px;bottom:12px;left:12px}}.musique-section{z-index:1;pointer-events:all;background:#0d0618;flex-direction:column;align-items:center;min-height:100vh;padding:80px 24px;display:flex;position:relative}.section-title{color:#f0e6ff;text-align:center;letter-spacing:4px;text-shadow:2px 2px #c77dff,4px 4px #3d0066;margin-bottom:48px;font-family:Black Ops One,sans-serif;font-size:clamp(32px,6vw,64px)}.album-block{flex-direction:column;align-items:center;width:100%;max-width:680px;display:flex}.bandcamp-btn{color:#e8b4ff;letter-spacing:2px;background:0 0;border:1px solid #c77dff66;border-radius:8px;align-items:center;gap:10px;margin-bottom:32px;padding:10px 20px;font-family:Raleway,sans-serif;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.bandcamp-btn:hover{color:#fff;background:#c77dff1a;border-color:#c77dff}.bandcamp-icon{filter:invert();width:20px;height:20px}.album-cover{border-radius:8px;width:100%;max-width:380px;margin-bottom:24px;box-shadow:0 0 60px #c77dff33}.album-title{color:#9b6dff;letter-spacing:3px;text-align:center;margin-bottom:32px;font-family:Raleway,sans-serif;font-size:16px;font-weight:400}.tracklist{flex-direction:column;gap:4px;width:100%;padding-bottom:80px;display:flex}.track{background:#ffffff0d;border:.5px solid #c77dff4d;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex;position:relative}.track:hover{background:#c77dff12}.track-number{color:#9b6dff;min-width:24px;font-family:Raleway,sans-serif;font-size:11px}.track-title{color:#e8b4ff;flex:1;font-family:Raleway,sans-serif;font-size:14px}.track-bar{background:#c77dff33;border-radius:2px;width:80px;height:2px;overflow:hidden}.track-progress{background:#c77dff;height:100%;transition:width .3s linear}.track-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:28px;padding:0;display:flex}.track-btn:hover{color:#fff}.streaming-buttons{flex-direction:column;align-items:center;gap:12px;width:100%;margin-bottom:32px;display:flex}.listen-toggle{color:#e8b4ff;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #c77dff66;border-radius:8px;padding:10px 20px;font-family:Raleway,sans-serif;font-size:13px;transition:all .2s}.listen-toggle:hover{background:#c77dff1a;border-color:#c77dff}.deluxe-links{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:24px;display:flex}.deluxe-link{letter-spacing:2px;border:1px solid;border-radius:20px;padding:8px 20px;font-family:Raleway,sans-serif;font-size:12px;text-decoration:none;transition:opacity .2s}.deluxe-link:hover{opacity:.7}.discography{width:100%;max-width:680px}.albums-grid{justify-content:center;margin-top:32px;display:flex}.singles-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;display:grid}.cover-card{flex-direction:column;align-items:center;gap:8px;display:flex}.cover-img-wrapper{cursor:pointer;border-radius:8px;position:relative;overflow:hidden}.cover-img{border-radius:8px;width:100%;transition:transform .2s;display:block}.cover-img-wrapper:hover .cover-img{transform:scale(1.03)}.cover-img-wrapper:hover .cover-overlay{opacity:1}.cover-title{color:#9b6dff;letter-spacing:1px;text-align:center;font-family:Raleway,sans-serif;font-size:12px}.cover-links{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.albums-grid .cover-img{max-width:280px}@media (width<=768px){.singles-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.album-release-date{color:#9b6dff99;letter-spacing:2px;margin-bottom:32px;font-family:Raleway,sans-serif;font-size:11px}.cover-date{color:#9b6dff99;letter-spacing:1px;text-align:center;font-family:Raleway,sans-serif;font-size:10px}.concerts-section{background:#0d0618;flex-direction:column;align-items:center;min-height:60vh;padding:80px 24px;display:flex}.concerts-empty{color:#c77dff80;letter-spacing:3px;text-align:center;margin-top:32px;font-family:Raleway,sans-serif;font-size:14px}.concerts-list{flex-direction:column;gap:8px;width:100%;max-width:800px;margin-top:48px;display:flex}.concert-row{background:#ffffff08;border:.5px solid #c77dff26;border-radius:10px;align-items:center;gap:24px;padding:16px 24px;transition:background .2s;display:flex}.concert-row:hover{background:#c77dff12}.concert-date{color:#f9c;min-width:130px;font-family:Black Ops One,sans-serif;font-size:14px}.concert-ville{color:#e8b4ff;letter-spacing:2px;text-transform:uppercase;flex:1;font-family:Raleway,sans-serif;font-size:14px}.concert-salle{color:#9b6dff;letter-spacing:1px;flex:1;font-family:Raleway,sans-serif;font-size:13px}.concert-links{gap:8px;display:flex}.concert-btn{color:#e8b4ff;letter-spacing:2px;border:1px solid #c77dff66;border-radius:20px;padding:6px 16px;font-family:Raleway,sans-serif;font-size:11px;text-decoration:none;transition:all .2s}.concert-btn:hover{background:#c77dff1a;border-color:#c77dff}.concert-btn-maps{color:#f9c;border-color:#ff99cc4d}@media (width<=768px){.concert-row{flex-direction:column;align-items:flex-start;gap:8px}.concert-date{min-width:auto}}.projets-section{background:#0a0618;flex-direction:column;align-items:center;min-height:100vh;padding:80px 24px;display:flex}.bio-block{text-align:center;width:100%;max-width:680px;margin-top:32px}.bio-text{color:#c8a8e8;letter-spacing:.5px;font-family:Raleway,sans-serif;font-size:15px;line-height:1.8}.separator{background:linear-gradient(90deg,#0000,#c77dff,#f9c,#c77dff,#0000);width:100%;max-width:680px;height:2px;margin:64px 0;animation:3s ease-in-out infinite pulse-line;position:relative}.separator:after{content:"✦";color:#f9c;background:#0a0618;padding:0 16px;font-size:14px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-line{0%,to{opacity:.3}50%{opacity:1}}.projet-block{width:100%;max-width:680px}.projet-subtitle{color:#f0e6ff;letter-spacing:3px;text-shadow:1px 1px #c77dff,2px 2px #3d0066;margin-bottom:12px;font-family:Black Ops One,sans-serif;font-size:28px}.projet-desc{color:#9b6dff;letter-spacing:2px;margin-bottom:24px;font-family:Raleway,sans-serif;font-size:13px}.projet-text{color:#c8a8e8;letter-spacing:.5px;margin-bottom:24px;font-family:Raleway,sans-serif;font-size:14px;line-height:1.7}.mini-player{background:#ffffff08;border:.5px solid #c77dff33;border-radius:10px;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.mini-play-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.mini-info{flex-direction:column;flex:1;gap:6px;display:flex}.mini-label{color:#e8b4ff;letter-spacing:1px;font-family:Raleway,sans-serif;font-size:12px}.mini-bar{background:#c77dff33;border-radius:2px;width:100%;height:2px;overflow:hidden}.mini-progress{background:#c77dff;height:100%;transition:width .3s linear}.tsarine-featured{align-items:flex-start;gap:24px;margin-bottom:40px;display:flex}.featured-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:160px;height:160px}.featured-info{flex:1}.featured-title{color:#e8b4ff;letter-spacing:2px;margin-bottom:4px;font-family:Raleway,sans-serif;font-size:16px}.featured-date{color:#9b6dff99;letter-spacing:1px;margin-bottom:12px;font-family:Raleway,sans-serif;font-size:11px}.tsarine-others{justify-content:center;gap:24px;display:flex}.single-card{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:200px;display:flex}.single-img-wrapper{cursor:pointer;border-radius:8px;width:100%;position:relative;overflow:hidden}.single-img{border-radius:8px;width:100%;transition:transform .2s;display:block}.single-img-wrapper:hover .single-img{transform:scale(1.03)}.single-img-wrapper:hover .cover-overlay{opacity:1}.single-title{color:#e8b4ff;letter-spacing:1px;text-align:center;font-family:Raleway,sans-serif;font-size:12px}.single-date{color:#9b6dff99;letter-spacing:1px;text-align:center;font-family:Raleway,sans-serif;font-size:10px}.cover-overlay{opacity:0;background:#1a0a2eb3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.cover-listen{letter-spacing:3px;color:#e8b4ff;font-family:Raleway,sans-serif;font-size:13px}.cover-links{flex-wrap:wrap;gap:6px;display:flex}.cover-link{letter-spacing:1px;border:1px solid;border-radius:20px;padding:4px 12px;font-family:Raleway,sans-serif;font-size:10px;text-decoration:none;transition:opacity .2s}.cover-link:hover{opacity:.7}.materiel-grid{gap:48px;margin-top:16px;display:flex}.materiel-category{flex-direction:column;gap:8px;display:flex}.materiel-cat-title{letter-spacing:4px;color:#f9c;text-transform:uppercase;margin-bottom:4px;font-family:Raleway,sans-serif;font-size:11px}.materiel-item{color:#c8a8e8;letter-spacing:1px;font-family:Raleway,sans-serif;font-size:13px}.track-btn-inner{border:1px solid #c77dff66;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.play-icon{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #f9c;width:0;height:0;margin-left:2px}.pause-icon{gap:3px;display:flex}.pause-bar{background:#f9c;border-radius:1px;width:3px;height:12px}@media (width<=768px){.tsarine-featured{flex-direction:column}.featured-img{width:100%;height:auto}.tsarine-others{flex-direction:column;align-items:center}.materiel-grid{flex-direction:column;gap:24px}}.contact-section{background:#0a0618;flex-direction:column;align-items:center;min-height:100vh;padding:80px 24px;display:flex}.contact-wrapper{gap:60px;width:100%;max-width:800px;margin-top:48px;display:flex}.socials-block{flex-direction:column;flex:1;gap:16px;display:flex}.social-link{background:#ffffff08;border:.5px solid #c77dff33;border-radius:10px;align-items:center;gap:16px;padding:14px 20px;text-decoration:none;transition:all .2s;display:flex}.social-link:hover{background:#c77dff14;border-color:#c77dff}.social-icon{color:#c77dff;flex-shrink:0;width:28px;height:28px}.social-icon svg{width:100%;height:100%}.social-info{flex-direction:column;gap:2px;display:flex}.social-name{color:#e8b4ff;letter-spacing:1px;font-family:Raleway,sans-serif;font-size:13px;font-weight:400}.social-handle{color:#9b6dff;letter-spacing:1px;font-family:Raleway,sans-serif;font-size:11px}.form-block{flex:1}.contact-form{flex-direction:column;gap:16px;display:flex}.form-row{width:100%}.form-input,.form-textarea{color:#e8b4ff;letter-spacing:1px;resize:none;background:#ffffff0a;border:.5px solid #c77dff40;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Raleway,sans-serif;font-size:13px;transition:border-color .2s}.form-input::placeholder,.form-textarea::placeholder{color:#c77dff66}.form-input:focus,.form-textarea:focus{border-color:#c77dff}.form-btn{color:#e8b4ff;letter-spacing:3px;cursor:pointer;text-transform:uppercase;background:#c77dff26;border:1px solid #c77dff66;border-radius:8px;padding:12px 32px;font-family:Raleway,sans-serif;font-size:13px;transition:all .2s}.form-btn:hover{color:#fff;background:#c77dff40;border-color:#c77dff}.form-success{color:#c77dff;letter-spacing:1px;font-family:Raleway,sans-serif;font-size:13px}.form-error{color:#f9c;letter-spacing:1px;font-family:Raleway,sans-serif;font-size:13px}@media (width<=768px){.contact-wrapper{flex-direction:column;gap:40px}}html,body{overflow-x:hidden;height:auto!important;overflow-y:auto!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#1a0a2e}.site{width:100%}.hero{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100vh;padding:48px 0;display:flex;position:relative}.canvas-wrapper{z-index:0;pointer-events:none;width:100%;height:100vh;position:absolute;top:0;left:0}.title-top{z-index:10;text-align:center;pointer-events:none;position:relative}.title-bottom{z-index:10;text-align:center;pointer-events:all;flex-direction:column;align-items:center;padding-bottom:16px;display:flex;position:relative}.main-title{color:#f0e6ff;letter-spacing:2px;text-shadow:2px 2px #c77dff,4px 4px #7b2fff,6px 6px #3d0066,-1px -1px #f9c;font-family:Black Ops One,sans-serif;font-size:clamp(60px,10vw,120px);line-height:.95}.sub-title{letter-spacing:8px;color:#f9c;font-family:Raleway,sans-serif;font-size:clamp(12px,2vw,18px);font-weight:300}.scroll-arrow{z-index:20;cursor:pointer;flex-direction:column;align-items:center;gap:4px;margin-top:24px;text-decoration:none;animation:2s infinite bounce;display:flex;position:relative}.arrow-line{border-bottom:2px solid #c77dff;border-right:2px solid #c77dff;width:12px;height:12px;display:block;transform:rotate(45deg)}.arrow-line:last-child{border-color:#c77dff66;margin-top:-6px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (width<=768px){.main-title{font-size:18vw}.title-bottom{padding-bottom:100px}}.main-title{opacity:0;animation:3s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(80px)}@keyframes slideUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.sub-title{opacity:0;animation:2s cubic-bezier(.16,1,.3,1) .2s forwards slideUp;transform:translateY(80px)}