:root{--color-black:#000;--color-darkgrey:#1a1a1a;--color-grey:#3b3b3b;--color-lightgrey:#b0b0b0;--color-white:#fff;--color-lightblue:#b8ddff;--color-accent:var(--color-lightblue);--font-base:1rem;--font-sm:0.9rem;--font-md:1.1rem;--font-lg:1.4rem;--font-xl:2rem;--font-xxl:4rem;--font-heavy:800;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:40px;--space-xl:60px;--space-xxl:100px;--section-padding:100px;--section-padding-mobile:60px;--container-padding:150px;--container-padding-mobile:30px;--transform-smaller:scale(0.98);--transform-bigger:scale(1.05);--transform-move-right:translateX(10px);--transform-move-up:translateY(-8px);--transition-fast:0.1s ease;--transition-normal:0.3s ease;--transition-slow:0.6s ease;--transition-transform-color:transform 0.3s ease,color 0.3s ease;--transition-base:color var(--transition-normal),background var(--transition-normal),transform var(--transition-normal);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-round:50%;--shadow-soft:0 4px 12px #0003;--shadow-strong:0 8px 24px #00000059;--z-back:-1;--z-base:1;--z-nav:1000;--z-overlay:1500;--z-modal:2000;--bp-mobile:900px}body{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;font-size:var(--font-base);margin:0}html{scroll-behavior:smooth}section{background-color:#000;background-color:var(--color-black);padding:100px 150px;padding:var(--section-padding) var(--container-padding);padding-bottom:12px;padding-bottom:var(--space-sm);text-align:center}@media (max-width:var(--bp-mobile )){section{padding:60px 30px;padding:var(--section-padding-mobile) var(--container-padding-mobile)}}h2{color:#b8ddff;color:var(--color-lightblue);font-size:2.5rem;font-weight:800;font-weight:var(--font-heavy);margin:20px 0 40px;margin:var(--space-md) 0 var(--space-lg)}p{color:#b0b0b0;color:var(--color-lightgrey);font-size:1rem;font-size:var(--font-base);line-height:1.9;margin:0;transition:color .3s ease;transition:color var(--transition-normal)}a{color:#fff;color:var(--color-white);display:inline-flex;gap:8px;gap:var(--space-xs);padding:8px 20px;padding:var(--space-xs) var(--space-md);text-decoration:none;transition:transform .3s ease,color .3s ease;transition:var(--transition-transform-color)}.navbar,a{align-items:center}.navbar{display:flex;justify-content:center;padding:10px 30px;position:sticky;top:0;z-index:var(--z-nav)}.navbar-links{display:flex;gap:var(--space-md)}.navbar-links a{color:var(--color-lightblue);font-size:var(--font-sm);font-weight:var(--font-heavy);height:40px;margin:0;overflow:hidden;padding:0 var(--space-sm);position:relative;text-transform:uppercase;transition:var(--transition-base);width:140px}.nav-text,.navbar-links a{align-items:center;display:flex;justify-content:center}.nav-text{height:100%;width:100%}.nav-text,.navbar-links a:before{inset:0;position:absolute;transition:transform var(--transition-normal)}.navbar-links a:before{align-items:center;color:var(--color-white);content:attr(data-hover);display:flex;justify-content:center;text-transform:uppercase;transform:translateX(-100%)}.navbar-links a:hover .nav-text{transform:translateX(100%)}.navbar-links a:hover:before{transform:translateX(0)}.navbar-icon{display:none;font-size:1.8rem}.nav-overlay{inset:0;position:fixed;z-index:1500}.navbar-links{z-index:2000}.navbar-icon{z-index:2001}@media (max-width:900px){.navbar{justify-content:space-between}.navbar-icon{color:var(--color-white);cursor:pointer;display:block;font-size:2rem}.navbar-links{background:#000;display:flex;flex-direction:column;gap:0;height:100vh;left:-100%;padding:20px;position:fixed;top:50px;transition:left var(--transition-normal);width:20%}.navbar-links.active{left:0}.navbar-links a{font-size:.9rem;height:36px;overflow:hidden;width:100%}.nav-text,.navbar-links a{justify-content:flex-start}.nav-text{transform:translateX(0)}.navbar-links a:before{justify-content:flex-start;transform:translateX(-100%)}.navbar-links a:hover .nav-text{transform:translateX(100%)}.navbar-links a:hover:before{transform:translateX(0)}}#intro{height:90vh;margin:0;overflow:hidden;padding:0;width:100%}#intro,.intro-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.background-text,.intro-wrapper{flex-direction:column}.background-text{align-items:center;display:flex;font-size:12rem;font-weight:var(--font-heavy);left:50%;line-height:10rem;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.faded{color:var(--color-grey)}.normal{color:var(--color-lightgrey)}.intro-logo{border-radius:var(--radius-round);height:350px;object-fit:cover;position:relative;transition:transform var(--transition-fast);width:350px;z-index:2}@media (max-width:1200px){.background-text{font-size:9rem;line-height:7.5rem}.intro-logo{height:260px;width:260px}}@media (max-width:900px){.background-text{font-size:7rem;line-height:5.8rem}.intro-logo{height:200px;width:200px}}@media (max-width:700px){.background-text{font-size:5rem;line-height:4.2rem}.intro-logo{height:150px;width:150px}}@media (max-width:500px){.background-text{font-size:4rem;line-height:3.5rem}.intro-logo{height:100px;width:100px}}#about{padding:var(--section-padding) var(--container-padding)}.about-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:space-between}.about-left{display:flex;flex-direction:column;gap:var(--space-md);transform:translateY(0);transition:transform var(--transition-normal);width:55%}.about-left:hover{transform:var(--transform-move-up)}.about-left:hover .about-text p{color:var(--color-white);opacity:1}.about-heading-block h1{margin:0;padding:0;text-align:left}.about-hi,.about-typing{font-size:3rem;font-weight:var(--font-heavy)}.about-typing{color:var(--color-lightblue);min-height:var(--font-xxl);position:relative;white-space:nowrap}.about-typing .ghost{opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap}.about-text{font-size:var(--font-base);line-height:1.7rem;text-align:left}.about-text p{transition:color var(--transition-normal)}.contact-method{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:20px}.slide-link{display:inline-block;height:46px;width:150px}.about-right img{height:auto;transition:var(--transition-normal);width:400px}.about-main-title{color:var(--color-lightgrey);font-size:var(--font-xxl);font-weight:var(--font-heavy);line-height:var(--font-xxl);margin-bottom:var(--space-lg);text-align:left}@media (max-width:1200px){#about{padding:80px 60px}.about-hi,.about-typing{font-size:2.5rem}.about-container{flex-direction:column;gap:var(--space-xl)}.about-left{width:100%}.about-right{display:flex;justify-content:center;width:100%}}@media (max-width:900px){#about{padding:60px 30px}}.experience-wrapper{display:flex;gap:var(--space-xl);padding:var(--section-padding) var(--container-padding)}.experience-left{display:flex;flex-direction:column;gap:var(--space-xl);width:60%}.experience-right{align-items:flex-start;display:flex;justify-content:flex-end;position:relative;width:40%}.sticky-title{color:var(--color-lightgrey);font-size:var(--font-xxl);font-weight:var(--font-heavy);line-height:var(--font-xxl);margin:0;padding:0;position:sticky;text-align:right;top:120px;-webkit-user-select:none;user-select:none}.experience-line{color:var(--color-grey)}.experience{transition:transform var(--transition-normal)}.experience:hover{transform:var(--transform-move-right)}.job-title{font-size:1rem;margin-bottom:var(--space-xxs);text-align:left}.experience:hover .job-title{color:var(--color-white)}.company-name{color:var(--color-lightblue);font-size:3rem;font-weight:var(--font-heavy);margin:0;text-align:left}.job-time{color:var(--color-lightgrey);font-size:var(--font-sm);font-style:italic;margin-bottom:var(--space-sm);text-align:left}.experience:hover .exp-line{color:var(--color-white);transition:color var(--transition-normal);transition-delay:0s;transition-delay:calc(var(--i, 0)*.3s)}.exp-row-2{justify-content:space-between;margin-top:20px;width:100%}.exp-row-2,.job-time-pill{align-items:center;display:flex}.job-time-pill{background:var(--color-grey);border:none;color:var(--color-lightblue);font-size:.9rem;font-weight:var(--font-heavy);height:36px;justify-content:center;overflow:hidden;padding:0 12px;pointer-events:none;position:relative;text-transform:uppercase;white-space:nowrap;width:auto}@media (max-width:1200px){.experience-wrapper{padding:80px 60px}.experience-left{width:55%}.experience-right{width:45%}.company-name{font-size:2.5rem}}@media (max-width:900px){.experience-wrapper{flex-direction:column;gap:40px;padding:60px 30px}.experience-right{justify-content:flex-start;order:-1;position:static;text-align:left;width:100%}.sticky-title{text-align:left}.experience-left{gap:40px;width:100%}.exp-row-2{align-items:flex-start;flex-direction:column;gap:0}}.scroll-projects{display:flex;height:500vh;padding:var(--section-padding) var(--container-padding)}.left-panel{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-sm);height:60vh;position:sticky;top:10%;width:40%}.project-desc-left,.project-title-left,.tech-stack-left{text-align:left}.big-number{display:flex;font-size:20rem;font-weight:var(--font-heavy);line-height:14rem;transform:translateX(-8px)}.digit-fixed,.digit-flip{color:var(--color-grey)}.digit-flip{animation:flipDigit var(--transition-normal) forwards}@keyframes flipDigit{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}.project-title-left{color:var(--color-lightblue);font-size:3rem;font-weight:var(--font-heavy);margin:var(--space-lg) 0 0 0}.project-desc-left{color:var(--color-lightgrey);font-size:var(--font-base);line-height:1.65rem;margin-top:var(--space-md);max-width:85%}.tech-stack-left{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-sm);margin-top:20px;max-width:95%}.tech-item{color:var(--color-white);white-space:nowrap}.dot-separator{background:var(--color-grey);border-radius:var(--radius-round);flex-shrink:0;height:6px;pointer-events:none;width:6px}.links-left{align-items:center;display:flex;gap:var(--space-md);justify-content:flex-end;margin:var(--space-md) 0}.slide-link{cursor:pointer;height:20px;overflow:hidden;position:relative;text-decoration:none;width:100px}.slide-content{align-items:center;background:var(--color-grey);color:var(--color-lightblue);display:flex;font-size:var(--font-sm);font-weight:var(--font-heavy);inset:0;justify-content:space-between;padding:0 var(--space-sm);position:absolute;transition:transform var(--transition-normal)}.slide-content .link-icon{font-size:1.4rem}.slide-link:before{align-items:center;background:var(--color-lightblue);color:var(--color-grey);content:attr(data-hover);display:flex;font-size:var(--font-sm);font-weight:var(--font-heavy);inset:0;justify-content:center;position:absolute;transform:translateX(-100%);transition:transform var(--transition-normal)}.slide-link:hover .slide-content{transform:translateX(100%)}.slide-link:hover:before{transform:translateX(0)}.right-panel{width:60%}.project-slide{align-items:center;display:flex;height:100vh;justify-content:flex-end;padding:0}.slideshow-container{align-items:center;background:var(--color-black);display:flex;height:80%;justify-content:center;overflow:hidden;position:relative;width:90%}.slide-track{display:flex;height:100%;transition:transform var(--transition-normal);width:100%}.right-sticky-title{color:var(--color-lightgrey);font-size:var(--font-xxl);font-weight:var(--font-heavy);margin:0;pointer-events:none;right:0;text-align:right;top:0;width:100%;z-index:var(--z-base)}.slide-image{flex-shrink:0;height:100%;object-fit:contain;width:100%}.slider-btn{background:var(--color-grey);border:none;border-radius:var(--radius-round);color:var(--color-lightgrey);cursor:pointer;font-size:var(--font-sm);padding:var(--space-xs);position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-normal)}.slider-btn.left{left:var(--space-sm)}.slider-btn.right{right:var(--space-sm)}.mobile-slideshow{overflow:hidden;position:relative}.mobile-btn{background:var(--color-grey);border:none;border-radius:var(--radius-round);color:var(--color-lightgrey);cursor:pointer;font-size:var(--font-sm);padding:var(--space-xs);position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-normal)}.mobile-btn.left{left:12px}.mobile-btn.right{right:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scroll-projects.mobile{flex-direction:column;height:auto;padding:var(--section-padding-mobile) var(--container-padding-mobile)}.scroll-projects.mobile .left-panel,.scroll-projects.mobile .right-panel{display:none!important}.mobile-project{margin-bottom:var(--space-xl)}.mobile-slideshow{height:300px;margin-top:var(--space-md)}.left-hover-area{display:flex;flex-direction:column;transition:var(--transition-normal);width:100%}.left-hover-area:hover{transform:var(--transform-move-up)}.left-hover-area:hover .project-desc-left,.left-hover-area:hover .project-title-left,.left-hover-area:hover .tech-item{color:var(--color-white)}.left-hover-area:hover .link-item{color:var(--color-lightblue)}.projects-mobile-title{font-size:var(--font-xxl);font-weight:var(--font-heavy);margin-bottom:var(--space-lg);text-align:left}@media (max-width:1200px){.scroll-projects{padding:80px 60px}.project-title-left{font-size:2.5rem}.left-panel{width:45%}.right-panel{width:55%}.slideshow-container{height:70%;width:95%}.big-number{font-size:15rem;line-height:10rem}}@media (max-width:900px){.scroll-projects{padding:60px 30px}.slideshow-container{height:500px;width:100%}.slide-image{object-fit:contain}.links-left{display:flex;gap:var(--space-md);justify-content:flex-start!important;margin-top:var(--space-md)}.links-left .slide-content{align-items:center;font-size:var(--font-sm);justify-content:space-between;padding:0 var(--space-sm)}.links-left .slide-content .link-icon{font-size:1.2rem}}@media (max-width:700px){.scroll-projects{flex-direction:column;height:auto;padding:60px 30px}.left-panel,.right-panel{display:none!important}.mobile-project{display:flex;flex-direction:column;width:100%}}.skills-wrapper{background:#000;padding:100px 150px}.skills-inner{display:flex;flex-direction:column;gap:60px;margin:auto}.skills-main-title{color:var(--color-grey);font-size:4rem;font-weight:var(--font-heavy);line-height:4rem;margin-bottom:40px;text-align:left}.skill-row{align-items:flex-start;display:flex;gap:100px;width:100%}.skill-title{color:var(--color-lightgrey);flex:0 0 350px;font-size:3rem;font-weight:var(--font-heavy);text-align:left;transition:transform .3s ease,color .3s ease}.skill-row:hover .skill-title{color:var(--color-lightblue);transform:translateX(8px)}.skill-grid{grid-row-gap:30px;grid-column-gap:60px;column-gap:60px;display:grid;flex:1 1;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-top:10px;row-gap:30px}.skill-item{align-items:center;display:flex;font-size:1rem;gap:15px;padding:4px 0;transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.skill-item:hover{opacity:1;transform:translateX(8px)}.skill-icon{align-items:center;display:flex;font-size:2rem}.fade-slide{opacity:0;transform:translateY(32px);transition:opacity .3s ease,transform .3s ease}.fade-slide.visible{opacity:1;transform:translateY(0)}.fade-slide.hidden,.stagger-skill{opacity:0;transform:translateY(32px)}.stagger-skill{transition:opacity .3s ease,transform .3s ease}.fade-slide.visible .skill-grid .stagger-skill{opacity:1;transform:translateY(0);transition-delay:calc(var(--i)*.3s)}.fade-slide.hidden .skill-grid .stagger-skill{opacity:0;transform:translateY(32px);transition-delay:calc((var(--count) - var(--i))*.3s)}@media (max-width:1200px){.skills-wrapper{padding:80px 60px}.skill-row{gap:70px}.skill-title{font-size:2.5rem}.skill-grid{column-gap:40px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));row-gap:20px}}@media (max-width:900px){.skills-wrapper{padding:60px 30px}.skill-row{align-items:flex-start;flex-direction:column;gap:0}.skill-title{flex:none}.skill-grid{display:flex;flex-wrap:wrap;gap:20px 40px;margin-top:20px}}.loading-container{align-items:center;color:#b0b0b0;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-text{font-size:4rem;font-weight:var(--font-heavy);margin-bottom:20px}.loading-bar{background:#3b3b3b;border-radius:50px;height:6px;overflow:hidden;width:60%}.loading-progress{background:linear-gradient(90deg,#b8ddff,#fff);border-radius:50px;height:100%;transition:width .1s ease-out}
/*# sourceMappingURL=main.01d533d4.css.map*/