@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-heading:"Space Mono", monospace;--font-body:"Inter", sans-serif;--bg-color:#f5f1e8;--surface-color:#e8dfd0;--bg-gradient:radial-gradient(circle at center, var(--bg-color) 0%, var(--surface-color) 100%);--text-primary:#3e2723;--text-secondary:#6d4c41;--accent-primary:#d4735e;--accent-secondary:#a1887f;--border-color:#3e2723;--accent-primary-rgb:212, 115, 94;--accent-secondary-rgb:161, 136, 127;--primary:var(--accent-primary);--primary-light:var(--accent-secondary);--white:#fff;--cream:var(--text-primary);--brown-dark:var(--text-secondary);--brown-deeper:var(--surface-color);--bg-dark:var(--bg-color);--bg-hero:radial-gradient(circle at 50% 30%, var(--bg-color) 0%, var(--surface-color) 100%);--bg-skills:radial-gradient(circle at 90% 10%, rgba(var(--accent-secondary-rgb), .15) 0%, transparent 40%), linear-gradient(180deg, #f7f3ea 0%, var(--surface-color) 100%);--bg-experience:radial-gradient(circle at 10% 50%, rgba(var(--accent-primary-rgb), .08) 0%, transparent 50%), linear-gradient(135deg, #ebe3d5 0%, #f2ede3 100%);--bg-work:radial-gradient(ellipse at top, rgba(var(--accent-secondary-rgb), .1) 0%, transparent 70%), #eae1d2;--bg-stats:radial-gradient(circle at center, #e6ddd0 0%, #f0ebe0 100%);--bg-contact:radial-gradient(circle at 50% 100%, rgba(var(--accent-primary-rgb), .1) 0%, transparent 60%), linear-gradient(0deg, #f1eae0 0%, #ece4d8 100%);--bg-footer:var(--bg-color);--section-shadow:0 -10px 30px #0000000d;--card-shadow:0 20px 40px #0000000d;--card-shadow-active:0 30px 60px #0000001a;--shadow-primary:0 0 10px #d4735e66;--shadow-primary-btn:0 4px 20px #d4735e40;--shadow-primary-btn-hover:0 6px 30px #d4735e66;--placeholder-gradient-start:var(--glass-bg);--placeholder-gradient-end:#d4735e0d;--glass-bg:#d4735e0a;--glass-border:var(--border-color);--tag-bg:#d4735e14;--tag-color:var(--accent-primary);--grid-color:#3e27230f;--nav-bg:#f5f1e8e6;--selection-bg:var(--accent-secondary)}[data-theme=dark]{--bg-color:#141414;--surface-color:#1f1f1f;--bg-gradient:radial-gradient(circle at center, var(--surface-color) 0%, var(--bg-color) 100%);--text-primary:#e4ddb5;--text-secondary:#86a7a8;--accent-primary:#e06c5e;--accent-secondary:#a1c1c2;--border-color:#e4ddb5;--accent-primary-rgb:224, 108, 94;--accent-secondary-rgb:161, 193, 194;--primary:var(--accent-primary);--primary-light:var(--accent-secondary);--cream:var(--text-primary);--brown-dark:var(--text-secondary);--brown-deeper:var(--surface-color);--bg-dark:var(--bg-color);--bg-hero:radial-gradient(circle at 50% 30%, var(--surface-color) 0%, var(--bg-color) 100%);--bg-skills:radial-gradient(circle at 90% 10%, rgba(var(--accent-secondary-rgb), .1) 0%, transparent 40%), linear-gradient(180deg, #1a1a1a 0%, var(--surface-color) 100%);--bg-experience:radial-gradient(circle at 10% 50%, rgba(var(--accent-primary-rgb), .06) 0%, transparent 50%), linear-gradient(135deg, #1c1c1c 0%, #181818 100%);--bg-work:radial-gradient(ellipse at top, rgba(var(--accent-secondary-rgb), .08) 0%, transparent 70%), #1e1e1e;--bg-stats:radial-gradient(circle at center, #1d1d1d 0%, #161616 100%);--bg-contact:radial-gradient(circle at 50% 100%, rgba(var(--accent-primary-rgb), .08) 0%, transparent 60%), linear-gradient(0deg, #171717 0%, #1b1b1b 100%);--bg-footer:var(--bg-color);--shadow-primary:0 0 10px #e06c5e80;--shadow-primary-btn:0 4px 20px #e06c5e4d;--shadow-primary-btn-hover:0 6px 30px #e06c5e80;--glass-bg:#e06c5e0d;--glass-border:#e4ddb533;--tag-bg:#e06c5e1a;--nav-bg:#141414e6;--grid-color:#e4ddb50a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-color:#141414;--surface-color:#1f1f1f;--bg-gradient:radial-gradient(circle at center, var(--surface-color) 0%, var(--bg-color) 100%);--text-primary:#e4ddb5;--text-secondary:#86a7a8;--accent-primary:#e06c5e;--accent-secondary:#a1c1c2;--border-color:#e4ddb5;--primary:var(--accent-primary);--primary-light:var(--accent-secondary);--cream:var(--text-primary);--brown-dark:var(--text-secondary);--brown-deeper:var(--surface-color);--bg-dark:var(--bg-color);--bg-hero:var(--bg-gradient);--bg-skills:var(--bg-gradient-linear);--bg-experience:var(--bg-gradient-diagonal);--bg-work:var(--bg-gradient-inverse);--bg-stats:var(--bg-gradient);--bg-contact:var(--bg-gradient-linear);--bg-footer:var(--bg-color);--nav-bg:#141414e6;--grid-color:#e4ddb50a}}*{box-sizing:border-box;cursor:none;margin:0;padding:0}html,body{width:100%;max-width:100vw;margin:0;padding:0;overflow-x:clip}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);background-attachment:fixed;min-height:100vh;transition:background-color .3s,color .3s;position:relative}h1,h2,h3,.section-title{font-family:var(--font-heading);color:var(--text-primary)}#root{max-width:100%;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-color)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}::selection{background:var(--selection-bg);color:var(--text-primary)}@media (width<=768px){*{cursor:auto}}.section-label{letter-spacing:.3em;text-transform:uppercase;color:var(--accent-primary);opacity:.8;font-size:.7rem;font-family:var(--font-heading);margin-bottom:1rem}.section-title{color:var(--text-primary);font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1}.section-title span{color:#0000;-webkit-text-stroke:1px var(--text-primary)}.section-header{z-index:1;margin-bottom:4rem;padding:0;position:relative}.scroll-progress-bar{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));z-index:99999;width:0%;height:3px;box-shadow:var(--shadow-primary);transition:width .1s ease-out;position:fixed;top:0;left:0}.back-to-top{background:var(--accent-primary);width:50px;height:50px;color:var(--bg-color);border:2px solid var(--border-color);cursor:pointer;opacity:0;visibility:hidden;z-index:1000;box-shadow:var(--shadow-primary-btn);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(100px)}.back-to-top:hover{box-shadow:var(--shadow-primary-btn-hover);background:var(--accent-secondary);border-color:var(--text-primary);transform:translateY(-4px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top svg{width:24px;height:24px}@media (width<=768px){.back-to-top{width:45px;height:45px;bottom:1.5rem;right:1.5rem}.back-to-top svg{width:20px;height:20px}}.loader{background:var(--bg-gradient);z-index:99999;width:100vw;height:100vh;position:fixed;top:0;left:0}.loader-bg-grid{background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0}.cursor{pointer-events:none;z-index:100000;mix-blend-mode:difference;position:fixed}.cursor-dot{background:var(--cream);border-radius:50%;width:8px;height:8px;transform:translate(-50%,-50%)}.cursor-ring{border:1px solid var(--cream);opacity:.5;border-radius:50%;width:40px;height:40px;transition:width .3s,height .3s,opacity .3s,border-color .3s;transform:translate(-50%,-50%)}.cursor-ring.hover{opacity:.8;border-color:var(--primary);width:60px;height:60px}@media (width<=768px){.cursor,.cursor-dot,.cursor-ring{display:none}}.theme-toggle{background:var(--tag-bg);border:1px solid var(--glass-border);width:45px;height:45px;color:var(--primary);cursor:pointer;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle:hover{background:var(--glass-border);border-color:var(--primary);transform:scale(1.1)rotate(20deg)}.theme-toggle svg{width:22px;height:22px;transition:transform .3s}.theme-toggle:hover svg{transform:rotate(20deg)}@media (width<=768px){.theme-toggle{width:40px;height:40px}.theme-toggle svg{width:20px;height:20px}}.header{z-index:10000;pointer-events:none;justify-content:center;align-items:center;width:100%;padding:1.5rem 3rem;transition:all .3s;display:flex;position:fixed;top:0;left:0}.header-inner{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;max-width:1400px;display:flex;position:relative}.logo{cursor:pointer;z-index:10001;flex-shrink:0;width:40px;height:40px}.logo-svg{width:100%;height:100%;overflow:visible}.nav{align-items:center;gap:2rem;display:flex}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:2rem;padding:.75rem 2rem;list-style:none;transition:all .3s;display:flex}.nav-link{font-family:var(--font-body);color:var(--cream);opacity:.6;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link:hover,.nav-link.active{opacity:1;color:var(--primary)}.nav-link.active:after{content:"";background-color:var(--primary);width:4px;height:4px;box-shadow:0 0 8px var(--primary);border-radius:50%;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.header-theme-toggle{justify-content:center;align-items:center;display:flex}.mobile-menu-btn{cursor:pointer;z-index:10002;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;padding:0;display:none}.hamburger-line{background-color:var(--cream);transform-origin:0;width:100%;height:2px;transition:all .3s}.mobile-menu-btn.open .hamburger-line:first-child{transform:rotate(45deg)}.mobile-menu-btn.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg)}.mobile-menu-overlay{background:var(--bg-gradient);background-color:var(--bg-color);z-index:9999;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;width:100%;height:100vh;transition:all .4s;display:flex;position:fixed;top:0;left:0}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-nav-links{flex-direction:column;align-items:center;gap:2rem;list-style:none;display:flex}.mobile-nav-link{font-family:var(--font-heading);color:var(--cream);opacity:0;-webkit-text-stroke:1px transparent;font-size:2.5rem;font-weight:700;text-decoration:none;transition:opacity .4s,transform .4s;transform:translateY(20px)}.mobile-menu-overlay.open .mobile-nav-link{opacity:.5;transform:translateY(0)}.mobile-menu-overlay.open .mobile-nav-links li:first-child .mobile-nav-link{transition-delay:.1s}.mobile-menu-overlay.open .mobile-nav-links li:nth-child(2) .mobile-nav-link{transition-delay:.2s}.mobile-menu-overlay.open .mobile-nav-links li:nth-child(3) .mobile-nav-link{transition-delay:.3s}.mobile-menu-overlay.open .mobile-nav-links li:nth-child(4) .mobile-nav-link{transition-delay:.4s}.mobile-menu-overlay.open .mobile-nav-links li:nth-child(5) .mobile-nav-link{transition-delay:.5s}.mobile-menu-overlay.open .mobile-nav-links li:nth-child(6) .mobile-nav-link{transition-delay:.6s}.mobile-nav-link:hover,.mobile-nav-link.active{color:#0000;-webkit-text-stroke:1px var(--primary);opacity:1!important}.header-blur{background:linear-gradient(to bottom, var(--bg-dark) 0%, transparent 100%);z-index:9998;pointer-events:none;opacity:.8;width:100%;height:100px;position:fixed;top:0;left:0}.mobile-theme-toggle{display:none}@media (width<=768px){.header{padding:1.5rem}.nav-links{display:none}.mobile-menu-btn{display:flex}.header-theme-toggle{display:none}.mobile-theme-toggle{justify-content:center;align-items:center;margin-top:2rem;display:flex}}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:80px 80px;width:100vw;height:100vh;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(70% 70%,#000 20%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 20%,#0000 100%)}.orb{filter:blur(100px);pointer-events:none;z-index:1;border-radius:50%;position:fixed}.orb-1{background:var(--primary);opacity:.12;width:500px;height:500px;top:5%;left:5%}.orb-2{background:var(--brown-dark);opacity:.15;width:400px;height:400px;bottom:10%;right:10%}.code-float{color:var(--brown-dark);opacity:.25;white-space:pre;pointer-events:none;z-index:5;will-change:transform;font-size:.6rem;font-family:var(--font-heading);position:fixed}.code-1{top:12%;right:8%}.code-2{bottom:20%;left:6%}.code-3{top:55%;right:15%}.about-visual{pointer-events:none;z-index:8;opacity:0;width:300px;height:300px;transition:opacity .5s;position:fixed;top:50%;right:8%;transform:translateY(-50%)}.about-visual.visible{opacity:1}.about-visual svg{width:100%;height:100%;overflow:visible}.visual-line{stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset 1s}.about-visual.visible .visual-line{stroke-dashoffset:0}.visual-orbit{transform-origin:50%;animation:20s linear infinite orbit}.visual-orbit-reverse{transform-origin:50%;animation:15s linear infinite reverse orbit}.visual-pulse{animation:2s ease-in-out infinite nodePulse}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes nodePulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.floating-graphics{pointer-events:none;z-index:5;width:180px;height:450px;position:fixed;top:50%;right:3%;transform:translateY(-50%)}.float-shape{opacity:.2;transition:transform .8s cubic-bezier(.25,.46,.45,.94);animation:8s ease-in-out infinite floatShape;position:absolute}.float-shape svg{width:100%;height:100%}.shape-1{width:70px;height:70px;animation-delay:0s;top:0;right:0}.shape-2{width:55px;height:55px;animation-delay:-1.5s;top:25%;right:50%}.shape-3{width:90px;height:90px;animation-delay:-3s;top:50%;right:5%}.shape-4{width:45px;height:45px;animation-delay:-4.5s;bottom:15%;right:35%}.shape-5{width:35px;height:35px;animation-delay:-6s;top:15%;right:70%}@keyframes floatShape{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-15px)rotate(5deg)}50%{transform:translateY(-5px)rotate(-3deg)}75%{transform:translateY(-20px)rotate(3deg)}}.scroll-container{width:100%;height:300vh;position:relative}.pinned-section{z-index:1;pointer-events:none;will-change:transform;background:var(--bg-hero);background-color:var(--bg-color);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.words-container{width:100%;height:100%;position:relative}.bio-header{z-index:10;pointer-events:auto;opacity:0;flex-direction:column;gap:.3rem;display:flex;position:absolute;top:12%;left:10%}.bio-label{font-family:var(--font-body);color:var(--primary);text-transform:uppercase;letter-spacing:.15em;opacity:1;font-size:.85rem}.bio-title{font-family:var(--font-heading);color:var(--cream);font-size:2.8rem;font-weight:700;line-height:1.1}.bio-marquee{z-index:10;pointer-events:none;opacity:0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);width:100%;padding:.8rem 0;position:absolute;bottom:8%;left:0;overflow:hidden}.bio-marquee-track{white-space:nowrap;will-change:transform;animation:25s linear infinite marqueeScroll;display:flex}.bio-marquee-text{font-family:var(--font-body);color:var(--cream);opacity:.6;letter-spacing:.05em;flex-shrink:0;font-size:.9rem}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.highlight{color:var(--primary);opacity:1;font-weight:500}.word-wrapper{will-change:transform;pointer-events:auto;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.word-text-container{display:inline-block;position:relative;overflow:hidden}.word-block{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.word-block-1{background:var(--primary)}.word-block-2{background:var(--cream)}.word-block-3{background:var(--brown-dark)}.word-text{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.2em;white-space:nowrap;font-size:clamp(2rem,6vw,7rem);font-weight:700;line-height:1}.word-text.style-1{color:var(--primary)}.word-text.style-2{color:#0000;-webkit-text-stroke:1.5px var(--cream)}.word-text.style-3{color:var(--brown-dark)}.word-explain{color:var(--cream);opacity:0;letter-spacing:.02em;max-width:280px;margin-top:1rem;font-size:.85rem;line-height:1.6}.word-explain code{color:var(--primary);opacity:.9}.scroll-hint{letter-spacing:.3em;text-transform:uppercase;color:var(--brown-dark);opacity:.4;z-index:20;font-size:.7rem;transition:opacity .5s;position:fixed;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-hint.hidden{opacity:0}.scroll-hint:after{content:"";background:linear-gradient(to bottom, var(--brown-dark), transparent);width:1px;height:40px;margin:.8rem auto 0;animation:2s ease-in-out infinite pulse;display:block}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.6}}.section-indicator{z-index:100;pointer-events:auto;flex-direction:column;gap:1rem;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.indicator-dot{background:var(--brown-dark);opacity:.3;cursor:pointer;pointer-events:auto;border-radius:50%;width:8px;height:8px;transition:all .3s}.indicator-dot.active{opacity:1;background:var(--primary);transform:scale(1.5)}@media (width<=1024px){.bio-header{top:10%;left:5%}.bio-title{font-size:2.2rem}.word-text{font-size:clamp(1.8rem,5vw,4rem)}.word-explain{max-width:200px;font-size:.7rem}.floating-graphics{width:120px;right:2%}.about-visual{width:200px;height:200px;right:3%}}@media (width<=768px){.bio-header{text-align:right;max-width:45%;top:35%;left:auto;right:8%}.bio-label{font-size:.7rem}.bio-title{word-wrap:break-word;font-size:1.4rem;line-height:1.3}.bio-marquee{padding:.6rem 0;bottom:4%}.bio-marquee-text{font-size:.75rem}.word-text{font-size:clamp(1.6rem,6vw,2.5rem)}.code-float{display:none}.orb{transform:scale(.5)}.word-explain{max-width:90vw;font-size:.65rem;line-height:1.5}.scroll-container{height:400vh}.floating-graphics{display:none}.section-indicator{right:1rem}.about-visual{display:none}}@media (width<=480px){.word-text{font-size:clamp(1.4rem,8vw,2rem)}.word-explain{max-width:85vw;font-size:.6rem}.orb-1,.orb-2{display:none}.scroll-hint{font-size:.6rem;bottom:2rem}.scroll-hint:after{height:30px}}.skills-section{z-index:10;background:var(--bg-skills);background-color:var(--surface-color);height:200vh;box-shadow:var(--section-shadow);padding:0;position:sticky;top:0;overflow:hidden}.skills-sticky-container{box-sizing:border-box;flex-direction:column;width:100%;height:100vh;padding:8rem 0 4rem;display:flex}.skills-intro{flex-shrink:0;margin-bottom:2rem;padding:0 5%}.skills-desc{color:var(--cream);opacity:.7;max-width:600px;margin-top:1rem;font-size:1.1rem;line-height:1.6}.skills-horizontal-track{will-change:transform;align-items:center;gap:3rem;height:100%;display:flex}.skill-card-wrapper{perspective:1000px;flex-shrink:0;width:500px;height:60vh}.skill-card-inner{background:var(--glass-bg);border:1px solid var(--glass-border);flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:3rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.skill-card-inner:hover{border-color:var(--primary);box-shadow:var(--card-shadow);background:var(--tag-bg);transform:translateY(-5px)}.skill-card-inner:hover .skill-card-title,.skill-card-inner:hover .skill-card-desc{color:var(--cream);opacity:1}.skill-card-inner:hover .skill-pill{background:var(--glass-bg);border-color:var(--primary)}.skill-card-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.skill-card-number{font-family:var(--font-heading);color:var(--glass-border);font-size:4rem;font-weight:700;line-height:.8}.skill-card-title{font-family:var(--font-heading);color:var(--cream);text-align:right;font-size:2rem;font-weight:600}.skill-card-desc{color:var(--cream);opacity:.7;flex-grow:1;margin-bottom:2rem;font-size:1rem;line-height:1.6}.skill-tags-list{flex-wrap:wrap;gap:.8rem;display:flex}.skill-pill{background:var(--tag-bg);border:1px solid var(--glass-border);color:var(--primary);border-radius:4px;padding:.5rem 1rem;font-size:.85rem}.skill-card-spacer{flex-shrink:0;width:10vw}@media (width<=1024px){.skill-card-wrapper{width:400px}}@media (width<=768px){.skills-section{height:auto;position:relative;overflow:visible}.skills-sticky-container{height:auto;padding:6rem 5% 3rem;position:relative;overflow:visible}.skills-horizontal-track{gap:2rem;width:100%;height:auto;display:block;transform:none!important}.skill-card-wrapper{width:100%;height:auto;margin-bottom:2rem}.skill-card-inner{height:auto;padding:2rem}}.experience-section{z-index:20;background:var(--bg-experience);background-color:var(--surface-color);height:400vh;box-shadow:var(--section-shadow);position:sticky;top:0}.experience-pinned-container{flex-direction:column;justify-content:center;width:100%;height:100vh;margin:0 auto;padding:10rem 10%;display:flex;position:sticky;top:0;overflow:hidden}.experience-header{z-index:10;position:absolute;top:10%;left:12%}.timeline-visual{background:var(--glass-border);z-index:5;width:4px;position:absolute;top:0;bottom:0;left:10%}.timeline-progress{background:var(--primary);width:100%;height:0%;box-shadow:0 0 15px var(--primary);transition:height .1s linear;position:absolute;top:0;left:0}.timeline-cards-container{justify-content:center;align-items:center;width:60%;max-width:1000px;height:40vh;margin-left:25%;display:flex;position:relative}.timeline-card{background:var(--glass-bg);border:1px solid var(--glass-border);opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform, opacity;flex-direction:column;justify-content:center;width:100%;height:100%;padding:3rem;display:flex;position:absolute;top:0;left:0;transform:translateY(100px)scale(.9)}.timeline-card.active{box-shadow:var(--card-shadow-active);border-color:var(--primary)}.timeline-card-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.timeline-role{font-family:var(--font-heading);color:var(--cream);margin-bottom:.5rem;font-size:2.5rem;font-weight:700;line-height:1.1}.timeline-org{color:var(--primary);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:500;display:flex}.timeline-date{font-family:var(--font-heading);color:var(--cream);opacity:.6;border:1px solid var(--glass-border);white-space:nowrap;border-radius:50px;padding:.5rem 1rem;font-size:1rem}.timeline-body{color:var(--cream);opacity:.8;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.timeline-tags{flex-wrap:wrap;gap:.8rem;margin-top:auto;display:flex}@media (width<=1024px){.timeline-cards-container{width:85%;margin-left:10%}}@media (width<=768px){.experience-section{height:auto;position:relative;overflow:visible}.experience-pinned-container{height:auto;padding:6rem 5% 4rem;position:relative;overflow:visible}.experience-header{margin-bottom:3rem;position:relative;top:0;left:0}.timeline-visual{display:none}.timeline-cards-container{width:100%;max-width:none;height:auto;margin-left:0;padding-left:0;display:block}.timeline-card{height:auto;margin-bottom:2rem;padding:1.5rem;position:relative;opacity:1!important;visibility:visible!important;transform:none!important}.timeline-role{margin-bottom:.3rem;font-size:1.3rem}.timeline-org{font-size:.95rem}.timeline-date{padding:.4rem .8rem;font-size:.8rem}.timeline-body{margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.timeline-card-header{flex-direction:column;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1rem}.timeline-date{align-self:flex-start}}.work-section-horizontal{background:var(--bg-work);background-color:var(--surface-color);z-index:30;position:relative;overflow:hidden}.work-container-wrapper{flex-direction:column;justify-content:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.section-header-work-horizontal{z-index:10;position:absolute;top:5rem;left:5%}.work-horizontal-track{align-items:center;gap:4rem;width:max-content;height:60vh;margin-top:5rem;padding-left:5vw;padding-right:20vw;display:flex}.project-card-horizontal{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:70vw;max-width:900px;height:80%;box-shadow:var(--card-shadow);flex-shrink:0;transition:transform .3s;display:flex;overflow:hidden}.project-card-horizontal:hover{border-color:var(--primary);box-shadow:var(--card-shadow-active)}.project-image-box{background:var(--bg-dark);border-right:1px solid var(--glass-border);width:55%;height:100%;position:relative;overflow:hidden}.project-image-wrapper{width:100%;height:100%;transition:transform .5s}.project-card-horizontal:hover .project-image-wrapper{transform:scale(1.05)}.project-img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:opacity .3s}.project-card-horizontal:hover .project-img{opacity:1}.project-info-box{flex-direction:column;justify-content:center;width:45%;padding:3rem;display:flex;position:relative}.project-number-display{font-family:var(--font-heading);color:var(--glass-border);opacity:.3;font-size:5rem;font-weight:800;line-height:1;position:absolute;top:1rem;right:2rem}.project-title-display{font-family:var(--font-heading);color:var(--cream);margin-bottom:1.5rem;font-size:2.2rem;font-weight:700;line-height:1.1}.project-desc-display{color:var(--cream);opacity:.7;margin-bottom:2.5rem;font-size:1rem;line-height:1.6}.project-tags-display{flex-wrap:wrap;gap:.8rem;margin-bottom:3rem;display:flex}.tag-pill{background:var(--tag-bg);border:1px solid var(--glass-border);color:var(--primary);border-radius:4px;padding:.4rem .8rem;font-size:.75rem}.project-view-link{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;margin-top:auto;font-size:.9rem;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.project-view-link:hover{gap:1rem}@media (width<=1024px){.work-horizontal-track{gap:2rem}.project-card-horizontal{flex-direction:column;width:85vw}.project-image-box{border-right:none;border-bottom:1px solid var(--glass-border);width:100%;height:250px}.project-info-box{width:100%;padding:2rem}}@media (width<=768px){.work-section-horizontal{height:auto;overflow:visible}.work-container-wrapper{height:auto;padding:6rem 5% 4rem;display:block}.section-header-work-horizontal{margin-bottom:3rem;position:relative;top:0;left:0}.work-horizontal-track{width:100%;height:auto;margin-top:0;padding:0;display:block}.project-card-horizontal{background:var(--glass-bg);width:100%;max-width:none;height:auto;margin-bottom:2rem}.project-info-box{padding:1.5rem}.project-number-display{font-size:3rem;top:.5rem;right:1rem}.project-title-display{margin-bottom:1rem;font-size:1.5rem}.project-desc-display{margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.project-tags-display{gap:.6rem;margin-bottom:2rem}.tag-pill{padding:.35rem .7rem;font-size:.7rem}.project-view-link{font-size:.8rem}.work-horizontal-track{transform:none!important}}.stats-section{z-index:40;background:var(--bg-stats);background-color:var(--bg-color);height:150vh;box-shadow:var(--section-shadow);padding:0;position:sticky;top:0;overflow:hidden}.stats-sticky-content{flex-direction:column;justify-content:center;height:100vh;padding:6rem 5%;display:flex}.stats-content{flex-direction:column;gap:2rem;width:100%;max-width:1100px;margin:0 auto;display:flex}.github-card-large{background:var(--glass-bg);border:1px solid var(--glass-border);padding:2.5rem;position:relative;overflow:hidden}.github-card-large:before{content:"";background:linear-gradient(90deg, var(--primary), var(--brown-dark), var(--primary));width:100%;height:3px;position:absolute;top:0;left:0}.github-header-large{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.github-identity{align-items:center;gap:1rem;display:flex}.github-icon-large{width:32px;height:32px;color:var(--primary)}.github-info{flex-direction:column;gap:.25rem;display:flex}.github-username-large{font-family:var(--font-heading);color:var(--cream);font-size:1.1rem;font-weight:600}.github-subtitle{color:var(--cream);opacity:.4;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.github-visit{background:var(--tag-bg);border:1px solid var(--glass-border);color:var(--primary);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.75rem;text-decoration:none;transition:all .3s;display:flex}.github-visit:hover{background:var(--glass-border);border-color:var(--primary);gap:1rem}.github-visit svg{width:14px;height:14px}.github-contributions{margin-bottom:2rem}.contributions-label{color:var(--cream);opacity:.4;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.7rem}.github-chart{opacity:.9;filter:saturate(.8);width:100%;max-width:900px;height:auto;transition:all .3s}.github-chart:hover{opacity:1;filter:saturate()}.github-stats-row{border-top:1px solid var(--glass-border);grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:2rem;display:grid}.github-stat{text-align:center;background:var(--glass-bg);padding:1rem;transition:all .3s}.github-stat:hover{background:var(--glass-border);transform:translateY(-2px)}.github-stat-number{font-family:var(--font-heading);color:var(--primary);font-size:1.75rem;font-weight:700;line-height:1}.github-stat-label{color:var(--cream);opacity:.5;text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;font-size:.65rem;display:block}.profiles-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.profile-card{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--cream);flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;text-decoration:none;transition:all .4s;display:flex}.profile-card:hover{background:var(--glass-border);border-color:var(--primary);transform:translateY(-5px)}.profile-card svg{opacity:.5;width:28px;height:28px;transition:all .3s}.profile-card:hover svg{opacity:1;color:var(--primary);transform:scale(1.1)}.profile-card-name{text-transform:uppercase;letter-spacing:.15em;opacity:.6;font-size:.75rem;transition:opacity .3s}.profile-card:hover .profile-card-name{opacity:1}@media (width<=1024px){.stats-section{height:auto;min-height:auto;padding:6rem 5%;position:relative;overflow:visible}.stats-sticky-content{height:auto;padding:0;display:block;position:relative}.github-stats-row,.profiles-row{grid-template-columns:repeat(2,1fr)}}@media (height<=900px){.stats-section{justify-content:flex-start;height:auto;min-height:auto;padding:4rem 5%;position:relative}.stats-content{gap:2rem}.github-card-large{padding:1.5rem}}@media (width<=768px){.stats-section{padding:4rem 5%;position:relative}.github-stats-row{grid-template-columns:repeat(2,1fr)}.profiles-row{grid-template-columns:1fr 1fr}.profile-card{padding:1.5rem 1rem}.github-contributions{-webkit-overflow-scrolling:touch;margin-right:-1.5rem;padding-right:1.5rem;overflow-x:auto}.github-chart{min-width:600px;max-width:none}.github-header-large{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media (width<=480px){.github-stats-row{grid-template-columns:1fr 1fr;gap:.5rem}.github-stat{padding:.75rem}.github-stat-number{font-size:1.25rem}.profiles-row{grid-template-columns:1fr 1fr;gap:.75rem}.profile-card{padding:1rem .5rem}.profile-card svg{width:22px;height:22px}.profile-card-name{font-size:.65rem}}.contact-section{z-index:50;background:var(--bg-contact);background-color:var(--bg-color);min-height:100vh;box-shadow:var(--section-shadow);justify-content:center;align-items:center;padding:0;display:flex;position:sticky;top:0;overflow:hidden}.contact-container{flex-direction:column;justify-content:space-between;width:100%;max-width:1400px;height:100vh;margin:0 auto;padding-bottom:3rem;display:flex}.contact-wrapper{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;display:grid}.contact-content{flex-direction:column;gap:2rem;display:flex}.contact-header{flex-direction:column;gap:1rem;display:flex}.contact-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1}.contact-title .line-1{color:var(--cream);opacity:0;display:inline-block;transform:translate(-50px)}.contact-title .line-2{color:#0000;-webkit-text-stroke:1.5px var(--primary);opacity:0;display:inline-block;transform:translate(50px)}.contact-desc{color:var(--cream);opacity:.5;max-width:450px;font-size:.95rem;line-height:1.8}.contact-grid{flex-direction:column;gap:1.5rem;display:flex}.contact-card{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--cream);align-items:center;gap:1.5rem;max-width:450px;padding:1.25rem 1.75rem;text-decoration:none;transition:all .4s;display:flex}.contact-card:hover{background:var(--tag-bg);border-color:var(--primary);transform:translate(10px)}.contact-card:hover .contact-card-value{color:var(--cream);opacity:1}.contact-card-primary{border-left:3px solid var(--primary)}.contact-card-icon{background:var(--tag-bg);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.contact-card-icon svg{width:20px;height:20px;color:var(--primary)}.contact-card-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.contact-card-label{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.contact-card-value{color:var(--cream);font-size:.9rem}.contact-card-arrow{opacity:.3;width:16px;height:16px;transition:all .3s}.contact-card:hover .contact-card-arrow{opacity:1;color:var(--primary);transform:translate(3px,-3px)}.contact-socials{flex-wrap:wrap;gap:1rem;max-width:450px;display:flex}.contact-social{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--cream);align-items:center;gap:.75rem;padding:.8rem 1.2rem;font-size:.8rem;text-decoration:none;transition:all .3s;display:flex}.contact-social:hover{background:var(--tag-bg);border-color:var(--primary);transform:translateY(-3px)}.contact-social svg{opacity:.6;width:16px;height:16px;transition:all .3s}.contact-social:hover svg{opacity:1;color:var(--primary)}.contact-visual{justify-content:center;align-items:center;height:100%;display:flex}.contact-visual svg{opacity:.3;width:100%;max-width:400px;height:auto}.contact-orbit{transform-origin:50%;animation:25s linear infinite orbit}.contact-orbit-reverse{transform-origin:50%;animation:18s linear infinite reverse orbit}.contact-node{animation:3s ease-in-out infinite nodePulse}.contact-footer-row{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:flex-end;width:100%;margin-top:auto;padding-top:2rem;display:flex}.footer-brand{align-items:center;gap:1rem;display:flex}.footer-logo{opacity:.7;width:40px;height:40px;transition:all .3s}.footer-brand-text{flex-direction:column;gap:.15rem;display:flex}.footer-name{font-family:var(--font-heading);color:var(--cream);letter-spacing:.2em;font-size:1rem;font-weight:700}.footer-tagline-new{color:var(--primary);opacity:.6;text-transform:uppercase;letter-spacing:.15em;font-size:.6rem}.footer-copyright-group{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.footer-copyright{color:var(--primary);opacity:.6;font-size:.7rem}.footer-year-text{font-family:var(--font-heading);color:var(--cream);opacity:.6;font-size:.8rem;font-weight:600}@media (width<=1024px){.contact-wrapper{grid-template-columns:1fr;gap:3rem}.contact-visual{display:none}.contact-container{padding:6rem 5% 2rem}}@media (width<=768px){.contact-footer-row{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}.footer-copyright-group{align-items:center}.contact-socials{flex-direction:column;width:100%}.contact-social{justify-content:center;width:100%}}@media (width<=480px){.contact-card{padding:1rem 1.25rem}.contact-card-icon{width:36px;height:36px}.contact-card-value{font-size:.8rem}.contact-title{font-size:2.5rem}}