:root{--primary-font: "Sansation", sans-serif;--secondary-font: "Kurale", serif;--paragraph-font: "Poppins", sans-serif;--primary-color: #2a4d69;--secondary-color: #d97b66;--accent-color: #0c615b;--bg-color: #f5efe6;--text-color: #333333;--border-color: #333333;--shadow: 0 0 5px #777;--back-wave: #d3c7b7;--middle-wave: #e4dacb;--sky: #bee4f0;--scroll-bg-light: #fdf6e3;--scroll-bg-dark: #fceabb;--scroll-shadow: #d1b27c;--timeline-fill: #0c615b;--light-invert: invert(100%);--dark-invert: invert(0%);--nomads-invert: invert(0%)}.dark{--primary-color: #386991;--secondary-color: #b95f11;--accent-color: #4ecdc4;--bg-color: #201a12;--text-color: #ffffff;--border-color: #ffffff;--shadow: 0 0 15px #000000;--back-wave: #50402a;--middle-wave: #382e1c;--sky: #1c2835;--scroll-bg-light: #8cbdc5;--scroll-bg-dark: #647f97;--scroll-shadow: #a3f3ff;--timeline-fill: #7fa0bd;--light-invert: invert(0%);--dark-invert: invert(100%);--nomads-invert: invert(39%) sepia(12%) saturate(2158%) hue-rotate(165deg) brightness(92%) contrast(86%)}*{padding:0;margin:0;list-style:none;text-decoration:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scrollbar-width:.6vw;scrollbar-color:var(--back-wave) #000}html::-webkit-scrollbar{width:.6vw}html::-webkit-scrollbar-track{background:#000}html::-webkit-scrollbar-thumb{background:#f9f4ed}body{font-family:var(--primary-font);background:var(--bg-color);color:var(--text-color);transition:.25s}#smooth-wrapper{overflow:hidden;height:100%}#smooth-content{will-change:transform}main{position:relative;z-index:10;background:var(--bg-color)}button{cursor:pointer;background:none;border:none}.subtitle{font-family:var(--secondary-font);text-align:center;text-transform:uppercase;font-size:4rem;color:var(--secondary-color);font-weight:600;letter-spacing:4px;line-height:2.8rem;margin:25px 0;display:flex;justify-content:center;align-items:center}.subtitle span{color:var(--text-color);padding:0 20px}.mode-toggle{position:absolute;top:30px;right:30px;width:60px;transition:.12s ease-in-out;z-index:99}.mode-toggle div{animation:rotate 20s linear infinite;position:relative}.mode-toggle img{width:100%;transition:.4s ease-in-out}.mode-toggle:hover{transform:scale(1.15)}.mode-toggle img.hide{transform:scale(0);opacity:.3;transition:.4s ease-in-out}.hero{position:relative;height:100vh;overflow:hidden;background:var(--sky);pointer-events:none;-webkit-user-select:none;user-select:none}.hero h2{font-size:8rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:var(--primary-color)}.hero-content{position:fixed;z-index:3;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:none;padding:10px}.hero-content h2{font-family:var(--primary-font);font-size:8rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:var(--primary-color)}.hero-content .infinite-scroll{width:950px;background:#0000004d;overflow:hidden;white-space:nowrap;position:relative;padding:15px;border:5px solid var(--secondary-color);border-radius:50px;margin:15px 0}.hero-content .infinite-scroll .scroll-track{display:inline-block;white-space:nowrap;will-change:transform;animation:scroll-left 20s linear infinite}.hero-content .infinite-scroll .scroll-item{display:inline-block;margin:0 2rem;font-size:1.2rem;letter-spacing:2px;font-weight:600;color:var(--text-color)}#scroll-down{animation:bounce 2s infinite;margin:50px 0;width:50px;pointer-events:all}#scroll-down img{width:50px;filter:var(--light-invert);transition:.25s ease-in-out}#scroll-down:hover img{transform:scale(1.3)}.waves{position:relative;bottom:0;width:100%;height:100%;isolation:isolate}.waves .back-wave,.waves .middle-wave,.waves .front-wave{position:absolute;width:100%;height:100%;transition:transform .1s ease-out;will-change:transform;pointer-events:none}.waves .wave-svg{width:100%;height:100%;display:block;pointer-events:none}.waves .back-wave{z-index:2;fill:var(--back-wave)}.waves #tsparticles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.waves .middle-wave{z-index:4;fill:var(--middle-wave)}.waves .front-wave{z-index:5;fill:var(--bg-color)}#about{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#about .about-container{display:grid;grid-template-columns:1fr 600px;justify-content:center;align-items:center;gap:35px;margin-top:50px;padding:10px;overflow:hidden}#about .about-container div{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#about .about-container div h3{color:var(--primary-color);font-family:var(--secondary-font);font-size:3rem;font-weight:600;margin-bottom:25px}#about .about-container div p{font-family:var(--paragraph-font);font-size:1.2rem;letter-spacing:.5px;line-height:2.3rem}#about .about-container .about-img{max-width:500px;overflow:hidden;animation:rotate 100s linear infinite}#about .about-container .about-img img{width:100%;max-width:100%;filter:var(--dark-invert)}.careers-section{padding:100px 10px;max-width:1200px;margin:0 auto}.career-description{display:flex;justify-content:center;align-items:center;margin-top:150px}.career-description div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 25px}.career-description div p{font-family:var(--paragraph-font);text-align:center;line-height:2rem;letter-spacing:.5px;font-size:1.1rem}.career-description div img{width:50px;margin-bottom:25px;filter:var(--dark-invert);animation:rotate 25s linear infinite}.nomad-knight{transition:none;min-width:450px;width:100%;margin:0 25px;aspect-ratio:1/1;filter:var(--nomads-invert)}.timeline-title{font-size:2.4rem;color:var(--primary-color);font-family:var(--secondary-font);text-align:center;margin:50px 0 120px}.timeline-container,.timeline{position:relative}.timeline-columns{display:flex;flex-direction:column;position:relative;gap:100px}.timeline-row{display:flex;justify-content:space-between;position:relative;align-items:center}.timeline-side{width:40%}.timeline-side.left{margin-left:50px}.timeline-center{width:10%;position:relative;display:flex;justify-content:center;align-items:center}.timeline-line{position:absolute;top:0;bottom:0;left:50%;width:10px;background-color:var(--secondary-color);transform:translate(-50%);z-index:0}.timeline-fill-container{position:absolute;top:0;left:50%;transform:translate(-50%);width:10px;height:100%;z-index:1;pointer-events:none}.timeline-fill{width:100%;height:0;background-color:var(--timeline-fill);transition:height .3s ease-out}.timeline-dot{width:25px;height:25px;border-radius:50%;background-color:var(--secondary-color);border:6px solid var(--secondary-color);z-index:3;transition:all .25s ease;margin-left:-50px}.timeline-card.active~.timeline-dot,.timeline-dot.active{background-color:var(--secondary-color);border-color:var(--timeline-fill);width:35px;height:35px}.timeline-card{display:flex;align-items:center;background:linear-gradient(to right,var(--scroll-bg-light),var(--scroll-bg-dark));padding:20px 35px;max-width:20px;height:190px;transform:scale(.95);transition:.6s ease-in-out;position:relative;box-shadow:inset 0 0 0 2px var(--scroll-shadow),0 8px 12px #00000026}.timeline-card-content{font-family:var(--secondary-font);display:flex;flex-direction:column;justify-content:center;align-items:start;text-align:start;max-width:0;overflow:hidden;opacity:0;height:200px;min-width:250px;padding-right:20px;transition:.4s ease-in}.timeline-card-content h3{color:var(--primary-color);font-size:1.5rem;font-weight:600}.timeline-card-content span{margin:10px 0;font-size:1rem;font-weight:600;text-transform:uppercase;color:#7a5f5f}.timeline-card-content p{font-size:1rem;font-size:1.1rem;color:#000}.timeline-card.active,.timeline-card.active .timeline-card-content{max-width:100%}.timeline-card.active .timeline-card-content{opacity:1;transition-delay:.2s}.timeline-card:before,.timeline-card:after{content:"";width:100px;height:280px;background-repeat:no-repeat;background-size:contain;position:absolute;top:-45px;z-index:2;filter:var(--dark-invert)}.timeline-card:before{left:-50px;background-image:url(/assets/scroll-CHKrCyvr.png)}.timeline-card:after{right:-50px;background-image:url(/assets/scroll-CHKrCyvr.png)}#projects{width:100%;max-width:1250px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}#projects .projects-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;margin-bottom:80px;padding:25px 10px}.project{background:var(--middle-wave);display:flex;justify-content:center;align-items:center;gap:30px;padding:30px;transition:all .3s ease;text-align:left;width:100%;position:relative}.project:nth-child(2n){flex-direction:row-reverse}.project:nth-child(2n):before{top:-5px;left:5px}.project.active,.project:nth-child(2n).active{box-shadow:var(--shadow);transform:translateY(-5px) scale(1.02);background:var(--back-wave)}.project.active img,.project:nth-child(2n).active img{filter:none}.project.active:before,.project:nth-child(2n).active:before{transform:translate(-20px)}.project:before{content:"";position:absolute;top:-5px;left:-5px;width:100%;height:100%;border:12px solid var(--primary-color);border-image:url(/assets/zellige-Dym6TOUd.jpg) 30 round;pointer-events:none;opacity:.3;transition:.4s ease-in-out}.project img{max-width:550px;width:100%;border-radius:12px;object-fit:cover;filter:saturate(0%);transition:filter .3s ease}.project .modal-details{display:flex;flex-direction:column;justify-content:start;color:var(--text-color);padding:10px 0}.project .modal-details h3{font-size:2rem;text-transform:uppercase;letter-spacing:2px;color:var(--primary-color);margin-bottom:15px}.project .modal-details h4{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;margin:15px 0 5px;color:var(--primary-color)}.project .modal-details p{font-family:var(--paragraph-font);font-size:1.05rem;letter-spacing:.5px;line-height:1.75rem}.project .modal-details .project-stack{display:flex;justify-content:center;align-items:center;justify-content:start;flex-wrap:wrap}.project .modal-details .project-stack li,.project .modal-details .project-stack span{font-size:.8rem;font-weight:600;text-transform:uppercase;margin-right:10px;margin-bottom:5px;display:flex;align-items:center;color:var(--accent-color)}.project .modal-details .project-links{display:flex;justify-content:center;align-items:center;justify-content:start;flex-wrap:wrap;margin-top:10px}.project .modal-details .project-links a{display:flex;justify-content:center;align-items:center;padding:6px 12px;border-radius:5px;background:var(--accent-color);color:var(--bg-color);margin-right:10px;margin-bottom:5px;font-size:.9rem;transition:background-color .3s ease}.project .modal-details .project-links a img{width:22px;margin-right:8px;filter:var(--dark-invert)}.project .modal-details .project-links a:hover{opacity:.85}#contact{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-grid{display:flex;justify-content:center;align-items:center;margin:50px auto;max-width:100%;width:100%}form{width:450px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--secondary-color);padding:25px;border-radius:25px}form label{color:#fff;letter-spacing:2px;text-transform:uppercase;font-size:1rem;font-weight:600;margin:25px 0 10px}form input,form textarea{min-width:100%;max-width:100%;background:var(--middle-wave);color:var(--text-color);border:none;border:1px solid transparent;border-radius:10px;font-family:var(--secondary-font);font-size:1rem;padding:10px}form input:focus,form textarea:focus{outline:none}form button{position:relative;background:#000;text-align:center;line-height:50px;letter-spacing:2px;font-weight:600;color:#fff;font-size:20px;font-family:var(--secondary-font);z-index:3;margin-top:25px;padding:0 15px}form button:before,form button:after,form span:before,form span:after{content:"";position:absolute;width:10px;height:10px;background:#e4dacb;transition:1s;mix-blend-mode:hue}form button:before{top:-3px;left:-3px}form button:after{top:-3px;right:-3px}form span:before{bottom:-3px;left:-3px}form span:after{bottom:-3px;right:-3px}form button:hover:before,form button:hover:after,form button:hover span:before,form button:hover span:after{width:87.5px;height:22.5px}.contact-info{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:0 50px;max-width:540px;width:100%}.contact-info h3{font-family:var(--secondary-font);color:var(--primary-color);font-size:2.5rem;line-height:2.8rem}.contact-info h4{font-family:var(--secondary-font);color:var(--secondary-color);font-size:2rem}.contact-info p{font-family:var(--paragraph-font);font-size:.95rem;letter-spacing:.5px;line-height:1.8rem;margin:15px 0}.contact-info div{display:flex;justify-content:center;align-items:center;margin:15px 0;overflow:hidden}.link-circle{display:flex;justify-content:center;align-items:center;background-image:url(/assets/circle-nTC_qs4_.svg);background-size:cover;background-position:center;width:125px;height:125px;margin:0 15px;animation:rotate 25s infinite linear;filter:var(--dark-invert)}.link-circle:nth-child(2n){animation:rotate-inverse 25s infinite linear}.link-circle:nth-child(2n) img{animation:rotate 25s infinite linear}.link-circle img{width:45px;animation:rotate-inverse 25s infinite linear}.link-circle:hover,.link-circle:hover img{animation-duration:3s}#email-link{font-size:1.2rem;letter-spacing:1px;font-weight:600;color:var(--text-color);margin:15px 0;display:flex;justify-content:center;align-items:center}#email-link img{width:30px;margin-right:5px;filter:var(--dark-invert)}.contact-thankyou{background:var(--secondary-color);color:#fff;padding:25px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:35px 0}.contact-thankyou h4{font-size:1.75rem;color:var(--accent-color);margin-bottom:10px}.contact-thankyou p{color:var(--text-color)}footer{position:relative;width:100%;text-align:center;background:#000;padding:35px 0;transition:none}footer span{text-align:center;color:#fff;letter-spacing:2px}.footer-nomads{overflow:hidden;height:200px;filter:var(--nomads-invert)}.footer-nomads .nomads-wrapper{display:flex;width:200%;animation:scroll-left 40s linear infinite}.footer-nomads .nomad{width:100vw;height:200px;flex-shrink:0}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.nomads_image{width:100%;height:200px;position:relative}.nomads_image canvas,.nomads_image svg{position:absolute;bottom:-38px;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom}footer .lang-toggle{margin-left:1rem;background:none;border:1px solid #888;padding:.3rem .7rem;border-radius:5px;color:#888;cursor:pointer;transition:all .3s ease}footer .lang-toggle:hover{background-color:#333;color:#fff;border-color:#fff}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50.4%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-inverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes fadeIn{to{opacity:1}}@keyframes scaleUp{to{transform:scale(1);opacity:1}}@media screen and (max-width: 1300px){#projects .projects-container,.careers-section{overflow:hidden}.timeline-row{flex-direction:column;align-items:flex-start}.timeline-side,.timeline-center{width:100%;text-align:left}.timeline-side.left,.timeline-side.right{max-width:100%;text-align:left;padding-left:120px;margin:0}.timeline-center{justify-content:flex-start;margin:10px 0}.timeline-line,.timeline-fill-container{left:20px;transform:none}.timeline-dot{width:35px;height:35px;left:0;margin-left:7px}.timeline-card{margin-bottom:40px;width:100%}}@media screen and (max-width: 1024px){.hero h2{font-size:6.5rem}.infinite-scroll{width:100%!important;max-width:100%;border-width:4px;padding:12px}.infinite-scroll .scroll-track{animation:scroll-left 10s linear infinite}.infinite-scroll .scroll-item{font-size:.9rem!important;margin:0 1.4rem!important}#about .about-container{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;margin:20px 0}#about .about-container div{width:100%;align-items:center;text-align:center}#about .about-container div h3{font-size:2.3rem;margin-bottom:10px}#about .about-container .about-img{width:100%;max-width:500px}.careers-section{padding:0 10px}.career-description{flex-direction:column-reverse;margin-top:80px}.career-description div{max-width:600px;margin:50px 0 0}.career-description div p{text-align:center;line-height:2rem;font-size:1.2rem}.career-description div img{width:50px;margin-bottom:25px;filter:var(--dark-invert);animation:rotate 25s linear infinite}#projects{max-width:100%}#projects .projects-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:100%;margin:0;gap:0;overflow:visible}#projects .projects-container .project,#projects .projects-container .project:nth-child(2n){width:100%;max-width:700px;flex-direction:column;text-align:center;padding:10px;margin:20px auto;gap:10px}#projects .projects-container .project img,#projects .projects-container .project:nth-child(2n) img{width:100%;max-width:100%;margin:0;filter:none}#projects .projects-container .project h4,#projects .projects-container .project:nth-child(2n) h4{font-size:1.2rem}#projects .projects-container .project .project-stack,#projects .projects-container .project:nth-child(2n) .project-stack{justify-content:center}#projects .projects-container .project .project-links,#projects .projects-container .project:nth-child(2n) .project-links{display:flex;justify-content:center;align-items:center}#projects .projects-container .project .project-links a img,#projects .projects-container .project:nth-child(2n) .project-links a img{width:22px;margin-right:8px;filter:var(--dark-invert)}.contact-grid{flex-direction:column-reverse;margin:0}form{margin-bottom:50px}}@media screen and (max-width: 768px){.subtitle{font-size:2rem}.subtitle span{padding:5px}#about .about-container div h3{font-size:1.8rem}#about .about-container div p{font-size:1rem;line-height:1.9rem}.mode-toggle{top:20px;right:20px;width:50px}.hero h2{font-size:15vw}.timeline-title{font-size:1.75rem;margin:30px 0 100px}.career-description div p{font-size:1.1rem;line-height:1.9rem}.project:before{display:none}#projects{gap:0;margin-top:50px}#projects .projects-container .project{background:var(--back-wave);border-radius:10px;margin:0}#projects .projects-container .project h3{font-size:1.5rem;margin-bottom:15px}.contact-grid{padding:10px}#contact form{width:100%;max-width:450px}#contact .link-circle{width:80px;height:80px;margin:15px}#contact .link-circle img{width:30px}.nomads_image{min-width:300%}}@media (max-width: 600px){.modal-content{flex-direction:column;padding:15px}.modal-media,.modal-details{margin-right:0;min-width:100%}.timeline-card-content{min-width:100%}.timeline-side.left,.timeline-side.right{padding-left:100px}.timeline-card{padding-left:15px;min-width:85px}.timeline-card-content h3{font-size:1.3rem;line-height:1.5rem}.timeline-card-content span{font-size:.9rem;margin:5px 0}.timeline-card-content p{font-size:1.05rem}.nomad-knight{min-width:100%}.contact-info h3{font-size:2.2rem}}