:root{font-family:cofo-sans-variable,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit;cursor:pointer}html,body{margin:0;padding:0;overscroll-behavior:none}body{display:block;background-color:#fbfbfb;font-family:cofo-sans-variable,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;margin:0}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}#root{margin:0 auto;padding-top:2rem;text-align:center;padding-bottom:0}body{background-color:#fbfbfb}.card{padding:2em}h1,h2{color:#c74038;font-size:4rem;letter-spacing:-.06em}.gradient-mask{position:fixed;top:0;margin-top:7rem;left:0;width:100%;height:5rem;pointer-events:none;background:linear-gradient(to bottom,#fbfbfb,#fbfbfb00);z-index:999}button:focus{outline:none}button:focus-visible{outline:2px solid #c74038;border-radius:4px}@media (max-width: 1024px){h1,h2{font-size:3.5rem}}@media (max-width: 768px){h1,h2{font-size:3rem}}@media (max-width: 480px){h1,h2{font-size:2.7rem;letter-spacing:-.05em;padding:2rem}}header{top:0;width:100%;position:fixed;margin:0 auto;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:#fbfbfb;height:7rem}.logo{height:64px;width:auto}nav{font-size:1.2rem;font-weight:500;width:80vw;display:flex;justify-content:space-between;align-items:center}.left-nav{display:flex;align-items:center}.left-nav a{display:flex;align-items:center;margin-left:1rem}nav a{color:#c74038;text-decoration:none}nav span{color:#c74038;text-decoration:none}nav a:hover{text-decoration:underline}.icon-download{color:#c74038;font-size:24px;margin-right:8px;transition:color .3s ease}.right-nav{cursor:pointer}.right-nav:hover{text-decoration:underline;color:#c74038}@media (max-width: 1024px){.logo{height:56px;width:auto}.icon-download{font-size:20px}}@media (max-width: 768px){nav{font-size:1.1rem;font-weight:500;width:85vw}.logo{height:48px;width:auto}.icon-download{font-size:16px}}@media (max-width: 580px){.right-nav span{display:none}.icon-download{font-size:20px;margin-bottom:3px}}@media (max-width: 480px){.left-nav a{display:none}.right-nav,.right-nav span{display:flex}nav{font-size:1.2rem;width:85vw}.logo{height:52px;width:auto}.icon-download{font-size:20px;margin-bottom:3px}}.about{margin-top:-3rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.icon-rectangle:hover{cursor:pointer}.rectangleAbout{margin-top:-3rem;height:.8vh;width:50vw;border-radius:.4rem;background-color:#c74038;transform-origin:center center;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.about h1{transform-origin:center center}.rectangleTitle{height:5rem}.about h3,h4{color:#fbfbfb;transform-origin:center center}.about h3{font-size:1.5rem}.about h4{margin-top:-1.5rem;font-size:1rem;font-weight:500;opacity:.7}.topRectangle{height:6rem;display:flex;justify-content:center;align-items:center}.about .mask{position:fixed;left:0;width:100%;height:3rem;pointer-events:none;z-index:999}.line{color:#000}.about .gradient-mask-top{position:fixed;top:0;margin-top:5.8rem;background:linear-gradient(to bottom,#c74038,#c73f3800)}.about .gradient-mask-bot{position:fixed;bottom:0;margin-bottom:6rem;background:linear-gradient(to bottom,#c73f3800,#c74038)}.lyricsRectangle{font-weight:700;font-size:1.6rem;padding:1.5rem;overflow-y:hidden;max-height:calc(100% - 15rem);text-align:left;pointer-events:none;scrollbar-width:none;white-space:normal;word-wrap:break-word}.lyricsRectangle p{text-align:justify}.lyricsRectangle::-webkit-scrollbar{display:none}.botRectangle{height:6rem}.btnsRectangle{margin-top:.8rem;display:flex;justify-content:space-between;align-items:center}.icon-rectangle{display:flex;align-items:center;justify-content:center;padding:.8rem;color:#fff;background-color:none;border-radius:50%;width:1.5rem;height:1.5rem}.icon-play{background-color:#fbfbfb}@media (max-width: 1024px){.rectangleAbout{height:.5vh;width:55vw}.rectangleTitle{height:2rem}.about h3{font-size:1.3rem}.about h4{margin-top:-1.5rem;font-size:1rem;font-weight:500;opacity:.7}.topRectangle{height:5rem;margin-bottom:-1rem}.about .gradient-mask-top{margin-top:4.8rem}.about .gradient-mask-bot{margin-bottom:6.1rem}.lyricsRectangle{font-size:1.3rem;padding:1.3rem;max-height:calc(100% - 15rem)}.botRectangle{height:5rem;margin-top:-1rem}.icon-rectangle{padding:.6rem;width:1.5rem;height:1.5rem;margin:0 .2rem}}@media (max-width: 768px){.rectangleAbout{height:.5vh;width:75vw}.about h3{font-size:1.2rem}.about h4{margin-top:-1.3rem;font-size:.9rem}.topRectangle{height:5rem}.about .gradient-mask-top{margin-top:5rem}.about .gradient-mask-bot{margin-bottom:5.2rem}.lyricsRectangle{font-size:1.2rem;padding:1.2rem;max-height:calc(100% - 13rem)}.botRectangle{height:5rem}}@media (max-width: 480px){.rectangleAbout{height:.6vh;width:85vw}.about h3{font-size:1.2rem}.about h4{margin-top:-1.3rem;font-size:.9rem}.topRectangle{height:5rem}.about .gradient-mask-top{margin-top:5rem}.about .gradient-mask-bot{margin-bottom:5.2rem}.lyricsRectangle{font-size:1.2rem;padding:1.2rem;max-height:calc(100% - 13rem)}.botRectangle{height:5rem}}.skills{margin-top:-80vh;position:relative;display:flex;flex-direction:column;align-items:center}.skills h2{margin-top:0}img{width:10vw;height:10vw;margin-right:1rem}.playlistTop{display:flex;justify-content:space-between;height:10vw}.playlistLeft{display:flex}.playlistRight{height:10vw;display:flex;align-items:flex-end}.playlistRight svg{transition:.3s ease;opacity:.7}.playlistRight .rotated{transform:rotate(90deg);transition:all .5s ease}.playlistInfos{height:10vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.playlistInfos h3{margin:0rem;font-size:1.8rem;color:#c73f38;font-weight:500;letter-spacing:-.03em}.playlistInfos h4{margin:0rem;font-size:1.5rem;color:#c73f38;opacity:.7;font-weight:400;letter-spacing:-.03em}.playlist{position:relative;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;width:50vw;background-color:#fff0f0;margin-bottom:1rem;cursor:pointer;transition:all ease .2s;height:10vw;overflow:hidden;transform-origin:center top}.playlist:hover{background-color:#ffe7e7;width:51vw}.playlist:hover .firstRowVinyles,.playlist:hover .secondRowVinyles{width:52vw}.play-button{width:2.4rem!important;height:2.4rem!important;color:#fff0f0;background:#c73f38;padding:.4rem;border-radius:50%;transition:transform .3s ease}.playlistInfos h5{display:none}@media (max-width: 1024px){.skills{margin-top:-90vh}img{width:11vw;height:11vw;margin-right:1rem}.playlistTop{display:flex;height:11vw}.playlistLeft{display:flex}.playlistRight{height:11vw;display:flex;align-items:flex-end}.playlistInfos{height:11vw}.playlistInfos h3{font-size:1.5rem}.playlistInfos h4{font-size:1.3rem}.playlist{width:55vw;height:11vw}.playlist:hover,.playlist:hover .firstRowVinyles,.playlist:hover .secondRowVinyles{width:57vw}.play-button{width:2rem!important;height:2rem!important}}@media (max-width: 768px){.skills{margin-top:-95vh}img{width:15vw;height:15vw;margin-right:1rem}.playlistTop{display:flex;height:15vw}.playlistLeft{display:flex}.playlistRight{height:15vw;display:flex;align-items:flex-end}.playlistInfos{height:15vw}.playlistInfos h3{font-size:1.4rem}.playlistInfos h4{font-size:1.2rem}.playlist{width:78vw;height:15vw}.playlist:hover,.playlist:hover .firstRowVinyles,.playlist:hover .secondRowVinyles{width:80vw}.play-button{width:1.7rem!important;height:1.7rem!important}}@media (max-width: 480px){.skills{margin-top:-95vh}img{width:20vw;height:20vw;margin-right:1rem}.playlistTop{display:flex;height:20vw}.playlistLeft{display:flex}.playlistRight{height:20vw;display:flex;align-items:flex-end}.playlistInfos{height:20vw}.playlistInfos h3{font-size:1.1rem}.playlistInfos h4{display:none}.playlistInfos h5{display:block;margin:0rem;font-size:1rem;color:#c73f38;opacity:.7;font-weight:400;letter-spacing:-.03em}.playlist{width:80vw;height:20vw}.playlist:hover,.playlist:hover .firstRowVinyles,.playlist:hover .secondRowVinyles{width:82vw}.play-button{width:1.2rem!important;height:1.2rem!important}}.firstRowVinyles{width:50vw;display:flex;justify-content:space-between;align-items:center;margin-bottom:-1rem;transition:all ease .3s}.vinyles{position:absolute;margin-top:11vw;margin-bottom:1rem}.vinyle,.cd{margin-top:1rem;margin-bottom:0rem;margin-left:.8rem;z-index:3;width:9vw;height:9vw;object-fit:contain;transition:.3s ease}.vinyle,.cd{animation:spinPause 20s ease-in-out infinite}@keyframes spinPause{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cd{width:10.5vw;height:10.5vw;margin:-.1rem .2rem -1rem .5rem;transition:.3s ease}.vinyleCard,.cdCard{color:#000;font-size:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s ease}.cdCard{transition:.3s ease}.vinyleCard h3,.cdCard h3{font-weight:500}@media (max-width: 1024px){.firstRowVinyles{width:55vw;display:flex;justify-content:space-between;align-items:center;margin-bottom:-1rem;transition:all ease .3s}.vinyles{margin-top:12vw;margin-bottom:1rem}.vinyle,.cd{margin-top:1rem;margin-left:.8rem;z-index:3;width:11vw;height:11vw}.cd{width:11.5vw;height:11.5vw;margin:.2rem .2rem -1rem .5rem}}@media (max-width: 768px){.firstRowVinyles{width:78vw;display:flex;justify-content:space-between;align-items:center;margin-bottom:-1rem;transition:all ease .3s}.vinyles{margin-top:16vw;margin-bottom:1rem}.vinyle,.cd{margin-top:1rem;margin-left:.8rem;z-index:3;width:12vw;height:12vw}.vinyleCard,.cdCard{font-size:.9rem}.cd{width:13vw;height:13vw;margin:.4rem .2rem -1rem .5rem}}@media (max-width: 480px){.firstRowVinyles{width:80vw;display:flex;justify-content:space-between;align-items:center;margin-bottom:-1rem;transition:all ease .3s}.vinyles{margin-top:23vw;margin-bottom:1rem}.vinyle,.cd{margin-top:1rem;z-index:3;width:20vw;height:20vw}.vinyleSql,.cdPhotoshop{display:none}.vinyleCard,.cdCard{font-size:.8rem}.cd{width:22vw;height:22vw;margin:.4rem .2rem -1rem .5rem}}.projects{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.projects h2{opacity:0;transform:translateY(75px);transition:all .5s ease}.trigger{height:.5rem;width:100%;position:relative}.projects h2.in-view{opacity:1;transform:translateY(0)}.slides{scroll-snap-type:x mandatory;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:mandatory;display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;width:100%;height:100%;padding:0;height:calc(70% + 4vw);-ms-overflow-style:none;scrollbar-width:none}.slides::-webkit-scrollbar{display:none}.slide{position:relative;flex:0 0 60%;height:auto;scroll-snap-align:center;margin:0 1rem;background-color:#fff0f0;border-radius:2rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:.3s ease}.slide1{margin-left:20%}.slide1-wavee{width:5rem;height:auto}.slide5{flex:0 0 20%;scroll-snap-align:none}.slide p{margin:0rem;font-size:1.8rem;color:#c73f38;font-weight:500;letter-spacing:-.03em}.slide h3{margin:0rem;font-size:2.5rem;color:#c73f38;font-weight:500;letter-spacing:-.05em}.slide a{margin-top:1rem;text-decoration:none;text-decoration:underline;color:#c73f38;font-size:1.5rem;font-weight:500;letter-spacing:-.03em;transition:.3s ease}.slideTop{width:100%;display:flex;flex-direction:column;align-items:flex-start;z-index:10;padding:2vw;align-self:self-start;opacity:0;transform:translate(90px);transition:all .4s ease}.slideTop.in-view{opacity:1;transform:translate(0)}.slideTop p{text-align:left}.slideTop3,.slideTop4{width:60%}.logos{margin-top:1rem}.logosImg{height:6rem;width:6rem;border-radius:1.7rem;box-shadow:0 0 10px #0000001a}.slide3Img{height:5rem;width:auto;border-radius:1.4rem;box-shadow:0 0 10px #0000001a}.slideBottom{margin-top:3rem;width:100%;display:flex}.backgroundImg{max-width:100%;max-height:100%;background-repeat:no-repeat;position:absolute}.backgroundImgContainer2{position:absolute;width:67%;height:100%;background-image:url(/images/wavee/image2.png);background-size:contain;background-position:center bottom;background-repeat:no-repeat;bottom:6%}.backgroundImgContainer1{width:70%;height:70%;background-image:url(/images/wavee/image1.png);background-size:contain;background-position:center;top:30%}.backgroundImgContainer4{height:100%;width:100%;background-image:url(/images/wavee/image3.png);background-size:contain;background-position:center right;right:-5%;align-self:flex-end}@media (max-width: 1280px){.projects{width:100vw;height:60vw;max-height:105vh}.slides{width:100%;height:100%;height:60vw;max-height:105vh}.slide{flex:0 0 70%;height:100%}.slide1{margin-left:15%}.slide5{flex:0 0 15%}.slide p{font-size:1.6rem}.slide h3{font-size:2.1rem}.slide a{margin-top:1rem;font-size:1.3rem}.logos{margin-top:1rem}.logosImg{height:5rem;width:5rem;border-radius:1.3rem}.slide3Img{height:4rem;width:auto;border-radius:1.1rem}.slideTop{padding:2.5vw}.slideBottom{margin-top:1.5rem;width:100%;display:flex}.backgroundImgContainer4{height:100%;width:100%;background-image:url(/images/wavee/image3.png);background-size:contain;background-position:center right;right:-5%;align-self:flex-end}}@media (max-width: 1024px){.projects{width:100vw;height:75vw;max-height:105vh}.slides{width:100%;height:100%;height:70vw;max-height:105vh}.slide{flex:0 0 70%;height:100%}.slide1{margin-left:15%}.slide5{flex:0 0 15%}.slide p{font-size:1.4rem}.slide a{margin-top:1rem;font-size:1.2rem}.slide h3{font-size:1.8rem}.logos{margin-top:1rem}.logosImg{height:5rem;width:5rem;border-radius:1.3rem}.slide3Img{height:4rem;width:auto;border-radius:1.1rem}.slideTop{padding:3vw}.slideTop2 br{display:none}.slideTop2{width:90%}.slideBottom{margin-top:1.5rem;width:100%;display:flex}.backgroundImgContainer1{width:85%;height:65%;background-image:url(/images/wavee/image1.png);top:30%}}@media (max-width: 768px){.projects{width:100vw;height:90vw;max-height:105vh}.slides{width:100%;height:100%;height:85vw;max-height:105vh}.slide{flex:0 0 85%;height:100%;border-radius:1.5rem}.slide1{margin-left:10%}.slide5{flex:0 0 10%}.slide p{font-size:1.2rem}.slide a{margin-top:1rem;font-size:1rem}.slide h3{font-size:1.7rem}.logos{margin-top:1rem}.logosImg{height:4.5rem;width:4.5rem;border-radius:1.2rem}.slide3Img{height:4rem;width:auto;border-radius:1.1rem}.slideTop{padding:3.5vw}.slideTop2{width:90%}.backgroundImgContainer2{width:100%;height:80%;background-image:url(/images/wavee/image2.png)}.backgroundImgContainer4{height:100%;width:100%;background-image:url(/images/wavee/image3.png);background-size:contain;background-position:center right;right:-5%;align-self:flex-end}}@media (max-width: 500px){.projects{margin-top:-10vh;width:100vw;height:160vw}.slides{width:100%;height:100%;height:160vw}.slide{flex:0 0 90%;height:100%;border-radius:1.5rem}.slide1{margin-left:5%}.slide5{flex:0 0 5%}.slide p{font-size:1.2rem}.slide a{margin-top:1rem;font-size:1rem}.slide h3{font-size:1.7rem}.logosImg{height:4rem;width:4rem;border-radius:1.1rem}.slide3Img{height:3.5rem;width:auto;border-radius:1rem}.slideTop{padding:6vw;width:90%;transform:translate(35px);transition:all .4s ease}.backgroundImgContainer2{width:100%;height:60%;background-size:cover;background-image:url(/images/wavee/image2.png)}.backgroundImgContainer1{width:90%;height:75%;background-image:url(/images/wavee/image1.png);top:30%}.backgroundImgContainer4{height:100%;width:100%;background-image:url(/images/wavee/image3.png);background-size:contain;background-position:center right;right:-5%;align-self:flex-end}}.boutonsSection{position:fixed;bottom:3rem;display:flex;justify-content:space-around;width:8rem;left:calc(50% - 4rem);background:#9d9b9b62;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10rem;padding:.5rem;height:3rem;opacity:0;pointer-events:none;transition:.2s ease;z-index:100}.btns-in-view{opacity:1;pointer-events:auto}.boutonsSection button{display:flex;height:3rem;width:3rem;color:#fff;background:none;border-radius:50%;justify-content:center;align-items:center}.back-arrow{padding-left:.7rem}.boutonsSection button:hover{background:#fff3}.input-container{position:relative;width:35vw}input,textarea{width:calc(100% - 1.6rem);padding:.8rem;border:.1rem solid #c74038;font-size:1rem;outline:none;resize:vertical;background-color:#fbfbfb;color:#000;margin-bottom:2rem}label{position:absolute;left:.8rem;top:.8rem;background:#fbfbfb;padding:0 5px;color:#c74038;font-size:1rem;transition:all .3s ease;pointer-events:none}input:focus+label,input:not(:placeholder-shown)+label,textarea:focus+label,textarea:not(:placeholder-shown)+label,.focused{top:0;transform:translateY(-100%);font-size:.8rem;color:#c74038}@media (max-width: 1024px){.input-container{width:55vw}}@media (max-width: 768px){.input-container{width:65vw}}@media (max-width: 480px){.input-container{width:80vw}}.form-message{margin-top:30vh;display:flex;justify-content:center;align-items:center;align-self:center;width:35vw}.form-message-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:#fff0f0;padding:2rem;width:35vw;opacity:0;transform:translateY(100px);transition:.6s ease}.form-message-content.visible{opacity:1;transform:translateY(0)}.form-message-content h3{font-weight:600;color:#c73f38;font-size:2.5rem;margin:0}.form-message-content p{font-weight:500;color:#c73f38;font-size:1.4rem;margin:0}.form-message-content button{margin-top:2rem;background-color:#c73f38;color:#fff;border-radius:0}.form-message-content button:hover{filter:brightness(110%)}@media (max-width: 1024px){.form-message{margin-top:30vh;width:55vw}.form-message-content{width:55vw}}@media (max-width: 768px){.form-message{margin-top:30vh;width:65vw}.form-message-content{padding:1.5rem;width:65vw}.form-message-content h3{font-size:2rem}.form-message-content p{font-size:1.2rem}}@media (max-width: 480px){.form-message{margin-top:30vh;width:80vw}.form-message-content{padding:1.2rem;width:80vw}.form-message-content h3{font-size:1.8rem}.form-message-content p{font-size:1rem}}.contact{margin-top:7vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(150px) scale(.9);transition:.3s ease-out}.contact.in-view{opacity:1;transform:translateY(0) scale(1)}.contact form{display:flex;flex-direction:column;align-items:flex-start}.sendButton{color:#fbfbfb;background-color:#c74038;border-radius:0;height:auto;margin:0;margin-top:-.5rem}.sendButton:hover{filter:brightness(110%)}@media (max-width: 1024px){.contact{margin-top:3vh}}@media (max-width: 768px){.contact{margin-top:5vh}}footer{margin-top:10vw;display:flex;justify-content:center;align-items:center;height:8rem}.footer-links{height:100%;display:flex;width:19.8rem;justify-content:space-between;align-items:center;padding:0}.footer-links img{width:3rem;height:3rem}li{width:3rem;height:3rem;list-style:none;padding:.6rem;background-color:#c74038;border-radius:30%;display:flex;align-items:flex-start;justify-content:flex-start;transition:transform .2s ease;will-change:transform,filter}li:hover{filter:brightness(110%);transition:filter 0s ease}@media (max-width: 1024px){footer{margin-top:15vw}.footer-links{width:17.8rem}.footer-links img{width:2.5rem;height:2.5rem}li{width:2.5rem;height:2.5rem;padding:.6rem}}@media (max-width: 768px){.footer-links{width:16.6rem}.footer-links img{width:2.2rem;height:2.2rem}li{width:2.2rem;height:2.2rem;padding:.6rem}}@media (max-width: 480px){footer{margin-top:20vw}.footer-links{width:15.8rem}.footer-links img{width:2rem;height:2rem}li{width:2rem;height:2rem;padding:.6rem}}