:root{--transition-1:.35s ease-in-out;--transition-2:.45s;--darkbody-bg:#10171e;--bg-gray-smooth:#e7e8e9;--bg-color:#0c0e27;--absolute-color:linear-gradient(90deg, $dark-color 0%, #0d0f27 50%, #2a042e 100%);--primary-color-gradient:linear-gradient(90deg, #05071099 0%, #0d0f27cc 50%, #2a042ee6 100%);--primary-radial:radial-gradient(ellipse at bottom, #05071099 0%, #0d0f27cc 50%, #2a042ee6 100%);--red-gradient:linear-gradient(270deg, #9f1d6e 0%, #d5317e 65.26%);--bg-secondary:#303030;--raw-seinna:#e38445;--radius-12:12px;--shadow-1:10px 10px 40px var(--card-shadow);--section-padding:80px;--sizzling-sunrise:#f9d81a;--scarlet:#eb3705;--black:#000;--white:#fff;--ff-saira-stencil-one:"Saira Stencil One", sans-serif;--ff-poppins:var(--font-ibm-plex), "IBM Plex Sans", sans-serif;--ff-roboto:"Roboto", sans-serif;--fs-1:2.25rem;--fs-2:calc(2rem + 1vw);--fs-3:calc(1.5rem + 1vw);--fs-4:1.5rem;--fs-5:1.1rem;--fs-6:.9rem;--fs-7:.8rem;--fw-400:400;--fw-700:700;--bg-primary:#1f1f1f;--color-primary:#fff;--color-secondary:#9e9e9e;--card-shadow:#0006;--input-bg:#292929;--radius-4:4px}.skeleton-loader{background-color:#d3d3d3;background-image:linear-gradient(90deg,#fff0,#ffffff80 50%,#fff0 80%),none;background-position:0 0;background-repeat:repeat-y;background-size:50px 200px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.skeleton-loader:empty{background-color:#d3d3d3;background-image:linear-gradient(90deg,#fff0,#ffffff80 50%,#fff0 80%),none;background-position:0 0;background-repeat:repeat-y;background-size:50px 500px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:15px;animation:1s infinite shine;display:block}.fade-opacity{animation:fadeIn var(--transition-1) forwards}.fadeUp{animation:fadeUp var(--transition-1) forwards}.fadeRight{animation:fadeRight var(--transition-1) forwards}.fadeDown{animation:fadeDown var(--transition-1) forwards}.fadeLeft{animation:fadeRight var(--transition-1) forwards}@keyframes gradientLoading{to{background-position-x:-200%}}@keyframes Fadeskeleton{0%{background-color:#c2cfd6}to{background-color:#f0f3f5;background-position-x:-200%}}@keyframes shine{to{background-position:100% 0,0 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeWidth{0%{opacity:0;height:0}to{opacity:1;height:100%}}@keyframes fadeUp{0%{opacity:0;transform:scale(.95)translateY(-30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:scale(.95)translateY(50px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeLeft{0%{opacity:0;left:-4px}to{opacity:1;left:0}}@keyframes fadeRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes toggleNav{0%{opacity:0;top:100%}to{opacity:1;top:0}}.fade-it{animation:Fade var(--transition-1) ease forwards!important}@keyframes Fade{0%{opacity:0}to{opacity:1}}@keyframes FadeReverse{0%{opacity:1}to{opacity:0}}@keyframes toggleHide{0%{opacity:1;height:100%;display:block}to{opacity:0;height:0;display:none}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #000000b3}70%{transform:scale(1);box-shadow:0 0 0 10px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.fade-in-down{animation:2s infinite fade-in-down}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fadeInLeft{animation:fade-in-left var(--transition-1) ease forwards}.fadeInRight{animation:fade-in-right var(--transition-2) ease forwards}.fade-in-left{animation:2s infinite fade-in-left}@keyframes fade-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-out-down{animation:2s infinite fade-out-down}@keyframes fade-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.fade-out-right{animation:2s infinite fade-out-right}@keyframes fade-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes animateParticule{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particules{}@keyframes colorChange{0%{filter:hue-rotate()}to{filter:hue-rotate(30deg)}}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move-reverse{0%{transform:rotate3d(1,2,-1,180deg)}}@keyframes move{to{transform:translateZ(-1000px)}}@keyframes animate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.projects-accordion{max-width:1400px;margin:0 auto;padding:4rem 1.5rem}.projects-accordion__header{text-align:center;margin-bottom:3rem}.projects-accordion__title{color:#fffdfd;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.projects-accordion__subtitle{color:#fffdfd80;font-size:1rem}.projects-accordion__strips{border-radius:16px;gap:4px;height:520px;display:flex;overflow:hidden}@media only screen and (max-width:900px){.projects-accordion__strips{height:440px}}@media only screen and (max-width:560px){.projects-accordion__strips{flex-direction:column;height:auto}}.projects-accordion__strip{cursor:pointer;flex:1;min-width:60px;transition:flex .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.projects-accordion__strip--active{flex:5}@media only screen and (max-width:560px){.projects-accordion__strip{min-height:80px;transition:min-height .5s cubic-bezier(.23,1,.32,1),flex .5s cubic-bezier(.23,1,.32,1)}.projects-accordion__strip--active{min-height:320px}}.projects-accordion__strip-img{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.projects-accordion__strip--active .projects-accordion__strip-img{transform:scale(1.05)}.projects-accordion__strip-overlay{z-index:1;transition:opacity .4s;position:absolute;inset:0}.projects-accordion__strip-label{z-index:2;opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:opacity .3s .1s;display:flex;position:absolute;inset:0}.projects-accordion__strip--active .projects-accordion__strip-label{opacity:0;pointer-events:none;transition-delay:0s}@media only screen and (max-width:560px){.projects-accordion__strip-label{flex-direction:row;justify-content:flex-start;padding:0 1.5rem}}.projects-accordion__strip-label-text{writing-mode:vertical-rl;text-orientation:mixed;color:#fffdfd;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;font-size:.85rem;font-weight:600}@media only screen and (max-width:560px){.projects-accordion__strip-label-text{writing-mode:horizontal-tb;text-orientation:initial}}.projects-accordion__strip-label-index{color:#fffdfd66;font-size:.7rem;font-weight:700}@media only screen and (max-width:560px){.projects-accordion__strip-label-index{margin-left:auto}}.projects-accordion__strip-content{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#05071099 40%,#050710eb 100%);padding:5rem 2.5rem 2.5rem;transition:opacity .4s,transform .4s;position:absolute;bottom:0;left:0;right:0;transform:translateY(20px)}.projects-accordion__strip--active .projects-accordion__strip-content{opacity:1;pointer-events:auto;transition-delay:.2s;transform:translateY(0)}.projects-accordion__strip-number{color:#fffdfd14;margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1;display:block}.projects-accordion__strip-name{color:#fffdfd;text-shadow:0 2px 8px #00000080;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.projects-accordion__strip-desc{color:#fffdfde6;text-shadow:0 1px 4px #0006;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:500px;margin-bottom:1.25rem;font-size:1rem;line-height:1.7;display:-webkit-box;overflow:hidden}.projects-accordion__strip-techs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.projects-accordion__tech-badge{background:#fffdfd14;border:1px solid #fffdfd1a;border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .7rem;display:inline-flex}.projects-accordion__tech-icon{object-fit:contain;width:18px;height:18px}.projects-accordion__tech-text{color:#fffdfdcc;font-size:.75rem;font-weight:500}.projects-accordion__strip-link{color:#db1f5f;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s;display:inline-block}.projects-accordion__strip-link:hover{color:#e5487d}