:root{--primary-color: #ffffff;--background-color: #000000;--text-color: #ffffff;--bluerov-color: #c90f5d;--neobot-color: #F59E0B;--easeidf-color: #8B5CF6;--ejeffrey-color: #6bcc00;--spider-color: #13d3cd;--font-family: "Arial", sans-serif;--font-family-bold: "Arial Black", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 5rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-normal: 0 0 10px rgba(0, 0, 0, .5);--shadow-tooltip: rgba(100, 100, 111, .2) 0px 7px 29px 0px;--border-radius-sm: .2rem;--border-radius-md: 1rem;--border-radius-lg: 2rem;--mobile-max: 767px;--tablet-min: 768px;--tablet-max: 1023px;--desktop-min: 1024px;--large-desktop-min: 1440px;font-family:var(--font-family);font-size:1rem;color:var(--text-color)}@media (min-width: 768px) and (max-width: 1023px){:root{font-size:14px}}@media (max-width: 767px){:root{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}html{background-color:#1a1e21}html,body,.page,.page-wrapper{position:fixed;top:0;left:0;width:100%;height:100%}html section.hidden,body section.hidden,.page section.hidden,.page-wrapper section.hidden{display:none}.experience{position:fixed;z-index:-1;top:0;left:0;width:100vw;height:100vh}.experience-canvas{width:100%;height:100%}.glass-wrapper-translate{overflow:hidden}.glass-wrapper-translate .glass-animation-wrapper{position:relative;top:0;left:0}.glass-wrapper-fade .glass-fade-element{opacity:0;transition:opacity .8s ease}.glass-wrapper-fade .glass-final-element{position:absolute;top:0;left:0;visibility:hidden;transition:visibility .8s ease}.round-button{position:absolute;overflow:hidden;top:0;left:0;z-index:10;transition:all var(--transition-normal);border:none;background:none}.round-button .button-content{display:flex;align-items:center;justify-content:center}.round-button .button-content svg{fill:var(--primary-color);width:4rem}@media (max-width: 767px){.round-button .button-content svg{width:3rem}}.round-button:hover{transform:scale(1.05)}.interactive{cursor:pointer}.data-tooltip{display:none}.data-tooltip-wrapper{display:flex;width:max(100%,20rem);gap:var(--spacing-sm);align-items:center}.data-tooltip-wrapper img{width:16rem;height:6rem;border-radius:1.4rem;object-fit:cover;box-shadow:var(--shadow-tooltip)}.data-tooltip-wrapper p{width:11rem;color:#393939;font-size:1.2rem;padding:0 var(--spacing-sm) 0 0;text-wrap:wrap;line-height:1.5rem;font-weight:700}.page-header .round-button.home{width:10rem;height:10rem;top:-3rem;left:-3rem;transform:translate(-10rem,-10rem);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),scale .4s cubic-bezier(.175,.885,.32,1.275)}.page-header .round-button.home .nav-home{width:10rem;height:10rem}.page-header .round-button.home svg{width:2rem;transform:translate(.5rem,.5rem);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.page-header .round-button.home:hover{transform:scale(1.06)}.page-header .round-button.home:hover svg{transform:translate(1.2rem,1.2rem)}.page-header.show .round-button.home{transition:transform .6s cubic-bezier(.175,.885,.32,1.275);transform:translate(0)}.page-header.hide .round-button.home{transition:transform 1s ease;transform:translate(-10rem,-10rem)}.splash{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:3rem;font-weight:1000;font-family:var(--font-family-bold)}.splash span{opacity:0;transform:translateY(-100%);transition:transform .5s cubic-bezier(.47,1.44,.41,.8),opacity .5s cubic-bezier(.47,1.64,.41,.8)}.splash.show span{transform:translateY(0);opacity:1}.splash.show span:nth-child(1){transition-delay:.1s}.splash.show span:nth-child(2){transition-delay:.2s}.splash.show span:nth-child(3){transition-delay:.3s}.splash.show span:nth-child(4){transition-delay:.4s}.splash.show span:nth-child(5){transition-delay:.5s}.splash.show span:nth-child(6){transition-delay:.6s}.splash.show span:nth-child(7){transition-delay:.7s}.splash.hide span{transform:translateY(100%);opacity:0;transition:transform .5s ease,opacity .5s ease}.splash.hide span:nth-child(1){transition-delay:.1s}.splash.hide span:nth-child(2){transition-delay:.2s}.splash.hide span:nth-child(3){transition-delay:.3s}.splash.hide span:nth-child(4){transition-delay:.4s}.splash.hide span:nth-child(5){transition-delay:.5s}.splash.hide span:nth-child(6){transition-delay:.6s}.splash.hide span:nth-child(7){transition-delay:.7s}.hero{overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-title{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.hero-title span{font-size:5rem;font-family:var(--font-family-bold);text-align:center;line-height:.8;opacity:0;display:inline-block}.hero-title-wrapper{overflow:hidden}.hero-buttons{position:absolute;bottom:35%;left:0;width:100%;display:flex;justify-content:center;gap:var(--spacing-md)}.hero-buttons glass-box div{padding:var(--spacing-xs) var(--spacing-sm)}.hero-buttons .glass-animation-wrapper{transform:translateY(-100px)}.hero-desc{position:absolute;bottom:5%;left:-20px;right:-20px}.hero-desc-wrapper{display:flex;align-items:center;overflow:hidden;padding:var(--spacing-sm) 0}.hero-desc-wrapper div{white-space:nowrap;animation:hero-desc-translate-left 50s linear infinite}.hero.show .hero-title .hero-title-first.hero-title-1{animation:hero-title-fade-in-down .8s cubic-bezier(.9,0,1,1) forwards}.hero.show .hero-title .hero-title-second.hero-title-1{animation:hero-title-fade-in-up .8s cubic-bezier(.9,0,1,1) forwards}.hero.show .hero-title .hero-title-first.hero-title-2{animation:hero-title-fade-in-down .7s cubic-bezier(.9,0,1,1) forwards}.hero.show .hero-title .hero-title-second.hero-title-2{animation:hero-title-fade-in-up .7s cubic-bezier(.9,0,1,1) forwards}.hero.show .hero-title .hero-title-first.hero-title-3{animation:hero-title-fade-in-down .6s cubic-bezier(.9,0,1,1) forwards}.hero.show .hero-title .hero-title-second.hero-title-3{animation:hero-title-fade-in-up .6s cubic-bezier(.9,0,1,1) forwards}.hero.show .hero-buttons .glass-animation-wrapper{transform:translateY(0);animation:hero-button-translate-down 1s ease forwards}.hero.show .glass-fade-element{animation:glass-fade-in var(--transition-slow) forwards;animation-delay:1.2s}.hero.show .glass-final-element{animation:glass-fake-fade-in var(--transition-slow) forwards;animation-delay:1.2s}.hero.hide .hero-title .hero-title-first.hero-title-1{animation:hero-title-fade-out-up .6s cubic-bezier(.9,0,1,1) forwards}.hero.hide .hero-title .hero-title-second.hero-title-1{animation:hero-title-fade-out-down .6s cubic-bezier(.9,0,1,1) forwards}.hero.hide .hero-title .hero-title-first.hero-title-2{animation:hero-title-fade-out-up .7s cubic-bezier(.9,0,1,1) forwards}.hero.hide .hero-title .hero-title-second.hero-title-2{animation:hero-title-fade-out-down .7s cubic-bezier(.9,0,1,1) forwards}.hero.hide .hero-title .hero-title-first.hero-title-3{animation:hero-title-fade-out-up .8s cubic-bezier(.9,0,1,1) forwards}.hero.hide .hero-title .hero-title-second.hero-title-3{animation:hero-title-fade-out-down .8s cubic-bezier(.9,0,1,1) forwards}.hero.hide .hero-buttons .glass-animation-wrapper{animation:hero-button-translate-up var(--transition-slow) ease forwards}.hero.hide .glass-fade-element{animation:glass-fade-out var(--transition-normal) ease forwards}.hero.hide .glass-final-element{animation:glass-fake-fade-out 0s ease forwards;animation-delay:.1s}.contact{width:100%;height:100%;padding:10% 10% 10% 8%;display:flex;flex-direction:row;background-color:#0000001a}.contact .images{height:100%;width:50%;display:flex;flex-direction:column;padding:0 5rem;gap:1rem}.contact .images img{width:100%;height:calc(100% - 4rem);object-fit:cover;opacity:0;transform:translateY(-25%);transition:all .5s ease-out}.contact .images .contact-link{display:flex;justify-content:space-evenly}.contact .images .contact-link .glass-wrapper{overflow:hidden}.contact .images .contact-link .glass-animation-wrapper{transform:translateY(-100%);transition:all .5s ease-out;transition-delay:.5s}.contact .images .contact-link .glass-wrapper-translate:nth-child(2) .glass-animation-wrapper{transition-delay:.4s}.contact .images .contact-link .resume .data-tooltip{display:none}.contact .images .contact-link glass-box{width:100%}.contact .images .contact-link glass-box div{width:100%;display:flex;justify-content:center;padding:.7rem var(--spacing-sm)}.contact .contact-content{width:50%;display:flex;flex-direction:column;gap:2rem;position:relative;transform:translateY(10%);transition:transform .5s ease-out}.contact .contact-content .contact-title{width:100%}.contact .contact-content .contact-title glass-box{width:100%}.contact .contact-content .contact-title glass-box h1{width:100%;display:flex;justify-content:center;padding:.7rem var(--spacing-sm)}.contact .contact-content main{padding:0 1rem}.contact .contact-content main .contact-desc:first-child{text-align:center;margin-bottom:1rem}.contact .contact-content main .contact-desc{text-align:justify;color:var(--text-color);line-height:1.3rem;font-size:1.1rem;margin-bottom:.7rem}.contact .contact-content footer{height:9rem;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box}.contact .contact-content footer .round-button-wrapper{transform:translateY(100%);transition:transform .5s ease-out;transition-delay:.5s}.contact .contact-content footer .round-button-wrapper:hover{transform:translateY(0)}.contact .contact-content footer .round-button{transition:transform .2s ease-out}.contact .contact-content footer .round-button.mail{width:7rem;height:7rem;position:relative}.contact .contact-content footer .round-button.mail .button-content{width:7rem;height:7rem}.contact .contact-content footer .round-button.mail svg{width:2.5rem;height:2.5rem}.contact .contact-content footer .round-button:hover{transform:scale(1.1)}.contact .contact-content footer .round-button.next svg{transform:rotate(90deg)}.contact .contact-content footer .round-button.next:hover svg{transform:rotate(60deg)}.contact .contact-content footer button{position:absolute;overflow:hidden;top:0;left:0;z-index:10;transition:all var(--transition-normal);border:none;background:none}.contact .contact-content .glass-fade-element,.contact .contact-content .glass-final-element{animation-delay:.2s}.contact.show .images .contact-img{opacity:1;transform:translateY(0)}.contact.show .images .contact-link .glass-wrapper-translate .glass-animation-wrapper,.contact.show .contact-content{transform:translateY(0)}.contact.show .contact-content .glass-fade-element{animation:glass-fade-in var(--transition-slow) forwards}.contact.show .contact-content .glass-final-element{animation:glass-fake-fade-in var(--transition-slow) forwards}.contact.show .contact-content .round-button-wrapper{transform:translateY(0)}.contact .hide .images img{animation-delay:.3s}.contact .hide .images .contact-link .glass-animation-wrapper{transition-delay:0s}.contact .hide .images .contact-link .glass-wrapper-translate:nth-child(2) .glass-animation-wrapper{transition-delay:.2s}.contact .hide .contact-content{transition-delay:.3s}.contact .hide .contact-content .glass-fade-element,.contact .hide .contact-content .glass-final-element{animation-delay:0s}.contact .hide .contact-content .glass-fade-element{animation:glass-fade-out var(--transition-normal) forwards}.contact .hide .contact-content .glass-final-element{animation:glass-fake-fade-out var(--transition-normal) forwards}.contact .hide .contact-content footer .round-button-wrapper{transition-delay:0s}.projects-list{color:var(--text-color);width:50%;height:100%;padding:8% 5%;display:flex;flex-direction:column;align-items:center}@media (max-width: 767px){.projects-list{width:100%;padding:25% 5%}}.projects-list .title{position:relative;width:100%;padding-bottom:var(--spacing-md)}.projects-list .title:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:3px;background-color:var(--primary-color);transition:width .7s ease}.projects-list .title.glass-wrapper-fade{position:relative;display:flex;align-items:center;justify-content:center}.projects-list .title.glass-wrapper-fade .glass-final-element{visibility:hidden}.projects-list .title.glass-wrapper-fade glass-box{width:100%}.projects-list .title.glass-wrapper-fade glass-box div{font-size:1.3rem;width:calc(100% - 2rem);display:flex;justify-content:center;padding:.7rem var(--spacing-sm)}.projects-list .title .animated-bg-wrapper{position:absolute;top:calc(var(--spacing-sm) / 2.4);left:calc(var(--spacing-lg) / 2);width:calc(100% - var(--spacing-lg));height:calc(100% - var(--spacing-md) - var(--spacing-sm) / 1.2);overflow:hidden;border-radius:30%;transform:scale(0);transition:transform var(--transition-normal)}.projects-list .title .animated-bg-wrapper .animated-bg{position:absolute;inset:-60%;width:220%;height:220%;filter:blur(28px) saturate(1.05) contrast(1.02);will-change:transform,filter;animation:cosmicShift 8s ease-in-out infinite}.projects-list .title .animated-bg-wrapper .animated-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;animation:shimmerRadial 6s linear infinite}.projects-list .title .animated-bg-wrapper .animated-bg:after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;border-radius:50%;transform:translate(-50%,-50%);animation:darkCore 10s ease-in-out infinite}.projects-list .title .animated-bg-wrapper.bluerov .animated-bg{background:radial-gradient(circle at 40% 50%,rgba(120,180,255,.9),transparent 30%),radial-gradient(circle at 60% 40%,rgba(80,120,255,.7),transparent 15%),radial-gradient(circle at 25% 60%,rgba(180,100,200,.8),transparent 35%),radial-gradient(circle at 75% 30%,rgba(255,120,180,.6),transparent 25%),radial-gradient(circle at 50% 70%,rgba(140,80,160,.7),transparent 40%),radial-gradient(circle at 80% 60%,rgba(100,60,140,.5),transparent 30%),radial-gradient(circle at 20% 30%,rgba(60,40,80,.8),transparent 50%),radial-gradient(circle at 50% 50%,rgba(40,20,60,.9),transparent 80%),radial-gradient(ellipse at 50% 50%,rgb(20,10,30),transparent 100%)}.projects-list .title .animated-bg-wrapper.bluerov .animated-bg:before{background:radial-gradient(circle at 30% 40%,rgba(180,120,255,.4),transparent 20%),radial-gradient(circle at 70% 60%,rgba(255,140,200,.3),transparent 25%)}.projects-list .title .animated-bg-wrapper.bluerov .animated-bg:after{background:radial-gradient(circle,rgba(30,15,45,.9) 0%,rgba(30,15,45,.7) 40%,transparent 70%)}.projects-list .title .animated-bg-wrapper.neobot .animated-bg{background:radial-gradient(circle at 35% 50%,rgba(242,230,179,.9),transparent 25%),radial-gradient(circle at 65% 40%,rgba(212,192,150,.8),transparent 15%),radial-gradient(circle at 25% 60%,rgba(196,179,119,.7),transparent 35%),radial-gradient(circle at 75% 30%,rgba(139,115,85,.6),transparent 20%),radial-gradient(circle at 50% 70%,rgba(122,107,61,.8),transparent 40%),radial-gradient(circle at 80% 60%,rgba(74,90,59,.5),transparent 30%),radial-gradient(circle at 20% 30%,rgba(45,61,42,.7),transparent 45%),radial-gradient(circle at 50% 50%,rgba(15,26,15,.9),transparent 80%),radial-gradient(ellipse at 50% 50%,rgb(26,26,15),transparent 100%)}.projects-list .title .animated-bg-wrapper.neobot .animated-bg:before{background:radial-gradient(circle at 30% 40%,rgba(242,230,179,.4),transparent 20%),radial-gradient(circle at 70% 60%,rgba(196,179,119,.3),transparent 25%)}.projects-list .title .animated-bg-wrapper.neobot .animated-bg:after{background:radial-gradient(circle,rgba(45,30,15,.9) 0%,rgba(45,30,15,.7) 40%,transparent 70%)}.projects-list .title .animated-bg-wrapper.easeidf .animated-bg{background:radial-gradient(circle at 30% 40%,rgba(0,255,255,.9),transparent 25%),radial-gradient(circle at 70% 30%,rgba(80,200,255,.8),transparent 20%),radial-gradient(circle at 20% 70%,rgba(120,80,255,.8),transparent 35%),radial-gradient(circle at 80% 60%,rgba(180,100,255,.7),transparent 30%),radial-gradient(circle at 50% 20%,rgba(60,150,255,.6),transparent 40%),radial-gradient(circle at 40% 80%,rgba(140,60,200,.7),transparent 45%),radial-gradient(circle at 60% 50%,rgba(80,40,120,.8),transparent 50%),radial-gradient(circle at 50% 50%,rgba(40,20,80,.9),transparent 80%),radial-gradient(ellipse at 50% 50%,rgb(15,10,40),transparent 100%)}.projects-list .title .animated-bg-wrapper.easeidf .animated-bg:before{background:radial-gradient(circle at 25% 35%,rgba(100,255,255,.5),transparent 18%),radial-gradient(circle at 75% 65%,rgba(200,120,255,.4),transparent 22%)}.projects-list .title .animated-bg-wrapper.easeidf .animated-bg:after{background:radial-gradient(circle,rgba(20,15,60,.9) 0%,rgba(20,15,60,.7) 40%,transparent 70%)}.projects-list .title .animated-bg-wrapper.ejeffrey .animated-bg{background:radial-gradient(circle at 25% 40%,rgba(0,255,200,.9),transparent 30%),radial-gradient(circle at 75% 30%,rgba(80,255,180,.8),transparent 25%),radial-gradient(circle at 40% 70%,rgba(120,200,100,.7),transparent 35%),radial-gradient(circle at 80% 60%,rgba(180,220,80,.6),transparent 30%),radial-gradient(circle at 20% 20%,rgba(60,180,140,.8),transparent 40%),radial-gradient(circle at 60% 80%,rgba(100,160,60,.7),transparent 45%),radial-gradient(circle at 50% 30%,rgba(80,120,40,.8),transparent 50%),radial-gradient(circle at 50% 50%,rgba(40,80,20,.9),transparent 80%),radial-gradient(ellipse at 50% 50%,rgb(20,40,15),transparent 100%)}.projects-list .title .animated-bg-wrapper.ejeffrey .animated-bg:before{background:radial-gradient(circle at 30% 35%,rgba(120,255,220,.5),transparent 20%),radial-gradient(circle at 70% 65%,rgba(200,240,140,.4),transparent 25%)}.projects-list .title .animated-bg-wrapper.ejeffrey .animated-bg:after{background:radial-gradient(circle,rgba(30,50,25,.9) 0%,rgba(30,50,25,.7) 40%,transparent 70%)}.projects-list .title .animated-bg-wrapper.spider .animated-bg{background:radial-gradient(circle at 20% 40%,rgba(100,180,255,.9),transparent 35%),radial-gradient(circle at 80% 30%,rgba(140,200,255,.8),transparent 25%),radial-gradient(circle at 35% 75%,rgba(220,180,140,.8),transparent 40%),radial-gradient(circle at 75% 65%,rgba(255,200,150,.7),transparent 30%),radial-gradient(circle at 15% 20%,rgba(80,140,200,.7),transparent 45%),radial-gradient(circle at 65% 85%,rgba(180,140,100,.8),transparent 35%),radial-gradient(circle at 50% 25%,rgba(120,100,80,.7),transparent 50%),radial-gradient(circle at 50% 50%,rgba(60,50,40,.9),transparent 80%),radial-gradient(ellipse at 50% 50%,rgb(30,25,20),transparent 100%)}.projects-list .title .animated-bg-wrapper.spider .animated-bg:before{background:radial-gradient(circle at 25% 30%,rgba(160,220,255,.4),transparent 22%),radial-gradient(circle at 75% 70%,rgba(240,200,160,.3),transparent 28%)}.projects-list .title .animated-bg-wrapper.spider .animated-bg:after{background:radial-gradient(circle,rgba(40,35,30,.9) 0%,rgba(40,35,30,.7) 40%,transparent 70%)}.projects-list .title .animated-bg-wrapper.hover{transform:scale(1)}.projects-list .projects-grid{width:100%}.projects-list .project{position:relative;width:100%;overflow:hidden}.projects-list .project.bluerov .left-wrapper svg{fill:var(--bluerov-color)}.projects-list .project.bluerov:after{background-color:var(--bluerov-color)}.projects-list .project.neobot .left-wrapper svg{fill:var(--neobot-color)}.projects-list .project.neobot:after{background-color:var(--neobot-color)}.projects-list .project.easeidf .left-wrapper svg{fill:var(--easeidf-color)}.projects-list .project.easeidf:after{background-color:var(--easeidf-color)}.projects-list .project.ejeffrey .left-wrapper svg{fill:var(--ejeffrey-color)}.projects-list .project.ejeffrey:after{background-color:var(--ejeffrey-color)}.projects-list .project.spider .left-wrapper svg{fill:var(--spider-color)}.projects-list .project.spider:after{background-color:var(--spider-color)}.projects-list .project-wrapper{padding:1.1rem 0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transform:translateY(calc(-100% - 1px));transition:opacity var(--transition-normal),transform var(--transition-normal)}.projects-list .project-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--primary-color);transition:width var(--transition-normal)}.projects-list .project-wrapper .left-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);transform:translate(-20%);transition:transform var(--transition-fast)}.projects-list .project-wrapper .left-wrapper .nav-arrow{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}.projects-list .project-wrapper .left-wrapper svg{transform:rotate(60deg);width:2rem}.projects-list .project-wrapper h2{margin:0;transition:font-size var(--transition-fast);font-size:1.2rem}.projects-list .project-wrapper span{font-size:1.1rem;font-weight:700;margin-right:0;transition:margin-right var(--transition-fast)}.projects-list .project:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:3px;background-color:var(--primary-color);transition:width .4s ease}.projects-list .project:hover .left-wrapper{transform:translate(0)}.projects-list .project:hover h2{font-size:1.4rem}.projects-list .project:hover span{margin-right:var(--spacing-sm)}.projects-list .project:hover:after{width:100%}.projects-list.show .title:after{width:100%}.projects-list.show .projects-grid>article:nth-child(1) .project-wrapper{transition-delay:.1s;opacity:1;transform:translateY(0)}.projects-list.show .projects-grid>article:nth-child(1) .project-wrapper:after{transition-delay:.15s;width:100%}.projects-list.show .projects-grid>article:nth-child(2) .project-wrapper{transition-delay:.2s;opacity:1;transform:translateY(0)}.projects-list.show .projects-grid>article:nth-child(2) .project-wrapper:after{transition-delay:.3s;width:100%}.projects-list.show .projects-grid>article:nth-child(3) .project-wrapper{transition-delay:.3s;opacity:1;transform:translateY(0)}.projects-list.show .projects-grid>article:nth-child(3) .project-wrapper:after{transition-delay:.45s;width:100%}.projects-list.show .projects-grid>article:nth-child(4) .project-wrapper{transition-delay:.4s;opacity:1;transform:translateY(0)}.projects-list.show .projects-grid>article:nth-child(4) .project-wrapper:after{transition-delay:.6s;width:100%}.projects-list.show .projects-grid>article:nth-child(5) .project-wrapper{transition-delay:.5s;opacity:1;transform:translateY(0)}.projects-list.show .projects-grid>article:nth-child(5) .project-wrapper:after{transition-delay:.75s;width:100%}.projects-list.show .projects-grid>article:nth-child(6) .project-wrapper{transition-delay:.6s;opacity:1;transform:translateY(0)}.projects-list.show .projects-grid>article:nth-child(6) .project-wrapper:after{transition-delay:.9s;width:100%}.projects-list.show .glass-fade-element,.projects-list.show .glass-final-element{animation-delay:.3s}.projects-list.show .glass-fade-element{animation:glass-fade-in var(--transition-slow) forwards}.projects-list.show .glass-final-element{animation:glass-fake-fade-in var(--transition-slow) forwards}.projects-list.hide .title:after{width:0}.projects-list.hide .projects-grid>article:nth-child(1) .project-wrapper{transition-delay:.1s;opacity:0;transform:translateY(calc(-100% - 1px))}.projects-list.hide .projects-grid>article:nth-child(1) .project-wrapper:after{transition-delay:.15s;width:0}.projects-list.hide .projects-grid>article:nth-child(2) .project-wrapper{transition-delay:.2s;opacity:0;transform:translateY(calc(-100% - 1px))}.projects-list.hide .projects-grid>article:nth-child(2) .project-wrapper:after{transition-delay:.3s;width:0}.projects-list.hide .projects-grid>article:nth-child(3) .project-wrapper{transition-delay:.3s;opacity:0;transform:translateY(calc(-100% - 1px))}.projects-list.hide .projects-grid>article:nth-child(3) .project-wrapper:after{transition-delay:.45s;width:0}.projects-list.hide .projects-grid>article:nth-child(4) .project-wrapper{transition-delay:.4s;opacity:0;transform:translateY(calc(-100% - 1px))}.projects-list.hide .projects-grid>article:nth-child(4) .project-wrapper:after{transition-delay:.6s;width:0}.projects-list.hide .projects-grid>article:nth-child(5) .project-wrapper{transition-delay:.5s;opacity:0;transform:translateY(calc(-100% - 1px))}.projects-list.hide .projects-grid>article:nth-child(5) .project-wrapper:after{transition-delay:.75s;width:0}.projects-list.hide .projects-grid>article:nth-child(6) .project-wrapper{transition-delay:.6s;opacity:0;transform:translateY(calc(-100% - 1px))}.projects-list.hide .projects-grid>article:nth-child(6) .project-wrapper:after{transition-delay:.9s;width:0}.projects-list.hide .glass-fade-element{animation:glass-fade-out var(--transition-normal) forwards}.projects-list.hide .glass-final-element{animation:glass-fake-fade-out 0s forwards;animation-delay:.1s}.project-details{width:100%;height:100%;overflow:scroll;scrollbar-width:none;padding:var(--spacing-lg) 25%}.project-details .project-details-group{display:none;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.project-details .project-details-group .project-details-content-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;transform:translateY(5%)}.project-details .project-details-group .project-details-title{width:80%;display:flex;align-items:center;justify-content:center;transform:translateY(-20%)}.project-details .project-details-group .project-details-title.glass-wrapper-fade{position:relative;display:flex;align-items:center;justify-content:center}.project-details .project-details-group .project-details-title.glass-wrapper-fade glass-box{width:100%}.project-details .project-details-group .project-details-title.glass-wrapper-fade glass-box h1{width:100%;display:flex;justify-content:center;padding:.7rem var(--spacing-sm)}.project-details .project-details-group .project-details-img{width:100%;height:80%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-normal);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;opacity:0}.project-details .project-details-group .project-details-description{display:grid;grid-template-columns:1fr 1fr 6fr;grid-template-rows:1fr 1fr;font-size:.9rem;grid-gap:var(--spacing-xs)}.project-details .project-details-group .project-details-description .date{grid-area:1/1/2/2}.project-details .project-details-group .project-details-description .location{grid-area:1/2/2/3}.project-details .project-details-group .project-details-description .role{grid-area:2/1/3/3}.project-details .project-details-group .project-details-description .description-text{font-size:1rem;text-align:justify;grid-area:1/3/3/4;padding:0 0 0 var(--spacing-sm)}.project-details .project-details-group .project-details-description glass-box{width:100%}.project-details .project-details-group .project-details-description glass-box div{width:100%;display:flex;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm)}.project-details .project-details-group .project-details-content{opacity:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.project-details .project-details-group .project-details-content section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.project-details .project-details-group .project-details-content section h2{width:100%}.project-details .project-details-group .project-details-content section h2:after{content:"";display:block;width:100%;height:3px;background-color:var(--primary-color);margin-top:var(--spacing-xs)}.project-details .project-details-group .project-details-content section img{width:100%;height:100%;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-normal)}.project-details .project-details-group .project-details-content section.skills{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs)}.project-details .project-details-group .project-details-content section.skills glass-box div{padding:var(--spacing-xs) var(--spacing-sm)}.project-details .project-details-group .project-details-content.bluerov2 .images{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.project-details .project-details-group .project-details-content.neobot .images{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:var(--spacing-xl)}.project-details .project-details-group .project-details-content.neobot .images img{width:40%;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-normal)}.project-details .project-details-group .project-details-content.easeidf img{width:30%;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-normal)}.project-details .project-details-group .project-details-content.easeidf .interface>div{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.project-details .project-details-group .project-details-content.easeidf .widget-images img{border-radius:0 0 var(--border-radius-md) var(--border-radius-md);width:100%}.project-details .round-button.back .button-content,.project-details .round-button.next .button-content{width:7rem;height:7rem}.project-details .round-button.back svg,.project-details .round-button.next svg{transform:rotate(30deg);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.project-details .round-button.back{top:40%;left:10%;transform:translate(-50%)}.project-details .round-button.next{left:auto;top:40%;right:10%;transform:translate(50%)}.project-details .round-button:hover svg{transform:rotate(0)}.project-details .round-button.next svg{transform:rotate(90deg)}.project-details .round-button.next:hover svg{transform:rotate(60deg)}.project-details.show .round-button{transform:translate(0)}.project-details.show .round-button.back,.project-details.show .round-button.next,.project-details.show .round-button .glass-fade-element,.project-details.show .round-button .glass-final-element{animation-delay:1s}.project-details.show .round-button.back{animation:details-button-translate-right var(--transition-slow) forwards;animation-delay:1s}.project-details.show .round-button.next{animation:details-button-translate-left var(--transition-slow) forwards;animation-delay:1s}.project-details.show .round-button .glass-fade-element{animation:glass-fade-in var(--transition-slow) forwards;animation-delay:1s}.project-details.show .round-button .glass-final-element{animation:glass-fake-fade-in var(--transition-slow) forwards;animation-delay:1s}.project-details.show .project-details-group.show{display:flex}.project-details.show .project-details-group.show .glass-fade-element,.project-details.show .project-details-group.show .glass-final-element{animation-delay:.2s}.project-details.show .project-details-group.show .glass-fade-element{animation:glass-fade-in var(--transition-slow) forwards}.project-details.show .project-details-group.show .glass-final-element{animation:glass-fake-fade-in var(--transition-slow) forwards}.project-details.show .project-details-group.show .project-details-title{transform:translateY(0);animation:details-title-translate-down var(--transition-slow) ease}.project-details.show .project-details-group.show .project-details-content-wrapper{transform:translateY(0);animation:details-content-translate-up 1.5s ease}.project-details.show .project-details-group.show .project-details-img{opacity:1;animation:details-content-fade-in 1.5s ease}.project-details.show .project-details-group.show .project-details-content{opacity:1;transition:opacity var(--transition-normal)}@keyframes hero-title-fade-in-up{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-title-fade-in-down{0%{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-title-fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(70px)}}@keyframes hero-title-fade-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-70px)}}@keyframes hero-desc-translate-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes hero-button-translate-down{0%{transform:translateY(-100px)}75%{transform:translateY(-100px)}to{transform:translateY(0)}}@keyframes hero-button-translate-up{0%{transform:translateY(0)}75%{transform:translateY(0)}to{transform:translateY(-100px)}}@keyframes details-button-translate-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes details-button-translate-left{0%{transform:translate(50%)}to{transform:translate(0)}}@keyframes details-title-translate-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes details-content-translate-up{0%{transform:translateY(5%)}34%{transform:translateY(5%)}to{transform:translateY(0)}}@keyframes details-content-fade-in{0%{opacity:0}34%{opacity:0}to{opacity:1}}@keyframes glass-fade-in{0%{opacity:0}99%{opacity:1}to{opacity:0}}@keyframes glass-fake-fade-in{0%{visibility:hidden}95%{visibility:hidden}to{visibility:visible}}@keyframes glass-fade-out{0%{opacity:1}to{opacity:0}}@keyframes glass-fake-fade-out{0%{visibility:visible}to{visibility:hidden}}@keyframes cosmicShift{0%,to{filter:hue-rotate(0deg) brightness(1) contrast(1);transform:scale(1)}25%{filter:hue-rotate(10deg) brightness(1.1) contrast(1.1);transform:scale(1.02)}50%{filter:hue-rotate(-5deg) brightness(.95) contrast(1.05);transform:scale(.98)}75%{filter:hue-rotate(15deg) brightness(1.05) contrast(1.15);transform:scale(1.01)}}@keyframes shimmerRadial{0%{transform:translate(-50%) scale(.8);opacity:0}30%{opacity:1}70%{opacity:1}to{transform:translate(50%) scale(1.2);opacity:0}}@keyframes darkCore{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.cursor{position:fixed;left:0;top:0;z-index:9999;opacity:1;transition:opacity .36s ease}.cursor.hidden{opacity:0}.cursor .cursor-dot{opacity:.8;position:absolute;top:0;left:0;width:22px;height:22px;border-radius:50%;background:#fff;pointer-events:none;transform:translate3d(-50%,-50%,0);will-change:transform,opacity;transition:transform .12s ease-out,opacity .16s ease;box-shadow:0 6px 20px #ffffff40}.cursor .cursor-dot.hover{opacity:.5}.cursor .cursor-dot.hidden{opacity:0}.cursor .cursor-tooltip{position:absolute;top:1rem;left:1rem;background-color:#fff;color:#000;box-shadow:0 2px 10px #0000001a;padding:.6rem;border-radius:2rem;white-space:nowrap;pointer-events:none;transition:opacity .32s ease-out;opacity:1}.cursor .cursor-tooltip.transparent{background-color:transparent;color:#fff;box-shadow:none}.cursor .cursor-tooltip.image img{width:5rem;aspect-ratio:21/29.7;border-radius:.2rem;margin-right:.5rem;box-shadow:0 2px 10px #0000001a;padding:.2rem;background-color:#fff}.cursor .cursor-tooltip.hidden{opacity:0}.cursor .cursor-tooltip .tooltip-text{display:flex;font-size:1.1rem;font-weight:700}@media (prefers-reduced-motion: reduce){.cursor-dot{transition:none}}