@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;max-width:100vw;overflow-x:hidden;padding-top:clamp(75px,10vw,100px);width:100%}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background-color:#fafafa;height:100%;margin:0;padding:0}html{scroll-behavior:smooth}section{min-height:auto;overflow-x:hidden;width:100%}section:first-of-type{display:block;min-height:100vh;min-height:100dvh;overflow:visible;position:relative}@supports (-webkit-touch-callout:none){section:first-of-type{min-height:-webkit-fill-available}}#root{background-color:#fafafa;height:100%}.App{height:100%;text-align:center}.App,.main-content{display:flex;flex:1 1;flex-direction:column}.red{color:red}.left{text-align:left}h1{color:#000;font-size:clamp(1.5rem,2vw,2rem)}h1,h2{font-family:opensans,sans-serif}h2{color:#222;font-size:clamp(1.25rem,1.5vw,1.5rem);padding:clamp(8px,1vw,10px)}h3{color:#000;font-size:clamp(.875rem,1.5vh,1rem);padding:none}h3,h4{font-family:opensans,sans-serif}h4{color:#222;font-size:clamp(1.25rem,2vw,1.5rem);padding:clamp(10px,1.5vw,15px)}p{color:#000;font-size:clamp(.875rem,1.5vw,1rem);padding:clamp(2px,.5vw,4px)}p,p1{font-family:opensans,sans-serif}p1{color:#222;font-size:clamp(1rem,2vw,1.25rem);padding:clamp(4px,.75vw,6px)}li{font-size:clamp(.875rem,1.2vw,1rem);padding:clamp(2px,.5vw,3px)}a,li{font-family:opensans,sans-serif}a{font-size:clamp(.875rem,1.5vw,1rem)}.Home{text-align:center}#cool{color:#7fffd4}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:120vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button{background-color:#faebd7;border-radius:20px;font-family:gaegu;padding:10px}.header-custom{align-items:center;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#fafafaf2;border:1px solid #fffc;border-radius:50px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px 0 #ffffffe6;color:#222;display:flex;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;height:auto;justify-content:center;left:50%;max-width:90%;min-height:clamp(50px,8vw,65px);overflow:hidden;padding:clamp(.5rem,1.5vw,.75rem) clamp(1.5rem,4vw,2.5rem);position:fixed;top:20px;transform:translateX(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1000}.header-custom:hover{box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f,inset 0 1px 0 #ffffffe6;transform:translateX(-50%) translateY(-2px)}.header-gradient{background:radial-gradient(600px circle at 50% 50%,#00000008 0,#0000 70%);background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),#00000008 0,#0000 70%);border-radius:50px;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.header-custom:hover .header-gradient{opacity:1}.header-nav{gap:.5rem;list-style:none;z-index:2}.header-nav,.nav-item{align-items:center;display:flex;position:relative}.nav-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #0000000f;border-radius:25px;box-shadow:0 2px 8px #0000000f,inset 0 1px 0 #fffc;color:#333;cursor:pointer;font-size:clamp(.75rem,1.8vw,.9rem);font-weight:500;justify-content:center;letter-spacing:-.01em;overflow:hidden;padding:clamp(.5rem,1.2vw,.75rem) clamp(1.2rem,3vw,1.75rem);text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-text{position:relative;transition:transform .3s ease,color .3s ease;z-index:1}.nav-glow{background:radial-gradient(circle,#00000014 0,#0000 70%);height:100px;pointer-events:none;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .6s cubic-bezier(.4,0,.2,1);width:100px}.nav-dot,.nav-glow{border-radius:50%;left:50%;position:absolute}.nav-dot{background:#0000004d;bottom:8px;height:3px;transform:translateX(-50%) scale(0);transition:transform .4s cubic-bezier(.4,0,.2,1);width:3px}.nav-item:hover{background:#0000000f;border-color:#0000001f;box-shadow:0 4px 12px #0000001a,0 2px 6px #0000000f,inset 0 1px 0 #ffffffe6;color:#222;transform:translateY(-3px) scale(1.02)}.nav-item:hover .nav-text{transform:translateY(-1px)}.nav-item:hover .nav-glow{transform:translate(-50%,-50%) scale(1)}.nav-item:hover .nav-dot{transform:translateX(-50%) scale(1)}.nav-item.active{background:#0000000a;border-color:#0000001a;box-shadow:0 2px 8px #0000000f,inset 0 1px 0 #fffc;color:#222;font-weight:600}.nav-item.active .nav-text{color:#222}.nav-item.active .nav-dot{display:none}.header-decoration{border-radius:50px;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.decoration-circle{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#007c911a 0,#0000 70%);border-radius:50%;position:absolute}.decoration-circle:first-child{animation-delay:0s;height:80px;left:10%;top:-20px;width:80px}.decoration-circle:nth-child(2){animation-delay:2s;bottom:-15px;height:60px;right:15%;width:60px}.decoration-circle:nth-child(3){animation-delay:4s;height:40px;right:5%;top:50%;width:40px}@keyframes float{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.5;transform:translate(10px,-10px) scale(1.1)}}@media (max-width:768px){.header-custom{border-radius:40px;min-height:55px;padding:.6rem 1.5rem;top:15px}.header-nav{gap:.3rem}.nav-item{font-size:.8rem;padding:.6rem 1.2rem}}@media (max-width:480px){.header-custom{border-radius:35px;min-height:50px;padding:.5rem 1rem;top:10px}.header-nav{gap:.2rem}.nav-item{font-size:.75rem;padding:.5rem 1rem}}.model-viewer-container{align-items:center;background:#0000;border:none;border-radius:20px;display:flex;height:200px;justify-content:center;margin:.5rem auto 2rem;max-width:400px;overflow:visible!important;position:relative;width:50%}.model-viewer-canvas{height:200%!important;left:50%!important;pointer-events:auto!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:200%!important}.model-viewer-canvas,.model-viewer-canvas canvas{-webkit-clip-path:none!important;clip-path:none!important;overflow:visible!important}.model-viewer-canvas canvas{height:100%!important;width:100%!important}@media (min-width:769px) and (max-width:1024px){.model-viewer-container{height:220px;max-width:450px;width:55%}}@media (max-width:768px){.model-viewer-container{height:180px;margin:.5rem auto 1.5rem;max-width:350px;width:70%}}@media (max-width:480px){.model-viewer-container{height:150px;margin:.5rem auto 1rem;max-width:300px;width:80%}}@media (max-width:360px){.model-viewer-container{height:130px;max-width:280px;width:85%}}@media (min-width:1440px){.model-viewer-container{height:240px;max-width:450px;width:45%}}@media (min-width:1920px){.model-viewer-container{height:260px;max-width:500px;width:40%}}.footer-3d-model{border:none!important}.footer-3d-model .model-viewer-canvas{transform:none!important}.footer-3d-model .model-viewer-canvas,.footer-3d-model .model-viewer-canvas canvas{left:0!important;margin:0!important;padding:0!important;top:0!important;visibility:visible!important}.footer-3d-model .model-viewer-canvas canvas{outline:none!important}.footer{background-color:#fafafa;border-top:1px solid #0000000f;margin-top:0;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem) clamp(1.5rem,4vw,3rem)}.footer-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1200px}.footer-container,.footer-model{align-items:center;position:relative}.footer-model{cursor:pointer;display:flex;grid-column:1;height:100%;justify-content:flex-start;min-width:clamp(120px,18vw,180px);overflow:visible;transition:transform .2s ease;width:clamp(120px,18vw,180px);z-index:1}.footer-model:hover{transform:scale(1.05)}.footer-3d-model{background:#0000!important;display:block!important;height:clamp(120px,18vw,180px)!important;margin:0!important;max-width:clamp(120px,18vw,180px)!important;min-height:clamp(120px,18vw,180px)!important;min-width:clamp(120px,18vw,180px)!important;opacity:1!important;overflow:visible!important;position:relative!important;visibility:visible!important;width:clamp(120px,18vw,180px)!important}.footer-3d-model .model-viewer-canvas{overflow:visible!important;pointer-events:auto!important}.footer-3d-model .model-viewer-canvas,.footer-3d-model .model-viewer-canvas canvas{display:block!important;height:100%!important;position:relative!important;width:100%!important}.footer-center{flex-direction:column;grid-column:2;margin:0 auto;max-width:100%}.footer-center,.footer-social{gap:2rem}.footer-center,.footer-social,.social-link{align-items:center;display:flex;justify-content:center}.social-link{background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#6e6e73;height:44px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.social-link:before{background:linear-gradient(135deg,#007c910d,#00a8b814);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.social-link:hover{border-color:#0000001f;box-shadow:0 4px 16px #00000014;color:#1d1d1f;transform:translateY(-2px)}.social-link:hover:before{opacity:1}.social-link:active{transform:translateY(0)}.social-icon{position:relative;transition:transform .3s ease;z-index:1}.social-link:hover .social-icon{transform:scale(1.1)}.footer-attribution{align-items:center;display:flex;justify-content:center}.footer-text{align-items:center;color:#86868b;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;font-size:.9rem;font-weight:400;gap:.5rem;letter-spacing:-.01em;margin:0}.footer-year{color:#6e6e73}.footer-separator{color:silver;font-weight:300}.footer-name{color:#1d1d1f;font-weight:500}@media (max-width:768px){.footer{padding:clamp(1.5rem,3vw,2.5rem) clamp(.75rem,2vw,1rem) clamp(1.25rem,2.5vw,2rem)}.footer-container{align-items:center;gap:clamp(.75rem,2vw,1.5rem);grid-template-columns:1fr auto 1fr}.footer-model{grid-column:1;justify-content:flex-start;min-width:clamp(100px,15vw,140px);width:clamp(100px,15vw,140px)}.footer-3d-model{height:clamp(100px,15vw,140px)!important;min-height:clamp(100px,15vw,140px)!important;min-width:clamp(100px,15vw,140px)!important;width:clamp(100px,15vw,140px)!important}.footer-center{gap:clamp(1rem,2.5vw,1.5rem);grid-column:2;width:auto}.footer-social{gap:clamp(1rem,2vw,1.5rem);gap:1.5rem}.social-link{height:40px;width:40px}.social-icon{height:18px;width:18px}.footer-text{font-size:.85rem}}@media (max-width:480px){.footer{padding:clamp(1.25rem,2.5vw,1.75rem) clamp(.5rem,1.5vw,.75rem) clamp(1rem,2vw,1.5rem)}.footer-container{align-items:center;gap:clamp(.5rem,1.5vw,1rem);grid-template-columns:1fr auto 1fr}.footer-model{grid-column:1;justify-content:flex-start;min-width:clamp(80px,12vw,120px);width:clamp(80px,12vw,120px)}.footer-3d-model{height:clamp(80px,12vw,120px)!important;min-height:clamp(80px,12vw,120px)!important;min-width:clamp(80px,12vw,120px)!important;width:clamp(80px,12vw,120px)!important}.footer-center{gap:clamp(.75rem,2vw,1.25rem);grid-column:2;width:auto}.footer-social{gap:clamp(.75rem,1.5vw,1.25rem)}.social-link{height:clamp(36px,8vw,40px);width:clamp(36px,8vw,40px)}.footer-social{gap:1.25rem}.social-link{border-radius:10px;height:38px;width:38px}.social-icon{height:16px;width:16px}.footer-text{flex-direction:column;font-size:.8rem;gap:.25rem}.footer-separator{display:none}}.hero-container{align-items:center;background-color:#fafafa;box-sizing:border-box;display:flex;height:100vh;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative;width:100%}@supports (-webkit-touch-callout:none){.hero-container{height:-webkit-fill-available;min-height:-webkit-fill-available}}@media screen and (max-width:768px){.hero-container{height:100dvh;min-height:100dvh}@supports (-webkit-touch-callout:none){.hero-container{height:-webkit-fill-available;min-height:-webkit-fill-available}}}.hero-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:800px;opacity:1;padding:2rem;position:relative;text-align:center;visibility:visible;width:100%;z-index:2}.hero-portrait{height:150px;margin-bottom:2.5rem;position:relative;width:150px}.hero-portrait img{border:3px solid #fffc;border-radius:50%;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;height:100%;object-fit:cover;transition:transform .4s ease,box-shadow .4s ease;width:100%}.hero-portrait:hover img{box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f;transform:scale(1.02)}.hero-name{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out,shine 6s linear infinite;background:linear-gradient(110deg,#222,#222 25%,#fffffff2 50%,#222 75%,#222);background-clip:text;-webkit-background-clip:text;background-size:200% auto;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(3rem,8vw,5rem);font-weight:300;letter-spacing:-.02em;line-height:1.1;margin:0 0 1.5rem;position:relative}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}.hero-intro{animation:fadeInUp .8s ease-out .2s both;display:flex;flex-direction:column;gap:.5rem}.hero-title{color:#333;font-family:Inter,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;letter-spacing:-.01em;margin:0}.hero-description{color:#666;font-size:clamp(1rem,2.5vw,1.25rem);margin:0}.hero-current,.hero-description{font-family:Inter,sans-serif;font-weight:400;line-height:1.6}.hero-current{color:#888;font-size:clamp(.95rem,2.2vw,1.1rem);margin:.75rem 0 0}.hero-company{color:#444;font-weight:600}.hero-resume-btn{align-items:center;align-self:center;background:#00000012;border:none;border-radius:100px;color:#1d1d1f;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:clamp(.8rem,1.6vw,.9rem);font-weight:500;gap:.4rem;letter-spacing:.01em;margin-top:1.5rem;padding:.65rem 1.75rem;transition:background .2s ease,transform .2s ease}.hero-resume-btn:hover{background:#0000001f;transform:translateY(-2px)}.hero-resume-btn:active{transform:translateY(0)}.hero-decoration{background:radial-gradient(circle at 50% 50%,#00000005 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.hero-intro,.hero-name{animation-fill-mode:both;will-change:opacity,transform}.hero-content{animation:ensureVisible .1s .5s forwards}}@keyframes ensureVisible{to{opacity:1;visibility:visible}}@media (max-width:1024px){.hero-container,.hero-content{padding:1.5rem}.hero-portrait{height:140px;margin-bottom:2.25rem;width:140px}}@media (max-width:768px){.hero-container{align-items:center!important;display:flex!important;height:100dvh;justify-content:center!important;min-height:100dvh;overflow:visible;padding:clamp(5rem,12vw,7rem) 1rem 1rem;position:relative}@supports (-webkit-touch-callout:none){.hero-container{height:-webkit-fill-available;min-height:-webkit-fill-available}}.hero-content{align-items:center!important;display:flex!important;flex-direction:column!important;max-width:100%;opacity:1;padding:1.5rem 1rem;position:relative;transform:none;visibility:visible;z-index:10}.hero-portrait{height:120px;margin-bottom:2rem;width:120px}.hero-name{font-size:clamp(2rem,10vw,3.5rem);margin-bottom:1.25rem}.hero-intro{gap:.5rem;width:100%}.hero-title{font-size:clamp(1.1rem,4vw,1.5rem)}.hero-description{font-size:clamp(.9rem,3.5vw,1.1rem);line-height:1.5}.hero-current{font-size:clamp(.85rem,3vw,1rem);margin-top:.5rem}}@media (max-width:480px){.hero-container{height:100dvh;min-height:100dvh;overflow:visible;padding:.75rem;position:relative}@supports (-webkit-touch-callout:none){.hero-container{height:-webkit-fill-available;min-height:-webkit-fill-available}}.hero-content{padding:1rem .75rem}.hero-portrait{height:100px;margin-bottom:1.5rem;width:100px}.hero-name{font-size:clamp(1.75rem,12vw,2.5rem);line-height:1.15;margin-bottom:1rem}.hero-intro{gap:.4rem}.hero-title{font-size:clamp(1rem,4.5vw,1.3rem)}.hero-description{font-size:clamp(.85rem,3.8vw,1rem);line-height:1.5}.hero-current{font-size:clamp(.8rem,3.2vw,.95rem);margin-top:.5rem}}@media (max-width:360px){.hero-container{padding:.5rem}.hero-content{padding:.75rem .5rem}.hero-portrait{height:90px;margin-bottom:1.25rem;width:90px}.hero-name{font-size:clamp(1.5rem,14vw,2rem);margin-bottom:.875rem}.hero-title{font-size:clamp(.95rem,5vw,1.2rem)}.hero-description{font-size:clamp(.8rem,4vw,.95rem)}.hero-current{font-size:clamp(.75rem,3.5vw,.9rem)}}@media (max-width:768px) and (orientation:landscape){.hero-container{height:auto;min-height:auto;padding:2rem 1rem}.hero-content{padding:1.5rem}.hero-portrait{height:100px;margin-bottom:1.5rem;width:100px}.hero-name{margin-bottom:1rem}.hero-intro{gap:.3rem}}.resume-overlay{align-items:center;animation:overlayIn .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000073;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:2000}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.resume-modal{animation:modalIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 32px 80px #0000002e,0 8px 24px #00000014;display:flex;flex-direction:column;max-height:90vh;max-width:680px;overflow:hidden;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.resume-modal-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.resume-modal-title{color:#1d1d1f;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:-.01em}.resume-modal-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#6e6e73;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s ease,color .2s ease;width:32px}.resume-modal-close:hover{background:#0000001a;color:#1d1d1f}.resume-preview{background:#f2f2f7;flex:1 1;min-height:0;overflow:hidden}.resume-iframe{border:none;display:block;height:100%;min-height:520px;width:100%}.resume-modal-footer{border-top:1px solid #0000000f;display:flex;flex-shrink:0;justify-content:center;padding:1.25rem 1.5rem}.resume-download-btn{align-items:center;background:#1d1d1f;border-radius:100px;box-shadow:0 2px 8px #0000001f;color:#fff;display:inline-flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;padding:.7rem 2rem;text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.resume-download-btn:hover{background:#3a3a3c;box-shadow:0 4px 16px #0000002e;transform:translateY(-2px)}.resume-download-btn:active{transform:translateY(0)}@media (max-width:600px){.resume-overlay{align-items:flex-end;padding:0}.resume-modal{animation:modalInMobile .3s cubic-bezier(.34,1.56,.64,1);border-radius:20px 20px 0 0;max-height:92vh}@keyframes modalInMobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.resume-iframe{min-height:420px}}#main{height:auto;overflow:visible!important;padding:2rem 0}.experience-header{animation:fadeIn 2s ease-in-out;margin:clamp(2rem,5vw,4rem) clamp(1rem,4vw,4rem) clamp(.5rem,2vw,1rem);text-align:center}.experience-header h1{color:#222;font-family:Inter,sans-serif;font-size:clamp(2rem,6vw,3rem);font-weight:700;letter-spacing:-.02em;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.experience-timeline{margin:clamp(2rem,5vw,4rem) auto;max-width:min(1000px,95vw);padding:clamp(1rem,3vw,2rem) clamp(.75rem,3vw,1.5rem);position:relative}.timeline-line{background:linear-gradient(180deg,#0000,#00000014 10%,#0000001f 50%,#00000014 90%,#0000);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:1px;z-index:0}.timeline-item{margin-bottom:clamp(1.5rem,4vw,2.5rem);position:relative;z-index:1}.timeline-item:last-child{margin-bottom:0}.timeline-card{background:#fff;border:1px solid #0000000d;border-radius:clamp(12px,2vw,16px);box-shadow:0 2px 12px #0000000a,0 1px 4px #0000000f;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:45%}.timeline-card:before{background:linear-gradient(90deg,#0000000d,#0000001a 50%,#0000000d);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.timeline-card:hover{box-shadow:0 12px 32px #00000014,0 6px 16px #0000000a;transform:translateY(-6px)}.timeline-card:hover:before{opacity:1}.timeline-card-inner{padding:clamp(1.25rem,3vw,2rem)}.timeline-left .timeline-card{margin-left:0;margin-right:auto}.timeline-right .timeline-card{margin-left:auto;margin-right:0}.timeline-card-header{align-items:flex-start;border-bottom:1px solid #0000000f;display:flex;gap:clamp(1rem,2.5vw,1.5rem);margin-bottom:clamp(1rem,2.5vw,1.25rem);padding-bottom:clamp(1rem,2.5vw,1.25rem)}.timeline-logo{align-items:center;background:linear-gradient(135deg,#fafafa,#f0f0f0);border:1px solid #0000000d;border-radius:clamp(10px,1.5vw,12px);box-shadow:0 2px 8px #0000000d,inset 0 1px 0 #ffffffe6;display:flex;flex-shrink:0;height:clamp(44px,6vw,60px);justify-content:center;padding:clamp(.5rem,1.2vw,.75rem);transition:all .3s cubic-bezier(.4,0,.2,1);width:clamp(44px,6vw,60px)}.timeline-card:hover .timeline-logo{box-shadow:0 4px 12px #00000014,inset 0 1px 0 #ffffffe6;transform:scale(1.05) translateY(-2px)}.timeline-logo img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.05));height:100%;object-fit:contain;width:100%}.timeline-info{display:flex;flex:1 1;flex-direction:column;gap:clamp(.25rem,1vw,.5rem)}.timeline-role{color:#1a1a1a;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.2}.timeline-company,.timeline-role{font-family:Inter,sans-serif;margin:0}.timeline-company{color:#666;font-size:clamp(.875rem,2vw,1rem);font-weight:500;letter-spacing:-.01em}.timeline-card-body{display:flex;flex-direction:column;gap:clamp(.625rem,1.5vw,.875rem)}.timeline-duration{background:#00000008;border-radius:clamp(4px,1vw,6px);color:#999;display:inline-block;font-family:Inter,sans-serif;font-size:clamp(.7rem,1.5vw,.8rem);font-weight:500;letter-spacing:.08em;padding:clamp(.2rem,.5vw,.25rem) clamp(.5rem,1.2vw,.75rem);text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.timeline-description{color:#555;font-family:Inter,sans-serif;font-size:clamp(.85rem,2vw,.95rem);font-weight:400;letter-spacing:-.01em;line-height:1.65;margin:0}@media (max-width:968px){.timeline-line{left:50%}.timeline-card{max-width:400px;width:calc(48% - 1rem)}.timeline-left .timeline-card{margin-left:0;margin-right:auto}.timeline-right .timeline-card{margin-left:auto;margin-right:0}}@media (max-width:768px){#main{padding:1.5rem 0}.experience-timeline{padding:clamp(1rem,3vw,1.5rem) clamp(.5rem,2vw,1rem)}.timeline-line{left:50%}.timeline-card{max-width:350px;width:calc(47% - .5rem)}.timeline-left .timeline-card{margin-left:0;margin-right:auto}.timeline-right .timeline-card{margin-left:auto;margin-right:0}.timeline-card-inner{padding:clamp(1rem,3vw,1.5rem)}.timeline-card-header{align-items:flex-start;flex-direction:column;gap:clamp(.75rem,2vw,1rem)}}@media (max-width:480px){#main{padding:1rem 0}.experience-timeline{padding:clamp(.75rem,2vw,1rem) clamp(.25rem,1vw,.5rem)}.timeline-line{left:50%}.timeline-card{max-width:300px;width:calc(48% - .25rem)}.timeline-left .timeline-card{margin-left:0;margin-right:auto}.timeline-right .timeline-card{margin-left:auto;margin-right:0}.timeline-card-inner{padding:clamp(.875rem,2.5vw,1.25rem)}}@media (max-width:360px){.experience-model-viewer{height:clamp(120px,30vw,150px);max-width:95%}.experience-timeline{padding:clamp(.75rem,2vw,1rem) clamp(.25rem,1vw,.5rem)}.timeline-line{left:50%}.timeline-card{max-width:280px;width:calc(47% - .25rem)}.timeline-left .timeline-card{margin-left:0;margin-right:auto}.timeline-right .timeline-card{margin-left:auto;margin-right:0}}@media (min-width:1440px){.experience-model-viewer{height:280px;max-width:550px}}@media (min-width:1920px){.experience-model-viewer{height:300px;max-width:600px}}#projects-main{background:#fafafa;padding:clamp(3rem,6vw,6rem) clamp(1.5rem,5vw,4rem)}.projects-header{margin-bottom:clamp(2.5rem,5vw,4rem);text-align:center}.projects-header h1{color:#222;font-family:Inter,sans-serif;font-size:clamp(2rem,6vw,3rem);font-weight:700;letter-spacing:-.02em;margin:0}.projects-bands{border-top:1px solid #00000014;margin:0 auto;max-width:960px}.p-band{align-items:center;border-bottom:1px solid #00000014;color:inherit;cursor:pointer;display:flex;gap:clamp(1rem,3vw,2rem);overflow:hidden;padding:clamp(1.4rem,3vw,2rem) 1rem;position:relative;text-decoration:none}.p-band-flood{background:#1d1d1f;inset:0;position:absolute;transform:scaleX(0);transform-origin:left center;transition:transform .38s cubic-bezier(.76,0,.24,1);z-index:0}a.p-band:hover .p-band-flood{transform:scaleX(1)}.p-arrow,.p-desc,.p-num,.p-title{position:relative;z-index:1}.p-num{font-feature-settings:"tnum";color:#ccc;flex-shrink:0;font-family:Inter,sans-serif;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:.06em;transition:color .25s ease;width:2rem}a.p-band:hover .p-num{color:#fff6}.p-title{color:#1d1d1f;flex:1 1;font-family:Inter,sans-serif;font-size:clamp(1.6rem,4.5vw,2.75rem);font-weight:300;letter-spacing:-.025em;line-height:1;transition:color .2s ease}a.p-band:hover .p-title{color:#fff}.p-desc{color:#ffffffa6;flex-shrink:0;font-family:Inter,sans-serif;font-size:clamp(.75rem,1.4vw,.875rem);letter-spacing:-.01em;max-width:260px;opacity:0;transform:translateX(12px);transition:opacity .25s ease .1s,transform .25s ease .1s}a.p-band:hover .p-desc{opacity:1;transform:translateX(0)}.p-arrow{color:#fff0;flex-shrink:0;transition:color .2s ease .05s,transform .25s ease}a.p-band:hover .p-arrow{color:#fffc;transform:translate(2px,-2px)}.p-band--muted{cursor:default}.p-band--muted .p-title{color:#ccc}.p-band--muted .p-num{color:#ddd}@media (max-width:600px){.p-arrow,.p-desc{display:none}}#photos{background:#fafafa;padding:clamp(3rem,6vw,6rem) clamp(1.5rem,5vw,4rem)}.photos-inner{grid-gap:clamp(3rem,6vw,7rem);align-items:start;display:grid;gap:clamp(3rem,6vw,7rem);grid-template-columns:2fr 3fr;margin:0 auto;max-width:1400px}.photos-list{display:flex;flex-direction:column}.photos-heading{color:#222;font-family:Inter,sans-serif;font-size:clamp(2rem,6vw,3rem);font-weight:700;letter-spacing:-.02em;margin:0 0 clamp(1.5rem,4vw,2.5rem)}.photo-row{align-items:baseline;border-bottom:1px solid #0000000f;cursor:default;display:flex;gap:1.25rem;padding:1.1rem .75rem 1.1rem 1rem;position:relative;transition:background .2s ease}.photo-row:before{background:#1d1d1f;border-radius:2px;bottom:12%;content:"";left:0;position:absolute;top:12%;transform:scaleY(0);transform-origin:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:2px}.photo-row.is-active:before{transform:scaleY(1)}.row-num{font-feature-settings:"tnum";color:#ccc;flex-shrink:0;font-family:Inter,sans-serif;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:.04em;min-width:22px;transition:color .2s ease}.photo-row.is-active .row-num{color:#888}.row-label{color:#ccc;font-family:Inter,sans-serif;font-size:clamp(1.05rem,2.2vw,1.4rem);font-weight:400;letter-spacing:-.01em;line-height:1.2;transition:color .2s ease}.photo-row.is-active .row-label{color:#1d1d1f}.photos-preview{display:flex;flex-direction:column;gap:.85rem;position:-webkit-sticky;position:sticky;top:clamp(6rem,10vw,8rem)}.preview-frame{aspect-ratio:4/3;background:#e8e8e8;border-radius:12px;overflow:hidden;position:relative;width:100%}.preview-img{height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transition:opacity .4s ease;width:100%;will-change:opacity}.preview-img.is-active{opacity:1}.preview-meta{align-items:center;display:flex;justify-content:space-between;padding:0 2px}.meta-label{color:#888;font-size:.8rem;letter-spacing:-.01em;transition:opacity .3s ease}.meta-count,.meta-label{font-family:Inter,sans-serif;font-weight:400}.meta-count{font-feature-settings:"tnum";color:#ccc;font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.06em}@media (max-width:720px){.photos-inner{gap:2rem;grid-template-columns:1fr}.photos-preview{order:-1;position:static}.photos-heading{margin-bottom:1rem}}
/*# sourceMappingURL=main.cfaa1f75.css.map*/