.p5-canvas-container[data-v-aee1553b]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.p5-canvas-container .p5-canvas-container[data-v-aee1553b]{transition:filter 1s ease-in-out}.hero-section[data-v-22beb337]{height:100vh;overflow:hidden;background-color:#222831;display:flex;align-items:center;padding:20px;box-sizing:border-box;position:relative}.container[data-v-22beb337]{display:flex;flex-grow:1;width:100%;background-color:transparent;box-shadow:0 0 15px #0000001a;padding:40px;box-sizing:border-box;position:relative;z-index:1;max-height:100%;overflow-y:auto;max-width:1500px;margin-left:auto;margin-right:auto}.two-column[data-v-22beb337]{display:flex;flex-grow:1;gap:20px;flex-wrap:nowrap;width:100%;align-items:stretch;position:relative;z-index:2}.left-column[data-v-22beb337]{width:300px;flex-shrink:0;display:flex;flex-direction:column;color:#e6e1d2}.left-column h1[data-v-22beb337]{font-size:3.3rem;margin-bottom:.5rem;color:#e6e1d2;text-align:left}.left-column .large-text[data-v-22beb337]{font-size:.9rem;line-height:1.6;color:#d87a4a;margin-top:0;text-align:left}.right-column[data-v-22beb337]{flex-grow:1;min-height:500px;color:#e6e1d2;display:flex;flex-direction:column;position:relative}.content-section[data-v-22beb337]{flex-grow:1;display:flex;flex-direction:column;animation:fadeIn-22beb337 1.5s ease-in-out}.home-content[data-v-22beb337]{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:10px}.about-para[data-v-22beb337]{font-size:.81rem;line-height:1.5;color:#e6e1d2;max-width:200px;margin:auto 0 40px auto;text-align:justify}.main-navigation[data-v-22beb337]{margin-top:1rem;text-align:left;animation:fadeIn-22beb337 1.5s ease-in-out}.nav-item[data-v-22beb337]{display:block;margin-bottom:.8rem;font-size:.8rem;cursor:pointer;transition:all .2s ease;text-transform:capitalize;color:#e6e1d2;text-align:left;position:relative;padding-bottom:2px}.nav-item[data-v-22beb337]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#d87a4a;transition:width .3s ease}.nav-item[data-v-22beb337]:hover:after{width:40%}.nav-item[data-v-22beb337]:hover{opacity:.8;color:#d87a4a;transform:translate(5px)}.nav-item.active[data-v-22beb337]{font-weight:700;opacity:1;color:#d87a4a}.project-list-view[data-v-22beb337]{display:flex;flex-direction:column;gap:2.5rem;text-align:left;animation:fadeIn-22beb337 1s ease-in-out;max-width:1000px;margin:auto 0 auto auto}.project-list-view .project-item[data-v-22beb337]{padding-bottom:.5rem;cursor:pointer;transition:all .3s ease-out;animation:fadeIn-22beb337 .5s ease-in-out;animation-fill-mode:forwards;opacity:0}.project-list-view .project-item[data-v-22beb337]:last-child{border-bottom:none}.project-list-view .project-item:hover h3[data-v-22beb337]{color:#d87a4a}.project-list-view .project-item h3[data-v-22beb337]{font-size:3.8rem;font-weight:50;margin-bottom:.5rem;line-height:1;color:#e6e1d2;text-align:right;transition:color .3s ease}.project-list-view .project-short-description[data-v-22beb337]{font-size:.9rem;color:#d87a4a;line-height:1.4;margin-bottom:0;text-align:right}.project-detail-view[data-v-22beb337]{display:flex;flex-direction:column;gap:1.5rem;text-align:justify;animation:fadeIn-22beb337 1s ease-in-out;max-width:450px;margin:auto 0 auto auto}.project-detail-view h2[data-v-22beb337]{font-size:3rem;margin-bottom:.5rem;color:#d87a4a;text-align:justify}.project-detail-view h3[data-v-22beb337]{font-size:1.2rem;margin-top:2rem;margin-bottom:.8rem;color:#e6e1d2;text-align:justify}.project-detail-view p[data-v-22beb337]{font-size:.9rem;line-height:1.6;color:#e6e1d2;max-width:none;text-align:justify}.project-links ul[data-v-22beb337]{list-style:none;padding-left:0;margin-top:.05rem;animation:fadeIn-22beb337 1s ease-in-out}.project-links li[data-v-22beb337]{margin-bottom:.5rem;text-align:justify}.project-links a[data-v-22beb337]{color:#e6e1d2;transition:opacity .2s ease}.project-links a[data-v-22beb337]:hover{opacity:.8;color:#d87a4a;transition:color .6s ease}.back-button[data-v-22beb337]{background:none;border:none;color:#e6e1d2;font-size:.9rem;font-weight:500;cursor:pointer;text-align:left;padding:0;margin-bottom:2rem;transition:color 1s ease}.back-button[data-v-22beb337]:hover{color:#d87a4a}.experience-list-view[data-v-22beb337]{display:flex;flex-direction:column;gap:2.5rem;text-align:left;max-width:450px;margin-top:auto;margin-bottom:auto;margin-left:auto;margin-right:2000}.experience-list-view .experience-item[data-v-22beb337]{padding-bottom:.5rem;cursor:pointer;transition:opacity .2s ease;animation:fadeIn-22beb337 .5s ease-in-out;animation-fill-mode:forwards;opacity:0}.experience-list-view .experience-item[data-v-22beb337]:last-child{border-bottom:none}.experience-list-view .experience-item:hover h3[data-v-22beb337]{opacity:.8;color:#d87a4a}.experience-list-view .experience-item h3[data-v-22beb337]{font-size:3.8rem;font-weight:50;margin-bottom:.5rem;line-height:1;color:#e6e1d2;text-align:right}.experience-list-view .experience-company-duration[data-v-22beb337]{font-weight:500;font-size:1rem;color:#e6e1d2;margin-bottom:.5rem;text-align:right}.experience-list-view .experience-short-description[data-v-22beb337]{font-size:.9rem;color:#d87a4a;line-height:1.4;margin-bottom:0;text-align:right}.experience-detail-view[data-v-22beb337]{display:flex;flex-direction:column;gap:1.5rem;text-align:justify;animation:fadeIn-22beb337 1s ease-in-out;max-width:450px;margin:auto 0 auto auto}.experience-detail-view h2[data-v-22beb337]{font-size:3rem;margin-bottom:.5rem;color:#e6e1d2;text-align:left}.experience-detail-view .experience-company-duration[data-v-22beb337]{font-size:1.1rem;color:#d87a4a;margin-bottom:0rem;text-align:justify}.experience-detail-view .experience-description ul[data-v-22beb337]{font-size:1rem;line-height:1.6;color:#e6e1d2;max-width:none;text-align:justify}.experience-detail-view .experience-description li[data-v-22beb337]{font-size:.9rem;line-height:1.6;text-align:left;list-style-type:none;padding-left:0;color:#e6e1d2;margin-bottom:.5rem}.experience-detail-view .experience-skills h3[data-v-22beb337]{font-size:1.1rem;color:#d87a4a;margin-bottom:.5rem;text-align:justify}.experience-detail-view .experience-skills p[data-v-22beb337]{font-size:.9rem;line-height:1.6;color:#e6e1d2;margin-bottom:0}.about-content[data-v-22beb337]{display:flex;flex-direction:column;gap:2.5rem;text-align:justify;animation:fadeIn-22beb337 1s ease-in-out;max-width:400px;margin:auto 0 auto auto}.about-content h3[data-v-22beb337]{font-size:2.8rem;font-weight:50;margin-bottom:.5rem;line-height:1;color:#d87a4a;text-align:justify;margin-bottom:1rem}.about-content p[data-v-22beb337]{font-size:.9rem;color:#e6e1d2;line-height:1.6;margin-bottom:0;text-align:justify}.about-content p strong[data-v-22beb337]{color:#e6e1d2;font-weight:600;margin-top:1rem}.resume-download[data-v-22beb337]{display:inline-block;padding:7px 10px;color:#d87a4a!important;text-decoration:none;border-radius:10px;border:3px solid #D87A4A;background-color:transparent;transition:all .2s ease;font-weight:500;margin-top:2rem}.container[data-v-22beb337]:before{content:"";position:absolute;top:0;left:0;width:0;height:0;box-sizing:border-box;border-top:1px solid #e6e1d2;border-left:1px solid #e6e1d2;animation:draw-border-22beb337 1s ease-out forwards}.container[data-v-22beb337]:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;box-sizing:border-box;border-bottom:1px solid #e6e1d2;border-right:1px solid #e6e1d2;animation:draw-border-22beb337 1s ease-out 1s forwards}.resume-download[data-v-22beb337]:hover{background-color:#222831;color:#222831;opacity:1!important;transform:translateY(-3px)}.contact-content.centered-links[data-v-22beb337]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.2rem;width:100%}.contact-content.centered-links a[data-v-22beb337]{color:#e6e1d2;text-decoration:none;transition:opacity 01s ease;font-size:.9rem;font-weight:500}.contact-content.centered-links a[data-v-22beb337]:hover{opacity:.8;color:#d87a4a;transform:translateY(-1px);transition:color .2s ease}@keyframes draw-border-22beb337{0%{width:0;height:0}to{width:100%;height:100%}}@keyframes fadeIn-22beb337{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.liminal-toggle-wrapper[data-v-22beb337]{margin-top:.2rem}#liminal-toggle[data-v-22beb337]{color:#d87a4a;cursor:pointer;transition:all .3s ease;animation:rattle-22beb337 2s ease-in-out 6s infinite}#liminal-toggle[data-v-22beb337]:hover{opacity:.7}.copyright-footer[data-v-22beb337]{position:absolute;bottom:4px;left:4px;font-size:.6rem;color:#f4f4f4;opacity:1}.copyright-circle[data-v-22beb337]{display:inline-flex;justify-content:center;align-items:center;width:1.4em;height:1.4em;border:2px solid #e6e1d2;border-radius:50%;margin-right:0;position:relative;top:.01rem}.liminal-mode-active #liminal-toggle[data-v-22beb337]{color:#18230f;transform:rotate(45deg)}.liminal-mode-active #liminal-toggle[data-v-22beb337]:hover{opacity:1;transform:rotate(45deg) scale(1.1)}.liminal-mode-active h1[data-v-22beb337],.liminal-mode-active .large-text[data-v-22beb337],.liminal-mode-active p[data-v-22beb337],.liminal-mode-active .nav-item[data-v-22beb337],.liminal-mode-active .nav-item.active[data-v-22beb337]{color:#4e1f00!important}.liminal-mode-active .nav-item[data-v-22beb337]:hover{color:#18230f!important}.liminal-mode-active .nav-item[data-v-22beb337]:after{background-color:#18230f!important}.liminal-mode-active .project-list-view .project-item h3[data-v-22beb337],.liminal-mode-active .project-list-view .project-short-description[data-v-22beb337]{color:#4e1f00!important}.liminal-mode-active .project-list-view .project-item:hover h3[data-v-22beb337]{color:#18230f!important}.liminal-mode-active .experience-list-view .experience-item h3[data-v-22beb337],.liminal-mode-active .experience-list-view .experience-company-duration[data-v-22beb337],.liminal-mode-active .experience-list-view .experience-short-description[data-v-22beb337]{color:#4e1f00!important}.liminal-mode-active .experience-list-view .experience-item:hover h3[data-v-22beb337]{color:#18230f!important}.liminal-mode-active .project-detail-view h2[data-v-22beb337],.liminal-mode-active .project-detail-view p[data-v-22beb337],.liminal-mode-active .experience-detail-view h2[data-v-22beb337],.liminal-mode-active .experience-detail-view p[data-v-22beb337],.liminal-mode-active .experience-description li[data-v-22beb337],.liminal-mode-active .experience-skills p[data-v-22beb337],.liminal-mode-active .experience-skills h3[data-v-22beb337],.liminal-mode-active .experience-company-duration[data-v-22beb337],.liminal-mode-active .about-main-text h3[data-v-22beb337],.liminal-mode-active .about-sidebar h3[data-v-22beb337],.liminal-mode-active .back-button[data-v-22beb337],.liminal-mode-active .project-links a[data-v-22beb337],.liminal-mode-active .contact-content.centered-links a[data-v-22beb337]{color:#4e1f00!important}.liminal-mode-active .back-button[data-v-22beb337]:hover,.liminal-mode-active .project-links a[data-v-22beb337]:hover,.liminal-mode-active .contact-content.centered-links a[data-v-22beb337]:hover{color:#18230f!important}.liminal-mode-active .container[data-v-22beb337]:before,.liminal-mode-active .container[data-v-22beb337]:after{border-color:#36454f!important}.liminal-mode-active #liminal-toggle[data-v-22beb337]{color:#4e1f00!important}.liminal-mode-active #liminal-toggle[data-v-22beb337]:hover{color:#18230f!important}.liminal-mode-active .resume-download[data-v-22beb337]{color:#18230f!important;border-color:#18230f!important}.liminal-mode-active .resume-download[data-v-22beb337]:hover{background-color:#4e1f00!important;color:#fffbeb!important;border-color:#4e1f00!important}.liminal-mode-active #liminal-toggle[data-v-22beb337]{animation:none}@keyframes rattle-22beb337{0%{transform:translate(0) rotate(0)}10%{transform:translate(-5px) rotate(-3deg)}30%{transform:translate(5px) rotate(3deg)}50%{transform:translate(-3px) rotate(-2deg)}70%{transform:translate(3px) rotate(2deg)}90%{transform:translate(-1px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}@media (max-width: 768px){.hero-section[data-v-22beb337]{padding:10px;height:100vh;box-sizing:border-box}.container[data-v-22beb337]{width:100%;height:100%;padding:15px;display:flex;flex-direction:column}.two-column[data-v-22beb337]{flex-direction:row;gap:20px;flex:1;min-height:0}.left-column[data-v-22beb337]{width:110px;flex-shrink:0;display:flex;flex-direction:column}.about-para[data-v-22beb337]{font-size:.8rem;max-width:85%;margin-bottom:10vh;text-align:left}.left-column h1[data-v-22beb337]{font-size:2.5rem;line-height:1.1;text-align:left}.left-column .large-text[data-v-22beb337]{font-size:1rem}.right-column[data-v-22beb337]{flex:1;overflow-y:auto;min-height:0;text-align:left}.main-navigation[data-v-22beb337]{margin-top:1.8rem;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.project-list-view[data-v-22beb337],.experience-list-view[data-v-22beb337],.about-grid[data-v-22beb337],.project-list-view .project-item h3[data-v-22beb337],.project-list-view .project-short-description[data-v-22beb337],.experience-list-view .experience-item h3[data-v-22beb337],.experience-list-view .experience-company-duration[data-v-22beb337],.experience-list-view .experience-short-description[data-v-22beb337]{text-align:left;margin-left:0;margin-right:0;max-width:100%}.project-list-view .project-item h3[data-v-22beb337],.experience-list-view .experience-item h3[data-v-22beb337],.about-main-text h3[data-v-22beb337]{font-size:2rem;text-align:left}.about-main-text p[data-v-22beb337]{font-size:.8rem;text-align:left}.project-list-view .project-short-description[data-v-22beb337],.experience-list-view .experience-company-duration[data-v-22beb337],.experience-list-view .experience-short-description[data-v-22beb337]{font-size:.8rem;line-height:1.5;text-align:left}.contact-content.centered-links[data-v-22beb337]{height:100%;font-size:.8rem;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translate(-30px)}.liminal-toggle-wrapper[data-v-22beb337]{margin-top:1rem;margin-bottom:1rem}.project-detail-view[data-v-22beb337]{transform:scale(.9);transform-origin:top left;margin-top:25vh;text-align:left!important;animation:fadeIn-22beb337 1s ease-in-out}.experience-detail-view[data-v-22beb337]{transform:scale(.8);transform-origin:top left;margin-top:25vh;margin-left:0;margin-right:0;text-align:left!important;animation:fadeIn-22beb337 1s ease-in-out;max-width:none;width:100%;height:100%}.experience-detail-view h2[data-v-22beb337],.project-detail-view h2[data-v-22beb337]{font-size:2.5rem;text-align:left}.project-detail-view[data-v-22beb337] *,.experience-detail-view[data-v-22beb337] *{text-align:left!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Neue Montreal,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;color:#f0f0f0;background-color:#0d0d0d;font-weight:600;font-feature-settings:"palt";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}h1{font-size:clamp(2.5rem,8vw,6rem);font-weight:5;line-height:.9;letter-spacing:-.02em;margin-bottom:2rem;color:#f0f0f0}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:60;line-height:1.1;letter-spacing:-.01em;margin-bottom:1.5rem;color:#f0f0f0}h3{font-size:1.25rem;font-weight:500;line-height:1.2;margin-bottom:1rem;color:#f0f0f0}p{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;max-width:65ch;color:#aaa}.large-text{font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.5;font-weight:400;margin-bottom:3rem;max-width:50ch;color:#aaa}.small-text{font-size:.875rem;line-height:1.5;color:#666}a{color:inherit;text-decoration:none;transition:all .2s ease}a:hover{opacity:.7}.nav-item{font-size:1rem;font-weight:400;line-height:1.3;cursor:pointer;margin-bottom:.5rem;transition:all .2s ease;color:#f0f0f0}.nav-item:hover{opacity:.6}.nav-item.active{font-weight:500;color:#fff}.container{max-width:none;margin:0;padding:3rem;height:100vh}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:4rem;height:100%;align-items:start}.left-column{position:sticky;top:3rem}.right-column{padding-top:2rem}.text-left{text-align:left}.fade-in{opacity:0;transform:translateY(10px);transition:all .4s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.container{padding:2rem 1.5rem}.two-column{grid-template-columns:1fr;gap:2rem}.left-column{position:static}h1{margin-bottom:1.5rem}.large-text{margin-bottom:2rem}}@media (max-width: 480px){.container{padding:1.5rem 1rem}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;background-color:#222831;display:flex;justify-content:center;align-items:center}.preloader-box{position:relative;width:calc(100% - 40px);max-width:1500px;height:calc(100% - 40px);padding:40px;text-align:center;display:flex;justify-content:center;align-items:center}.preloader-name{font-weight:300}.preloader-title{font-weight:100;opacity:.8;margin-left:.5em;color:#d87a4a}.preloader-text{color:#e6e1d2;font-size:1.8rem;letter-spacing:.5px;margin:0}.fade-leave-active{transition:opacity 1s ease}.fade-leave-to{opacity:0}.preloader-name,.preloader-title{opacity:0;animation-fill-mode:forwards;animation-duration:1.5s;animation-timing-function:ease-out}.preloader-name{animation-name:simple-fade-in;animation-delay:.5s}.preloader-title{animation-name:fade-up;animation-delay:.8s}.border-line{position:absolute;background-color:#d87a4a;transform-origin:center}.line-top{top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left}.line-right{top:0;right:0;width:2px;height:100%;transform:scaleY(0);transform-origin:top}.line-bottom{bottom:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:right}.line-left{top:0;left:0;width:2px;height:100%;transform:scaleY(0);transform-origin:bottom}@keyframes scale-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scale-in-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.preloader-box .line-top{animation:scale-in .5s ease-out forwards}.preloader-box .line-right{animation:scale-in-y .5s ease-out .5s forwards}.preloader-box .line-bottom{animation:scale-in .5s ease-out 1s forwards}.preloader-box .line-left{animation:scale-in-y .5s ease-out 1.5s forwards}@keyframes simple-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.preloader-text{font-size:1.3rem;text-align:center;padding:0 1rem}}