body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}ol,ul{list-style:none;margin:0;padding:0}a{text-decoration:none}:focus{outline:2px solid #2563eb;outline-offset:2px}:focus:not(:focus-visible){outline:none}*{box-sizing:border-box;margin:0;padding:0}:root{--background-image-opacity:0.5}html{background:#fafaf8;scroll-behavior:auto}html.loading,html:has(body.loading){height:100%!important;overflow-y:scroll!important;position:fixed!important;width:100%!important}.loading-screen{align-items:center!important;animation:fadeOut .2s ease-out 1.35s forwards;background:#f0f0ed!important;contain:layout style paint!important;display:flex!important;height:100vh!important;isolation:isolate!important;justify-content:center!important;left:0!important;overflow:hidden!important;pointer-events:auto!important;position:fixed!important;top:0!important;width:100vw!important;will-change:opacity!important;z-index:999999!important}.loading-screen:before{animation:backgroundSweep 1.35s cubic-bezier(.95,0,.05,1) forwards;background:linear-gradient(90deg,#f0f0ed,#f0f0ed 50%,#000 0,#000);background-position:0 0;background-size:200% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes backgroundSweep{0%{background-position:0 0}15%{background-position:0 0}27.5%{background-position:100% 0}65%{background-position:100% 0}77.5%{background-position:0 0}to{background-position:0 0}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-content{flex-direction:column;gap:2rem;z-index:2}.loading-content,.loading-logo-container{align-items:center;display:flex;position:relative}.loading-logo-container{animation:pulse 1.5s ease-in-out infinite;height:150px;justify-content:center;width:150px}.loading-logo-overlay{animation:logoColorChange 1.35s cubic-bezier(.95,0,.05,1) forwards;background-color:#000;height:150px;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;width:150px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes logoColorChange{0%{background-color:#000}20%{background-color:#000}22.5%{background-color:#fff}70%{background-color:#fff}72.5%{background-color:#000}to{background-color:#000}}.loading-bar-container{animation:barContainerColorChange 1.35s cubic-bezier(.95,0,.05,1) forwards;background:#e0e0e0;border-radius:10px;box-shadow:0 2px 4px #0000001a;height:5px;overflow:hidden;width:150px;will-change:transform}@keyframes barContainerColorChange{0%{background:#e0e0e0}20%{background:#e0e0e0}22.5%{background:#333}70%{background:#333}72.5%{background:#e0e0e0}to{background:#e0e0e0}}.loading-bar{animation:fillBar 1.35s linear forwards,barColorChange 1.35s cubic-bezier(.95,0,.05,1) forwards;background:#000;border-radius:10px;height:100%;transform:translateX(-100%);width:100%;will-change:transform}@keyframes fillBar{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes barColorChange{0%{background:#000}20%{background:#000}22.5%{background:#fff}70%{background:#fff}72.5%{background:#000}to{background:#000}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafaf8;color:#333;font-family:FK Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh}body.loading{height:100%!important;overflow-y:scroll!important;position:fixed!important;width:100%!important}.App{background:#fafaf8;display:flex;flex-direction:column;min-height:100vh;opacity:1;transition:opacity .2s ease-in,visibility 0s linear 0s;visibility:visible}.App.app-loading{transition:opacity 0s,visibility 0s}.App.app-loading,.App.app-scroll-pending{opacity:0!important;visibility:hidden!important}.App.app-scroll-pending{transition:none}.scroll-background{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:background .3s ease;z-index:-2}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafaf8;border-bottom:1px solid #e0e0e0;padding:.5rem 0;position:fixed;top:0;transform:translateY(0);transition:transform .3s ease-in-out;width:100%;z-index:1000}.navbar-hidden{transform:translateY(-100%)}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#000;font-size:1.5rem;font-weight:700;gap:.75rem;position:relative;text-decoration:none;transition:opacity .3s ease;z-index:1001}.nav-logo:hover{opacity:.8}.logo-icon{background:#0000;filter:brightness(0);height:40px;isolation:isolate;mix-blend-mode:normal;object-fit:contain;position:relative;width:auto;z-index:1001}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{color:#333;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#000}.main-content{flex:1 1;margin-top:0}.hero-section{align-items:center;color:#000;display:flex;min-height:90vh;padding:80px 0 2rem}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.highlight{border-bottom:3px solid #000;color:#000}.hero-subtitle{color:#666;font-size:1.5rem;margin-bottom:1rem}.hero-description{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.btn{background:#0000;border:none;border-radius:0;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.5rem 0;text-decoration:none}.btn-primary{border:2px solid #007bff;border-radius:30px;color:#007bff;padding:.75rem 2.75rem .75rem 1.25rem;position:relative;transition:border-color .2s ease,color .2s ease,padding .2s ease}.btn-primary:before{background-color:#007bff;height:2px;transform:translateY(-50%);transition:width .2s ease,background-color .2s ease;width:1rem}.btn-primary:after,.btn-primary:before{content:"";position:absolute;right:1rem;top:50%}.btn-primary:after{border-bottom:2px solid #007bff;border-right:2px solid #007bff;height:.4rem;transform:translateY(-50%) rotate(-45deg);transition:border-color .2s ease;width:.4rem}.btn-primary:hover{border-color:#9333ea;color:#9333ea;padding-right:3.25rem}.btn-primary:hover:before{background-color:#9333ea;width:1.5rem}.btn-primary:hover:after{border-color:#9333ea}.btn-secondary{background-image:linear-gradient(#9333ea,#9333ea);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;color:#007bff;padding-bottom:4px;position:relative;transition:background-size .2s ease,color .2s ease}.btn-secondary:hover{background-size:100% 2px;color:#9333ea}.hero-image,.profile-placeholder{align-items:center;display:flex;justify-content:center}.profile-placeholder{background:#fafaf8;border-radius:50%;color:#000;cursor:pointer;font-size:4rem;font-weight:700;height:320px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:320px}.profile-placeholder:hover{box-shadow:0 10px 30px #0000004d;transform:scale(1.1)}.profile-image{border-radius:50%;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.profile-placeholder:hover .profile-image{transform:scale(1.05)}.section{padding:5rem 0;position:relative}.section .container{position:relative;z-index:2}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.about-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}.about-text p{color:#555;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.skills h3{color:#000;font-size:1.5rem;margin-bottom:1.5rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-category h4{color:#000;font-size:1.2rem;margin-bottom:1rem}.skill-category ul{list-style:none}.skill-category li{color:#555;padding:.5rem 0 .5rem 1.5rem;position:relative}.skill-category li:before{color:#000;content:"▹";left:0;position:absolute}.experience-section,.gap-section,.projects-section{position:relative}.experience-section:before,.gap-section:before,.projects-section:before{background-attachment:fixed;background-image:url(/static/media/rubiksdrawing.5f620e016390a9d83e36.png);background-position:center calc(40% + 45px);background-repeat:no-repeat;background-size:78%;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;transition:none;z-index:-1}.hero-section{background:linear-gradient(135deg,#fafaf8,#f0f0ed);position:relative;z-index:10}.timeline{margin:0 auto;max-width:800px;position:relative}.timeline:before{background:#0000;border-radius:2px;bottom:0;content:"";left:24px;position:absolute;top:0;width:3px}.timeline-item{margin-bottom:2rem;padding-left:70px;position:relative}.timeline-marker{background:#fafaf8;border:3px solid #000;border-radius:50%;height:14px;left:16px;position:absolute;top:12px;transition:all .3s ease;width:14px;z-index:5}.timeline-item:hover .timeline-marker{border-color:#333;transform:scale(1.3)}.timeline-content h3{color:#000;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.timeline-company{color:#333;font-size:1rem;font-weight:400;margin-bottom:1rem}.timeline-content p{color:#222;font-weight:400;line-height:1.6}.gap-section{align-items:center;display:flex;justify-content:center;margin-bottom:calc(-5rem + 45px);margin-top:calc(-5rem + 70px);padding:20px 0 15px;z-index:2}.gap-container,.gap-section{overflow:visible;position:relative}.gap-container{margin:0;padding:0;text-align:center;width:100%}.assembly-link{border-radius:12px;cursor:pointer;display:inline-block;overflow:hidden;transition:transform .3s ease}.assembly-link:hover{background:#0000;transform:scale(1.05)}.assembly-image{background:#0000;display:block;height:auto;max-height:600px;max-width:100%;position:relative;z-index:10}.interactive-viewer-container{height:50vh;margin-left:calc(-50vw + 50%);overflow:hidden;position:relative;width:100vw;z-index:10}.viewer-instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;bottom:10px;color:#fff;font-size:12px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);z-index:11}.viewer-instructions p{font-weight:500;margin:0}.projects-section{margin-top:30px;padding-bottom:2rem;padding-top:calc(5rem + 130px);position:relative}.experience-section{padding-bottom:calc(5rem + 170px)!important}.projects-section{margin-top:30px!important;padding-bottom:calc(11.25rem - 120px)!important;padding-top:calc(5rem + 225px)!important}.projects-section .container{max-width:1650px;padding:0 2rem;position:relative;z-index:2}.experience-section{padding:5rem 0 calc(5rem + 170px);position:relative}.experience-section .container{position:relative;z-index:2}.projects-section .section-title{margin-bottom:2.375rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.project-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;margin-bottom:25px;overflow:hidden;transform:scale(1.02);transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.1)}.project-image{align-items:center;background:#fafaf8;border-bottom:1px solid #e0e0e0;display:flex;height:320px;justify-content:center}.project-placeholder{color:#666;font-size:1.5rem;font-weight:600}.project-content{padding:1rem 1.5rem}.project-content h3{color:#000;font-size:1.3rem;margin-bottom:.5rem}.project-tagline{color:#666;font-size:.95rem;line-height:1.5;margin:0}.project-content p{color:#555;line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#fafaf8;border:1px solid #e0e0e0;border-radius:20px;color:#333;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.project-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.project-link{color:#000;font-weight:600;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#666}.project-link-btn{background:#0000;background-image:linear-gradient(#9333ea,#9333ea);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;border:none;border-radius:0;color:#007bff;display:inline-block;font-size:.9rem;font-weight:600;padding:.25rem 0;position:relative;text-align:center;text-decoration:none;transition:background-size .2s ease,color .2s ease}.project-link-btn:hover{background-size:100% 2px;color:#9333ea}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.contact-info h3{color:#000;font-size:1.8rem;margin-bottom:1rem}.contact-info p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:center;color:#555;display:flex;font-size:1.1rem;gap:1rem}.contact-icon{font-size:1.2rem}.contact-form{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.form-group{margin-bottom:1.5rem}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#000;outline:none}.form-input::placeholder{color:#999}.footer{background:#0000!important;background-attachment:scroll!important;background-image:none!important;color:#333;margin-top:0;min-height:100px;padding:1.0625rem 0 .875rem;position:relative;text-align:center;z-index:1}.footer-content{justify-content:center;min-height:80px;position:relative;width:100%}.footer-content,.footer-logo{align-items:center;display:flex}.footer-logo{left:0;position:absolute}.footer-logo-img{filter:brightness(0);height:50px;object-fit:contain;width:auto}.footer-social{align-items:center;display:flex;gap:0;position:absolute;right:0}.email-icon,.linkedin-icon{align-items:center;background:#0000;color:#000;display:inline-flex;height:72px;justify-content:center;text-decoration:none;transition:all .3s ease;width:72px}.email-icon:hover,.linkedin-icon:hover{color:#000;transform:scale(1.05)}.linkedin-icon-img{display:block;height:40px;object-fit:contain;width:40px}.email-icon-img{display:block;height:56px;object-fit:contain;width:56px}.email-icon{margin-left:-20px}#about,#contact,#experience,#projects{scroll-margin-top:30px}@media (max-width:768px){.nav-menu{display:none}.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.profile-placeholder{font-size:3rem;height:210px;width:210px}.contact-content{gap:2rem;grid-template-columns:1fr}.projects-grid{gap:1.5rem}.projects-grid,.skills-grid{grid-template-columns:1fr}.hero-buttons{align-items:center;flex-direction:column}.btn{width:200px}.footer-content{flex-direction:column;gap:1rem}.footer-social{left:auto;position:static}}@media (max-width:480px){.container,.nav-container{padding:0 1rem}.hero-title,.section-title{font-size:2rem}}.project-detail-page{background:#fafaf8;min-height:100vh;padding-top:80px}.no-pip-video::--webkit-media-controls-panel .picture-in-picture-button,.no-pip-video::-webkit-media-controls-picture-in-picture-button{display:none!important}.project-detail-header{margin:0 auto;max-width:1200px;padding:2rem}.back-button{background-image:linear-gradient(#9333ea,#9333ea);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;color:#007bff;display:inline-block;font-weight:500;margin-bottom:1rem;padding-bottom:2px;padding-left:1.5rem;position:relative;text-decoration:none;transition:color .2s ease;transition:background-size .2s ease,color .2s ease}.back-button:before{background-color:#007bff;height:2px;transform:translateY(-50%);transition:width .2s ease,background-color .2s ease,left .2s ease;width:.6rem}.back-button:after,.back-button:before{content:"";left:.5rem;position:absolute;top:50%}.back-button:after{border-bottom:2px solid #007bff;border-left:2px solid #007bff;height:.4rem;transform:translateY(-50%) rotate(45deg);transition:left .2s ease,border-color .2s ease;width:.4rem}.back-button:hover{background-size:100% 2px;color:#9333ea}.back-button:hover:before{background-color:#9333ea;left:0;width:1rem}.back-button:hover:after{border-color:#9333ea;left:0}.project-detail-header h1{color:#000;font-size:3rem;font-weight:700;margin-bottom:1rem}.project-detail-content{margin:0 auto;max-width:1200px;padding:0 2rem 1rem}.project-hero-image{border-radius:12px;box-shadow:0 10px 30px #0000001a;margin-bottom:3rem;overflow:hidden;width:100%}.project-hero-image img{display:block;height:auto;width:100%}.project-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:2.5rem}.project-section h2{color:#000;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.project-section p{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:1rem}.project-description{color:#000;font-size:1.25rem;font-weight:600;line-height:1.6;margin-bottom:1.5rem}.project-section ul{list-style-position:inside;margin-bottom:1.5rem;margin-left:1rem}.project-section ul li{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:.5rem}.project-section ul li strong{color:#000;font-weight:600}.project-gallery{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.project-gallery img{border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;transition:transform .3s ease;width:100%}.project-gallery img:hover{transform:scale(1.02)}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.stat-card{background:linear-gradient(135deg,#fafaf8,#f0f0ed);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.stat-value{color:#000;font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-label{color:#555;font-size:1rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.project-footer{margin-top:1rem;padding:1rem 0 .5rem;text-align:center}@media (max-width:768px){.project-detail-header h1{font-size:2.5rem}.project-section{padding:1.5rem}.project-section h2{font-size:1.5rem}.project-gallery,.stats-grid{grid-template-columns:1fr}.stats-grid{gap:1.5rem}.stat-value{font-size:2.5rem}}@media (max-width:480px){.project-detail-header h1{font-size:2rem}.project-detail-content{padding:0 1rem 2rem}.project-section{padding:1rem}}
/*# sourceMappingURL=main.05977c79.css.map*/