:root{--bg-color:#030303;--surface-color:#0f0f0f;--text-primary:#fff;--text-secondary:#999;--accent-color:#ccc;--border-color:#262626;--font-main:"Inter",sans-serif;--transition:all 0.3s ease}*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#030303;background-color:var(--bg-color);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-main);overflow-x:hidden}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#030303;background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#262626;background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#999;background:var(--text-secondary)}.App{background-color:#030303;background-color:var(--bg-color);display:flex;flex-direction:column;min-height:100vh;width:100%}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:500;letter-spacing:-.02em;margin:0}p{line-height:1.6}.home{align-items:center;background-color:var(--bg-color);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:120px 20px 80px;width:100%}.bento-container{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:minmax(180px,auto);grid-template-columns:repeat(4,1fr);max-width:1100px;width:100%}.bento-item{-webkit-animation:fadeSlideIn .8s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeSlideIn .8s cubic-bezier(.165,.84,.44,1) forwards;background-color:var(--surface-color);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;display:flex;flex-direction:column;opacity:0;overflow:hidden;padding:30px;position:relative;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:var(--transition),opacity .6s ease,-webkit-transform .3s ease;transition:var(--transition),transform .3s ease,opacity .6s ease;transition:var(--transition),transform .3s ease,opacity .6s ease,-webkit-transform .3s ease}.bento-item:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.bento-item:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.bento-item:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.bento-item:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.bento-item:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}.bento-item:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}.bento-item:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s}.bento-item:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s}.bento-item:nth-child(9){-webkit-animation-delay:.9s;animation-delay:.9s}.bento-item:nth-child(10){-webkit-animation-delay:1s;animation-delay:1s}.bento-item:nth-child(n+11){-webkit-animation-delay:1.1s;animation-delay:1.1s}.bento-item:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 10px 30px rgba(0,0,0,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.bento-bio{grid-column:span 3}.bento-bio,.bento-profile{grid-row:span 2;justify-content:center}.bento-profile{align-items:center;grid-column:span 1;padding:0}.bento-profile img{-webkit-filter:grayscale(80%) contrast(1.1);filter:grayscale(80%) contrast(1.1);height:100%;object-fit:cover;transition:var(--transition);width:100%}.bento-profile:hover img{-webkit-filter:grayscale(0) contrast(1);filter:grayscale(0) contrast(1)}.bento-skill{grid-column:span 1;grid-row:span 1;justify-content:center}.bento-expertise,.bento-interests{grid-column:span 2;grid-row:span 1;justify-content:center}.bento-achievements,.bento-projects{grid-column:span 4;grid-row:span 1}.bento-projects{align-items:center;background:linear-gradient(135deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));cursor:pointer;justify-content:center;text-align:center;text-decoration:none}.bento-projects:hover{background:hsla(0,0%,100%,.05)}.bento-bio-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between}.mobile-profile-pic{display:none}.bento-bio h1{color:var(--text-primary);font-size:4rem;font-weight:300;letter-spacing:-.04em;margin-bottom:20px;min-height:4.5rem}.cursor{-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite;color:var(--text-secondary);display:inline-block;font-weight:100;margin-left:2px}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.bento-bio h2{color:var(--text-secondary);font-size:1.25rem;font-weight:300;line-height:1.5;margin-bottom:30px;max-width:600px}.bento-bio .socials{align-items:center;display:flex;gap:15px}.bento-bio .socials a:not(.resume-btn){align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:var(--text-secondary);display:flex;height:50px;justify-content:center;transition:var(--transition);width:50px}.bento-bio .socials a:not(.resume-btn):hover{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.resume-btn{align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:30px;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:400;gap:10px;height:50px;justify-content:center;letter-spacing:.05em;padding:0 25px;text-decoration:none;text-transform:uppercase;transition:var(--transition)}.resume-btn:hover{background:var(--text-primary);color:var(--bg-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.bento-item h3{color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.1em;margin-bottom:15px;text-transform:uppercase}.bento-item p{color:var(--text-primary);font-size:1rem;font-weight:300;line-height:1.6}.achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.achievement-card{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.02);border-radius:12px;padding:20px}.achievement-card h4{color:var(--text-primary);font-size:1.1rem;font-weight:400;margin-bottom:5px}.achievement-card span{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.bento-projects h3{color:var(--text-primary);font-size:1.5rem;letter-spacing:-.02em;margin-bottom:5px;text-transform:none}.bento-projects p{color:var(--text-secondary);font-size:.9rem}@media (max-width:900px){.home{padding-top:100px}.bento-container{grid-template-columns:repeat(2,1fr)}.bento-bio{grid-column:span 2;grid-row:span 2}.bento-bio h1{font-size:3rem}.bento-profile{grid-row:span 2;min-height:300px}.bento-achievements,.bento-expertise,.bento-interests,.bento-profile,.bento-projects{grid-column:span 2}.achievements-grid{grid-template-columns:1fr}}@media (max-width:600px){.bento-container{grid-template-columns:1fr}.bento-achievements,.bento-bio,.bento-expertise,.bento-interests,.bento-projects,.bento-skill{grid-column:span 1;grid-row:auto}.bento-profile{display:none}.mobile-profile-pic{border:1px solid hsla(0,0%,100%,.1);border-radius:50%;cursor:pointer;display:block;flex-shrink:0;height:60px;object-fit:cover;width:60px}.bento-bio h1{font-size:2.5rem}.bento-bio .socials{flex-wrap:wrap}}.profile-photo-modal{align-items:center;-webkit-animation:fadeInModal .3s ease forwards;animation:fadeInModal .3s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.9);cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:2000}.profile-photo-modal img{-webkit-animation:scaleUpModal .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation:scaleUpModal .3s cubic-bezier(.175,.885,.32,1.275) forwards;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 10px 50px rgba(0,0,0,.8);max-width:400px;width:100%}@-webkit-keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@-webkit-keyframes scaleUpModal{0%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleUpModal{0%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{padding:2em 0;position:relative}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid transparent;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid transparent;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.experience{align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:160px 0 80px;width:100%}.experience h1{color:var(--text-primary);font-size:4rem;font-weight:300;letter-spacing:-.04em;margin-bottom:5rem;text-align:center}.experience .content{max-width:1200px;width:100%}.vertical-timeline{margin:0 auto;max-width:1170px;width:95%}.vertical-timeline-element--education .vertical-timeline-element-content,.vertical-timeline-element--work .vertical-timeline-element-content{background-color:var(--surface-color);border:1px solid hsla(0,0%,100%,.05);border-radius:0;box-shadow:none;color:var(--text-primary);transition:var(--transition)}.vertical-timeline-element--education .vertical-timeline-element-content:hover,.vertical-timeline-element--work .vertical-timeline-element-content:hover{background-color:#151515;border-color:hsla(0,0%,100%,.2)}.vertical-timeline-element-content{padding:3rem 2.5rem!important;position:relative!important;z-index:1}.vertical-timeline-element-content:hover{z-index:100}.vertical-timeline-element-content-arrow{border-right-color:hsla(0,0%,100%,.05)!important}.vertical-timeline-element-date{color:var(--text-secondary)!important;font-size:14px!important;font-weight:400!important;letter-spacing:.1em}.vertical-timeline-element-title{color:var(--text-primary)!important;font-size:1.4rem!important;font-weight:400!important;letter-spacing:.02em;margin-bottom:.5rem!important}.vertical-timeline-element-subtitle{color:var(--text-secondary)!important;font-size:1.1rem!important;font-weight:300!important;margin-bottom:25px!important;margin-top:5px!important;position:relative}.vertical-timeline-element-subtitle:after{color:var(--text-secondary);content:"Hover for details ✨";display:block;font-size:.8rem;font-weight:300;margin-top:15px;opacity:.5;transition:var(--transition)}.vertical-timeline-element-content:hover .vertical-timeline-element-subtitle:after{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}.experience-details{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:hsla(0,0%,8%,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 30px 60px rgba(0,0,0,.8),inset 0 0 0 1px hsla(0,0%,100%,.05);left:0;list-style-type:none;margin:0;min-width:320px;opacity:0;padding:25px;pointer-events:none;position:absolute;top:calc(100% + 15px);-webkit-transform:translateY(-10px) scale(.98);transform:translateY(-10px) scale(.98);transition:all .4s cubic-bezier(.175,.885,.32,1.275);visibility:hidden;width:100%;z-index:100}.experience-details:before{content:"";height:20px;left:0;position:absolute;top:-20px;width:100%}.vertical-timeline-element-content:hover .experience-details{opacity:1;pointer-events:auto;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);visibility:visible}.experience-details li{color:var(--text-secondary);font-size:.95rem;font-weight:300;line-height:1.6;margin-bottom:15px;padding-left:20px;position:relative}.experience-details li:last-child{margin-bottom:0}.experience-details li:before{color:var(--text-primary);content:"•";font-size:1.2rem;left:0;line-height:1;position:absolute;top:2px}.vertical-timeline-element--education .vertical-timeline-element-icon,.vertical-timeline-element--work .vertical-timeline-element-icon{background:var(--bg-color)!important;box-shadow:0 0 0 4px hsla(0,0%,100%,.05),inset 0 2px 0 rgba(0,0,0,.08)!important;color:var(--text-primary)!important}@media only screen and (max-width:1169px){.vertical-timeline-element-date{color:var(--text-secondary)!important;margin-bottom:0!important;margin-top:1rem!important;text-align:center!important}}@media only screen and (max-width:800px){.experience{padding-top:100px}.experience h1{font-size:2.5rem;margin-bottom:3rem}.vertical-timeline-element-content{padding:2rem 1.5rem!important}.vertical-timeline-element-title{font-size:1.2rem!important}.vertical-timeline-element-subtitle{font-size:1rem!important}.vertical-timeline-element-subtitle:after{display:none}.mobile-tap-hint{color:var(--text-secondary);display:block;font-size:.8rem;font-weight:300;margin-top:10px;opacity:.6}.experience-details{background:transparent;border:none;box-shadow:none;display:flex;flex-direction:column;left:0;margin-top:0;max-height:0;min-width:auto;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:relative;top:0;-webkit-transform:none;transform:none;transition:all .4s ease-in-out;visibility:hidden;width:100%;word-break:break-word}.experience-details.mobile-expanded{border-top:1px solid hsla(0,0%,100%,.05);margin-top:15px;max-height:1500px;opacity:1;padding-top:15px;pointer-events:auto;visibility:visible}.experience-details:before{display:none}.experience-details li{font-size:.9rem}}@media only screen and (min-width:801px){.mobile-tap-hint{display:none}}.projects{align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:160px 0 80px;width:100%}.projects .projectTitle{color:var(--text-primary);font-size:4rem;font-weight:300;letter-spacing:-.04em;margin-bottom:5rem;text-align:center}.projectList{grid-gap:3rem;box-sizing:border-box;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1200px;padding:0 2rem;width:100%}.projectItem{-webkit-animation:fadeSlideInProj .8s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeSlideInProj .8s cubic-bezier(.165,.84,.44,1) forwards;cursor:pointer;display:flex;flex-direction:column;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:var(--transition),opacity .6s ease,-webkit-transform .3s ease;transition:var(--transition),transform .3s ease,opacity .6s ease;transition:var(--transition),transform .3s ease,opacity .6s ease,-webkit-transform .3s ease;width:100%}@-webkit-keyframes fadeSlideInProj{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeSlideInProj{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.projectItem:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.projectItem:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.projectItem:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.projectItem:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.projectItem:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}.projectItem:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}.projectItem:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s}.projectItem:nth-child(n+8){-webkit-animation-delay:.8s;animation-delay:.8s}.projectItem:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.projectItem .bgImage{background-position:50%;background-size:cover;border:1px solid hsla(0,0%,100%,.05);-webkit-filter:grayscale(60%) contrast(1.1);filter:grayscale(60%) contrast(1.1);height:250px;transition:-webkit-filter .5s ease;transition:filter .5s ease;transition:filter .5s ease,-webkit-filter .5s ease;width:100%}.projectItem:hover .bgImage{-webkit-filter:grayscale(0) contrast(1);filter:grayscale(0) contrast(1)}.projectItem h1{color:var(--text-primary);font-size:1.2rem;font-weight:400;letter-spacing:.05em;margin:1.5rem 0 0;text-align:left;transition:var(--transition)}.projectItem:hover h1{color:var(--text-secondary)}@media only screen and (max-width:1300px){.projectList{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media only screen and (max-width:800px){.projects{padding-top:100px}.projects .projectTitle{font-size:2.5rem;margin-bottom:3rem}}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(3,3,3,.8);box-shadow:0 1px 0 hsla(0,0%,100%,.05);height:80px;left:0;position:fixed;top:0;z-index:1000}.links,.navbar{align-items:center;display:flex;justify-content:center;width:100%}.links{height:100%}.navbar a{color:var(--text-secondary);font-size:15px;font-weight:400;letter-spacing:.1em;margin:0 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:var(--transition)}.navbar a:after{background:var(--text-primary);bottom:-6px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar a:hover{color:var(--text-primary)}.navbar a:hover:after{width:100%}.toggleButton{display:none}@media only screen and (max-width:800px){.navbar{justify-content:flex-start}.toggleButton{align-items:center;display:flex;height:80px;padding-right:20px;position:absolute;right:0;top:0;z-index:1001}.toggleButton button{align-items:center;background:transparent;border:none;color:#fff!important;cursor:pointer;display:flex;justify-content:center;margin:0;padding:0}.toggleButton svg{font-size:2.2rem}#close .links{display:none}#open{align-items:center;background:rgba(3,3,3,.98);height:100vh;justify-content:center}#open,#open .links{flex-direction:column}#open .links{display:flex;gap:2rem;height:auto}#open a{font-size:1.5rem;margin:0}}.footer{align-items:center;background-color:var(--bg-color);border-top:1px solid hsla(0,0%,100%,.05);flex-direction:column;min-height:15vh;padding:4rem 2rem;width:100%}.footer,.socialMedia{display:flex;justify-content:center}.socialMedia a{color:var(--text-secondary);margin:0 1.5rem;transition:var(--transition)}.socialMedia a:hover{color:var(--text-primary);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.socialMedia svg{font-size:2rem}.footer p{color:var(--text-secondary);font-size:.8rem;font-weight:300;letter-spacing:.05em;margin-top:2rem;text-transform:uppercase}.project{align-items:center;background-color:var(--bg-color);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:160px 0 80px;width:100%}.project h1{color:var(--text-primary);font-size:4rem;font-weight:300;letter-spacing:-.04em;margin-bottom:2rem;text-align:center}.projectDisplay{border:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:center;margin-bottom:3rem;max-width:800px;overflow:hidden;width:100%}.projectDisplay img{display:block;-webkit-filter:grayscale(20%);filter:grayscale(20%);height:auto;width:100%}.project p{word-wrap:break-word;color:var(--text-secondary);font-size:1.1rem;font-weight:300;margin-bottom:1rem;padding:0 1rem;text-align:center}.project b{font-weight:500}.project a,.project b{color:var(--text-primary)}.project a{word-wrap:break-word;border-bottom:1px solid hsla(0,0%,100%,.2);font-size:1rem;font-weight:400;margin-bottom:2rem;padding:0 1rem;text-align:center;text-decoration:none;transition:var(--transition)}.project a:hover{border-bottom-color:var(--text-primary)}.project svg{color:var(--text-secondary);font-size:2.5rem;margin-top:10px;transition:var(--transition)}.project svg:hover{color:var(--text-primary);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.loader{align-items:center;display:flex;height:200px;justify-content:center;margin-top:1rem}@media (max-width:768px){.project h1{font-size:2.5rem}.projectDisplay{width:90%}}.contact{align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:160px 0 80px;width:100%}.contact h1{color:var(--text-primary);font-size:4rem;font-weight:300;letter-spacing:-.04em;margin-bottom:5rem;text-align:center}.container.contact__container{grid-gap:4rem;box-sizing:border-box;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px;padding:0 2rem;width:100%}.contact__options{display:flex;flex-direction:column;gap:1.5rem}.contact__option{-webkit-animation:fadeSlideInContact .8s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeSlideInContact .8s cubic-bezier(.165,.84,.44,1) forwards;background-color:var(--surface-color);border:1px solid hsla(0,0%,100%,.05);border-radius:0;opacity:0;padding:2.5rem;text-align:left;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:var(--transition),opacity .6s ease,-webkit-transform .3s ease;transition:var(--transition),transform .3s ease,opacity .6s ease;transition:var(--transition),transform .3s ease,opacity .6s ease,-webkit-transform .3s ease}@-webkit-keyframes fadeSlideInContact{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeSlideInContact{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.contact__option:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.contact__option:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.contact__option:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.contact__option:hover{background-color:#151515;border-color:hsla(0,0%,100%,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.contact__option-icon{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.contact__option h4{color:var(--text-primary);font-size:1.2rem;font-weight:400;letter-spacing:.05em;margin-bottom:.5rem}.contact__option h5{color:var(--text-secondary);font-size:.9rem;font-weight:300;margin-bottom:1.5rem;word-break:break-all}.contact__option a{border-bottom:1px solid hsla(0,0%,100%,.2);color:var(--text-primary);display:inline-block;font-size:.9rem;font-weight:400;letter-spacing:.05em;padding:10px 0;text-decoration:none;text-transform:uppercase;transition:var(--transition)}.contact__option a:hover{border-bottom-color:var(--text-primary)}form{-webkit-animation:fadeSlideInContact .8s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeSlideInContact .8s cubic-bezier(.165,.84,.44,1) forwards;-webkit-animation-delay:.5s;animation-delay:.5s;display:flex;flex-direction:column;gap:1.5rem;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}input,textarea{background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:0;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:1rem;font-weight:300;padding:1.2rem;resize:none;transition:var(--transition);width:100%}input:focus,textarea:focus{background:var(--surface-color);border-color:var(--text-primary);outline:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.3)}input::placeholder,textarea::placeholder{color:hsla(0,0%,100%,.3)}.contact-btn{background:transparent!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:0!important;box-shadow:none!important;color:var(--text-primary)!important;font-size:.9rem!important;font-weight:400!important;letter-spacing:.1em!important;margin-top:1rem!important;padding:1rem 2rem!important;text-transform:uppercase!important;transition:var(--transition)!important}.contact-btn:hover{background:var(--text-primary)!important;color:var(--bg-color)!important}.custom-loader{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center;width:100%}.custom-loader h2{font-size:2.5rem;font-weight:300;letter-spacing:-.02em;margin-bottom:2rem}.loader-container{margin-top:2rem}@media screen and (max-width:1024px){.contact{padding-top:100px}.container.contact__container{gap:3rem;grid-template-columns:1fr}}@media screen and (max-width:600px){.contact{padding-top:100px}.contact h1{font-size:2.5rem}.contact__option{padding:1.5rem}.location-widget{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem}.location-text h3{font-size:1.2rem}}.location-widget{align-items:center;-webkit-animation:fadeSlideInContact .8s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeSlideInContact .8s cubic-bezier(.165,.84,.44,1) forwards;-webkit-animation-delay:.4s;animation-delay:.4s;background-color:var(--surface-color);border:1px solid hsla(0,0%,100%,.05);display:flex;gap:2rem;opacity:0;padding:1.5rem 2.5rem;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:var(--transition)}.location-widget:hover{border-color:hsla(0,0%,100%,.2)}.radar-container{align-items:center;display:flex;height:50px;justify-content:center;position:relative;width:50px}.radar-dot{background-color:var(--text-primary);border-radius:50%;box-shadow:0 0 10px hsla(0,0%,100%,.8);height:6px;width:6px;z-index:2}.radar-ripple{-webkit-animation:ripple 2s linear infinite;animation:ripple 2s linear infinite;border:1px solid hsla(0,0%,100%,.3);border-radius:50%;height:100%;position:absolute;width:100%}.radar-ripple:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes ripple{0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes ripple{0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.location-text h4{color:var(--text-secondary);font-size:.75rem;letter-spacing:.15em;margin-bottom:.2rem;text-transform:uppercase}.location-text h3{color:var(--text-primary);font-size:1.4rem;font-weight:300;letter-spacing:.02em;margin-bottom:.2rem}.location-text p{color:hsla(0,0%,100%,.2);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem}.not-found{align-items:center;background-color:var(--bg-color);box-sizing:border-box;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:100px 20px;width:100%}.terminal-container{-webkit-animation:fadeSlideIn .8s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeSlideIn .8s cubic-bezier(.165,.84,.44,1) forwards;background-color:#0d0d0d;border:1px solid #262626;border-radius:10px;box-shadow:0 30px 60px rgba(0,0,0,.8),inset 0 0 0 1px hsla(0,0%,100%,.05);max-width:700px;opacity:0;overflow:hidden;-webkit-transform:translateY(-20px);transform:translateY(-20px);width:100%}@-webkit-keyframes fadeSlideIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeSlideIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.terminal-header{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #262626;display:flex;gap:8px;padding:12px 18px}.dot{border-radius:50%;height:13px;width:13px}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.terminal-header .title{color:#666;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;letter-spacing:.05em;margin-left:auto;margin-right:auto;padding-right:50px}.terminal-body{display:flex;flex-direction:column;min-height:250px;padding:40px}.terminal-body pre{color:#ff5f56;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.1rem;line-height:1.8;margin:0;white-space:pre-wrap}.terminal-body .cursor{-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite;display:inline-block;margin-left:2px}.recover-btn{align-self:flex-start;-webkit-animation:fadeSlideUp .5s ease forwards;animation:fadeSlideUp .5s ease forwards;background-color:initial;border:1px solid #27c93f;border-radius:4px;color:#27c93f;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;letter-spacing:.1em;margin-top:40px;opacity:0;padding:12px 25px;text-decoration:none;-webkit-transform:translateY(10px);transform:translateY(10px);transition:all .3s ease}@-webkit-keyframes fadeSlideUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeSlideUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.recover-btn:hover{background-color:#27c93f;box-shadow:0 0 15px rgba(39,201,63,.4);color:#0d0d0d}
/*# sourceMappingURL=main.3716c930.css.map*/