@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-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}}#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}.experience-model-viewer{align-items:center;-webkit-clip-path:none!important;clip-path:none!important;display:flex;height:clamp(150px,25vw,250px);justify-content:center;margin:0 auto clamp(1rem,3vw,2rem);max-width:clamp(280px,35vw,500px);overflow:visible!important;position:relative;width:100%;z-index:10}.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}}.card-swap-container{margin:0 auto;overflow:visible;perspective:900px;position:relative;transform:none;transform-origin:center center}.card{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 2px 12px #0000000a,0 1px 4px #0000000f;cursor:pointer;left:50%;overflow:hidden;position:absolute;top:50%;transform-style:preserve-3d;will-change:transform}@media (max-width:768px){.card-swap-container{transform:scale(.85)}}@media (max-width:480px){.card-swap-container{transform:scale(.7)}}#projects-main{background-color:#fafafa;min-height:auto;overflow-x:hidden;padding:clamp(2rem,5vw,4rem) 0 clamp(2rem,4vw,3rem);position:relative}.projects-header{animation:fadeIn 2s ease-in-out;margin:clamp(2rem,5vw,4rem) clamp(1rem,4vw,4rem) clamp(3rem,6vw,6rem);position:relative;text-align:center;z-index:10}.projects-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(-10px)}to{opacity:1;transform:translateY(0)}}.projects-wrapper-swap{align-items:center;display:flex;height:clamp(350px,50vw,650px);justify-content:center;margin:0 auto;max-width:1400px;padding:clamp(2rem,4vw,3rem) clamp(.75rem,2vw,2rem) clamp(.75rem,2vw,2rem);position:relative;width:100%;z-index:1}.project-card-content{background:linear-gradient(135deg,#fff,#fafafa)!important;border:none!important;box-shadow:0 8px 32px #0000000f,0 2px 8px #0000000a!important;overflow:hidden}.project-card-empty{background:linear-gradient(135deg,#f8f8f8,#f0f0f0)}.project-card-empty,.project-card-tba{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.project-card-tba{box-sizing:border-box;flex-direction:column;padding:clamp(1.5rem,4vw,3rem);text-align:center}.project-tba-title{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:clamp(1.75rem,4.5vw,3rem);font-weight:600;letter-spacing:-.03em;margin:0 0 clamp(.5rem,1.5vw,1rem)}.project-tba-description,.project-tba-title{word-wrap:break-word;overflow-wrap:break-word}.project-tba-description{color:#6e6e73;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;font-size:clamp(.85rem,1.8vw,1.1rem);font-weight:400;letter-spacing:-.01em;line-height:1.6;margin:0;max-width:90%}.project-card-inner{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;position:relative;width:100%}.project-card-header{flex:0 0 auto;padding:clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,4vw,3.5rem) clamp(1rem,3vw,2.5rem)}.project-card-header,.project-image-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.project-image-wrapper{height:clamp(80px,18vw,200px);width:clamp(80px,18vw,200px)}.project-image-glow{background:linear-gradient(135deg,#007c9114,#00a8b81f);border-radius:24px;filter:blur(20px);height:100%;opacity:.6;position:absolute;width:100%;z-index:0}.project-image{filter:drop-shadow(0 8px 24px rgba(0,0,0,.12));height:100%;object-fit:contain;position:relative;transition:transform .3s ease;width:100%;z-index:1}.project-card-content:hover .project-image{transform:scale(1.05)}.project-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:clamp(.75rem,1.8vw,1.25rem);justify-content:center;min-height:0;padding:0 clamp(1.5rem,4vw,3.5rem)}.project-title-wrapper{margin-bottom:clamp(.25rem,.8vw,.5rem)}.project-title{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:clamp(1.25rem,3.5vw,2rem);font-weight:600;letter-spacing:-.03em;line-height:1.2}.project-description,.project-title{word-wrap:break-word;margin:0;overflow-wrap:break-word}.project-description{color:#6e6e73;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;font-size:clamp(.8rem,1.8vw,1rem);font-weight:400;letter-spacing:-.01em;line-height:1.6;max-width:100%}.project-card-footer{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:clamp(1rem,3vw,2.5rem) clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,4vw,3.5rem)}.project-link{align-items:center;background:#1d1d1f;border-radius:clamp(8px,1.2vw,12px);box-shadow:0 2px 8px #0000001a;color:#fff;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;font-size:clamp(.75rem,1.6vw,.95rem);font-weight:500;gap:clamp(.3rem,.8vw,.5rem);letter-spacing:-.01em;padding:clamp(.5rem,1.2vw,.75rem) clamp(.9rem,2vw,1.5rem);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.project-link:hover{background:#2d2d2f;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.project-link:active{transform:translateY(0)}.project-link-text{color:#fff}.project-link-arrow{color:#fff;transition:transform .3s ease}.project-link:hover .project-link-arrow{transform:translateX(4px)}@media (max-width:768px){#projects-main{min-height:auto;padding:clamp(1.5rem,4vw,2rem) 0 clamp(1.5rem,3vw,2rem)}.projects-header{margin:clamp(1.5rem,4vw,2rem) clamp(.75rem,3vw,1rem) 0;margin-bottom:clamp(5rem,10vw,7rem)!important;padding-bottom:clamp(1rem,2vw,2rem);position:relative;z-index:10}.projects-wrapper-swap{height:clamp(350px,55vw,500px);margin-bottom:0;margin-top:clamp(2rem,4vw,3rem)!important;padding:clamp(1.5rem,3vw,2.5rem) clamp(.5rem,1.5vw,1rem) clamp(.5rem,1.5vw,1rem);position:relative;z-index:1}}@media (max-width:480px){#projects-main{min-height:auto;padding:clamp(1rem,3vw,1.5rem) 0 clamp(1rem,2.5vw,1.5rem)}.projects-header{margin:clamp(1rem,3vw,1.5rem) clamp(.5rem,2vw,.75rem) 0;margin-bottom:clamp(4.5rem,9vw,6.5rem)!important;padding-bottom:clamp(1rem,2vw,1.5rem);position:relative;z-index:10}.projects-wrapper-swap{height:clamp(320px,65vw,450px);margin-bottom:0;margin-top:clamp(1.5rem,3vw,2.5rem)!important;padding:clamp(1.5rem,3vw,2rem) clamp(.5rem,1.2vw,.75rem) clamp(.5rem,1.2vw,.75rem);position:relative;z-index:1}}@media (max-width:360px){.projects-header{margin:clamp(.75rem,2.5vw,1rem) clamp(.5rem,1.5vw,.75rem) 0;margin-bottom:clamp(4rem,8vw,5.5rem)!important;padding-bottom:clamp(.75rem,1.5vw,1.25rem);position:relative;z-index:10}.projects-wrapper-swap{margin-top:clamp(1.25rem,2.5vw,2rem)!important;padding-top:clamp(1.25rem,2.5vw,1.75rem)}}
/*# sourceMappingURL=main.d21ee3e3.css.map*/