@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=Inter:wght@300;400;500&display=swap";:root{--bg-color: #ffffff;--text-color: #0d0d0d;--grid-color: rgba(0, 0, 0, .03);--purple-glow: rgba(138, 43, 226, .25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;cursor:crosshair;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px}body.personal-body{background-color:#fff;color:#000;background-image:none}.cursor-blob{position:fixed;top:0;left:0;width:600px;height:600px;background:radial-gradient(circle,var(--purple-glow) 0%,transparent 60%);border-radius:50%;pointer-events:none;z-index:0;transform:translate(-50%,-50%);mix-blend-mode:multiply;will-change:transform}h1,h2,.font-display,.marquee-text{font-family:Syne,sans-serif}p{line-height:1.6}.desktop-only{display:flex}.mobile-only{display:none}.hero-container{height:85vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;z-index:10;padding-top:50px}.hero-star{position:absolute;top:50%;left:50%;width:40vw;height:40vw;transform:translate(-50%,-50%);z-index:-1;opacity:.1;animation:spin 30s linear infinite;pointer-events:none;will-change:transform}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.marquee-track{display:flex;white-space:nowrap;will-change:transform;transform:translateZ(0)}.marquee-text{font-size:10vw;line-height:.95;font-weight:800;text-transform:uppercase;color:var(--text-color);margin-right:40px;letter-spacing:-.03em;will-change:transform;transform:translateZ(0)}.marquee-text.stroke{color:transparent;-webkit-text-stroke:1.5px var(--text-color)}.about-section{position:relative;z-index:5;padding:100px 10vw;max-width:1400px;margin:0 auto;border-top:1px solid #eee;display:grid;grid-template-columns:1fr 2fr;gap:50px;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.about-section:before{content:"001";position:absolute;top:20px;left:20px;font-family:Syne;font-size:.8rem;color:#ccc}.section-label{font-family:Syne;font-size:1.5rem;font-weight:700;text-transform:uppercase}.bio-text{font-size:1.5rem;font-weight:300;color:#333}.bio-stats{margin-top:40px;display:flex;gap:40px}.stat-item h3{font-size:2rem;margin-bottom:5px}.stat-item span{font-size:.9rem;text-transform:uppercase;color:#666}.skills-section{position:relative;z-index:5;padding:100px 10vw;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);border-top:1px solid #333;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;background:#050505;color:#fff}.skills-section:before{content:"002";position:absolute;top:20px;left:20px;font-family:Syne;font-size:.8rem;color:#444}.skill-category h3{font-family:Syne;font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #ffffff;display:inline-block;color:#fff}.skill-list{list-style:none}.skill-item{font-family:Inter;font-size:.9rem;margin-bottom:8px;color:#888;transition:all .2s}.skill-item:hover{color:#fff;transform:translate(5px)}.scatter-world{position:relative;width:100%;min-height:150vh;overflow:hidden;border-top:1px solid #eee}.scatter-world:before{content:"003";position:absolute;top:20px;left:20px;font-family:Syne;font-size:.8rem;color:#ccc}.scatter-header{text-align:center;padding-top:100px;margin-bottom:150px;font-size:4vw;text-transform:uppercase}.scatter-item{position:absolute;width:40vw;z-index:5;transition:transform .3s ease-out;cursor:pointer;will-change:transform}.scatter-img{width:100%;height:auto;box-shadow:10px 10px 40px #0000001a;border-radius:4px;transition:box-shadow .3s}.scatter-item:hover .scatter-img{box-shadow:20px 20px 60px #8a2be233;transform:scale(1.02)}.scatter-action{display:inline-block;margin-top:15px;padding:10px 20px;border:1px solid #ddd;border-radius:30px;font-family:Syne,sans-serif;font-weight:700;font-size:.8rem;text-transform:uppercase;color:#333;transition:all .3s}.scatter-item:hover .scatter-action{background:#000;color:#fff;border-color:#000}.pos-1{top:20%;left:10%}.pos-2{top:50%;right:10%}.pos-3{top:25%;left:45%}.scatter-item.icon-mode{width:18vw}.scatter-item.icon-mode .scatter-img{border-radius:22%;box-shadow:0 20px 40px #00000026}.project-modal{position:fixed;top:0;right:-100%;width:50vw;height:100vh;background:#fff;z-index:2000;border-left:1px solid #eee;display:flex;flex-direction:column;box-shadow:-20px 0 50px #0000001a;transition:right .6s cubic-bezier(.16,1,.3,1)}.project-modal.active{right:0}.modal-content{display:flex;flex-direction:column;height:100vh;overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1500;opacity:0;pointer-events:none;transition:opacity .5s}.project-modal.active .modal-overlay{pointer-events:auto;opacity:1}.modal-close{position:absolute;top:30px;right:30px;font-family:Syne;font-weight:700;border:none;background:transparent;font-size:1.2rem;cursor:pointer;padding:10px;border:1px solid #eee;border-radius:5px;z-index:20}.modal-close:hover{background:#f5f5f5}.modal-sticky-header{padding:80px 50px 20px;background:#fff;z-index:10;border-bottom:1px solid transparent;transition:border-color .3s}.modal-scroll-body{flex:1;overflow-y:auto;padding:20px 50px 80px}.modal-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.modal-title-icon{width:60px;height:60px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.modal-title{font-size:3rem;line-height:1;margin-bottom:0}.modal-stack{font-family:Inter;font-size:.9rem;text-transform:uppercase;color:#666;padding-bottom:5px;border-bottom:2px solid #000;display:inline-block;margin-bottom:30px}.modal-desc{font-size:1.2rem;line-height:1.6;margin-bottom:60px;max-width:800px}.modal-img{width:100%;border-radius:4px;display:none}.modal-gallery{display:flex;flex-direction:column;gap:80px}.gallery-row{display:flex;align-items:center;gap:50px}.gallery-row:nth-child(2n){flex-direction:row-reverse}.gallery-text{flex:1}.gallery-text h3{font-family:Syne;font-size:1.5rem;margin-bottom:15px}.gallery-text p{font-family:Inter;font-size:1rem;color:#555}.gallery-img-wrapper{flex:1}.gallery-img-wrapper img{width:100%;height:auto;border-radius:8px;box-shadow:0 20px 40px #0000001a;transition:transform .3s}.gallery-img-wrapper img:hover{transform:scale(1.02)}.personal-fixed-header{position:fixed;top:0;left:0;width:100%;padding:40px 50px;display:flex;justify-content:space-between;align-items:flex-start;z-index:100;color:#000;background:transparent}.back-link-white{font-family:Syne;font-weight:700;color:#000;text-decoration:none;padding-bottom:5px;border-bottom:1px solid black;transition:opacity .3s}.back-link-white:hover{color:#2952ff;border-color:#2952ff}.parallax-container{padding:150px 5vw 100px;max-width:1600px;margin:0 auto;display:flex;gap:80px;align-items:flex-start}.gallery-col{width:50%;display:flex;flex-direction:column;gap:100px}.right-col{margin-top:150px}.gallery-text-intro{margin-bottom:50px;padding-right:20%}.gallery-text-intro h2{font-size:5vw;line-height:.9;margin-bottom:20px;color:#000}.gallery-text-intro p{font-family:Inter;font-size:1.1rem;color:#555}.gallery-image-wrapper{position:relative;width:100%}.gallery-image-wrapper img{width:100%;height:auto;display:block;border-radius:0;filter:grayscale(0%);transition:transform .5s ease}.gallery-image-wrapper:hover img{transform:scale(1.02)}.img-caption{position:absolute;bottom:-30px;left:0;font-family:Inter;font-size:.8rem;letter-spacing:1px;color:#2952ff;font-weight:600}@media(max-width:768px){.parallax-container{flex-direction:column;gap:0;padding-top:100px}.gallery-col{width:100%;gap:60px}.right-col{margin-top:60px}.gallery-text-intro h2{font-size:3rem}}.cta-section{padding:60px 10vw 80px;text-align:center;background:#fff;border-top:1px solid #eee}body.personal-body .cta-section{display:none}.lets-talk-cta{font-family:Syne;font-size:1.5rem;font-weight:700;border-bottom:2px solid transparent;text-transform:uppercase;text-decoration:none;color:#000;display:inline-flex;align-items:center;gap:10px;transition:all .3s}.lets-talk-cta:hover{border-bottom:2px solid black;transform:translateY(-2px)}.lets-talk-cta svg{width:24px;height:24px;transition:transform .3s}.lets-talk-cta:hover svg{transform:translate(5px) rotate(-45deg)}.main-footer{padding:100px 10vw;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background:#050505;color:#fff}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-col h4{font-family:Syne;font-size:1.2rem;margin-bottom:20px;color:#fff}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#888;text-decoration:none;font-size:1rem;transition:.3s;display:inline-flex;align-items:center;gap:5px}.footer-links a:hover{color:#fff;padding-left:5px}.arrow-icon{width:12px;height:12px;fill:currentColor}.employment-section{padding:60px 10vw;background:#000;color:#fff;position:relative;display:flex;gap:40px}.employment-section .section-label{color:#fff;border-color:#333;position:sticky;top:100px;height:fit-content;flex-shrink:0;width:auto;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:Syne;font-size:1.5rem;font-weight:700;text-transform:uppercase;line-height:1;text-align:right;margin-right:10px;letter-spacing:2px}.timeline-container{position:relative;padding-left:40px;flex-grow:1}.timeline-track{position:absolute;top:0;left:0;bottom:0;width:2px;background:#333}.timeline-progress{position:absolute;top:0;left:0;width:100%;height:0%;background:#fff}.timeline-item{position:relative;margin-bottom:60px;opacity:0;transform:translateY(20px)}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;top:0;left:-45px;width:12px;height:12px;background:#000;border:2px solid #555;border-radius:50%;transition:all .3s;z-index:2}.timeline-item:hover .timeline-marker{background:#fff;border-color:#fff;box-shadow:0 0 10px #ffffff80}.timeline-content{background:#111;border:1px solid #333;padding:30px;transition:transform .3s,border-color .3s}.timeline-item:hover .timeline-content{transform:translate(10px);border-color:#666}.t-date{font-family:Inter;font-size:.85rem;color:#888;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.t-role{font-family:Syne;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:5px;line-height:1.1}.t-company{font-family:Inter;font-size:1rem;color:#aaa}@media(max-width:768px){.hero-container{padding-top:20px;height:75vh}.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-hero-container{height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:0 20px;text-align:center}.mobile-stack{display:flex;flex-direction:column;align-items:center;gap:15px;z-index:10}.mobile-title-simple{font-family:Syne,sans-serif;font-size:3.5rem;line-height:1.1;font-weight:800;text-transform:uppercase;color:var(--text-color);letter-spacing:-.02em;margin:0}.mobile-subtitle-group{display:flex;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;color:#555;letter-spacing:.1em;text-transform:uppercase}.mobile-dot{font-weight:700;color:#ccc}.about-section{grid-template-columns:1fr;gap:30px;padding:60px 8vw;background:#ffffffe6}.bio-text{font-size:1.2rem}.bio-stats{flex-wrap:wrap;gap:30px}.skills-section{grid-template-columns:1fr 1fr;gap:30px;padding:60px 8vw}.scatter-world{min-height:auto;padding-bottom:100px;display:flex;flex-direction:column;align-items:center;gap:80px}.scatter-header{font-size:3rem;margin-bottom:60px}.scatter-item{position:relative;top:auto!important;left:auto!important;right:auto!important;width:80vw;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0}.scatter-item.icon-mode{width:60vw}.scatter-label{font-size:2rem;margin-top:20px}.scatter-meta{font-size:1rem}.see-all-projects{position:relative;bottom:auto;left:auto;transform:none;margin-top:50px}.employment-section{flex-direction:column;gap:40px;padding:60px 8vw}.employment-section .section-label{position:relative;top:auto;width:100%;height:auto;writing-mode:horizontal-tb;text-orientation:mixed;transform:rotate(0);text-align:left;margin-right:0;font-size:2rem;letter-spacing:0;border-bottom:1px solid #333;padding-bottom:20px}.timeline-container{padding-left:20px}.timeline-marker{left:-26px;width:10px;height:10px}.timeline-item{margin-bottom:40px}.t-role{font-size:1.4rem}.main-footer{padding:60px 8vw}.footer-grid{grid-template-columns:1fr;gap:40px}.projects-list-container{padding:40px 5vw}.project-list-item{flex-wrap:wrap;gap:10px;padding:30px 0}.p-year{width:100%;order:1;margin-bottom:5px;font-size:.8rem}.p-title{width:100%;order:2;font-size:1.5rem}.p-stack{width:auto;order:3;font-size:.9rem}.p-arrow{display:none}}body.projects-page{background-color:#f7f7f7;color:#000;background-image:none}.projects-header{padding:60px 10vw;border-bottom:1px solid #ddd;background:#fff}.back-link{display:inline-block;margin-bottom:20px;font-family:Syne;font-weight:700;color:#666;text-decoration:none;font-size:.9rem;letter-spacing:1px}.back-link:hover{color:#000}.page-title{font-size:4rem;text-transform:uppercase;margin-bottom:0;line-height:1}.projects-list-container{padding:40px 10vw 100px;background:#fff;min-height:80vh}.project-list{list-style:none}.project-list-item{display:flex;align-items:center;justify-content:space-between;padding:40px 0;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s,padding-left .2s}.project-list-item:hover{background:#fafafa;padding-left:20px}.p-year{font-family:Inter;color:#999;width:100px}.p-title{font-family:Syne;font-size:2rem;font-weight:700;flex:2}.p-stack{font-family:Inter;font-size:1rem;color:#666;flex:1;text-transform:uppercase}.p-arrow{font-size:2rem;color:#ccc;transition:transform .3s}.project-list-item:hover .p-arrow{color:#000;transform:translate(10px)}.see-all-projects{position:absolute;bottom:50px;left:50%;transform:translate(-50%);font-family:Syne;font-weight:700;font-size:1.2rem;text-decoration:none;color:#000;border-bottom:2px solid black;padding-bottom:5px;transition:all .3s;z-index:20}.see-all-projects:hover{letter-spacing:2px}.project-modal.full-screen{width:100vw;border-left:none}.project-modal.full-screen .modal-sticky-header{padding:80px 10vw 20px;max-width:1400px;margin:0 auto;width:100%}.project-modal.full-screen .modal-scroll-body{padding:20px 10vw 80px;max-width:1400px;margin:0 auto;width:100%}@media(max-width:1024px){.hero-container{padding-top:20px;height:75vh}.marquee-text{font-size:15vw;margin-right:20px}.mobile-hero-container{height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:0 20px;text-align:center}.mobile-stack{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10}.mobile-title-simple{font-family:Syne,sans-serif;font-size:2.5rem;line-height:1.1;font-weight:800;text-transform:uppercase;color:var(--text-color);letter-spacing:-.02em;margin:0}.mobile-subtitle-group{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:#666;letter-spacing:.1em}.mobile-dot{font-weight:700;color:#ccc}.about-section{grid-template-columns:1fr;gap:30px;padding:60px 20px;background:#fffffff2}.bio-text{font-size:1.1rem;line-height:1.6}.bio-stats{flex-wrap:wrap;gap:30px}.stat-item h3{font-size:2rem}.skills-section{grid-template-columns:1fr 1fr;gap:20px;padding:60px 20px}.skill-item{font-size:.95rem;padding:3px 0}.scatter-world{min-height:auto;padding-bottom:80px;display:flex;flex-direction:column;align-items:center;gap:60px}.scatter-header{font-size:2.2rem;margin-bottom:40px}.scatter-item{position:relative;top:auto!important;left:auto!important;right:auto!important;width:90vw;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0}.scatter-item.icon-mode{width:60vw}.scatter-label{font-size:1.5rem;margin-top:20px}.scatter-meta{font-size:.9rem;margin-top:5px;color:#666}.see-all-projects{position:relative;bottom:auto;left:auto;transform:none;margin-top:40px;font-size:1rem}.employment-section{flex-direction:column;gap:40px;padding:60px 20px}.employment-section .section-label{position:relative;top:auto;width:100%;height:auto;writing-mode:horizontal-tb!important;text-orientation:mixed!important;transform:none!important;text-align:left;margin-right:0;font-size:1.8rem;letter-spacing:0;border-bottom:1px solid #333;padding-bottom:15px}.timeline-container{padding-left:15px}.timeline-marker{left:-21px;width:10px;height:10px}.timeline-item{margin-bottom:40px}.t-role{font-size:1.2rem;line-height:1.2}.t-company{font-size:.95rem;color:#ccc;margin-top:5px}.t-date{font-size:.8rem;margin-bottom:5px}.main-footer{padding:60px 20px}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-col h4{font-size:1.2rem}.footer-links a{font-size:1rem;padding:5px 0}.projects-header{padding:120px 5vw 40px}.page-title{font-size:2.5rem;word-wrap:break-word}.back-link{font-size:.8rem;margin-bottom:20px}.projects-list-container{padding:20px 5vw 100px}.project-list-item{flex-wrap:wrap;gap:5px;padding:30px 0;align-items:flex-start}.p-year{width:100%;order:1;font-size:.8rem;color:#888;margin-bottom:5px}.p-title{width:100%;order:2;font-size:1.8rem;line-height:1.1;margin-bottom:10px}.p-stack{width:100%;order:3;font-size:.85rem;color:#666}.p-arrow{display:none}.project-modal{width:100%!important}.modal-sticky-header{padding:40px 20px 20px}.modal-title{font-size:2rem}.modal-stack{font-size:.8rem;margin-bottom:20px}.modal-scroll-body{padding:20px 20px 80px}.project-modal.full-screen .modal-sticky-header{padding:40px 20px 20px}.project-modal.full-screen .modal-scroll-body{padding:20px 20px 80px}.gallery-row{flex-direction:column!important;gap:30px}.gallery-text{text-align:left}}