:root{--color-bg:#0b1220;--color-bg-alt:#0f1a2e;--color-bg-elevated:#132238;--color-bg-surface:#182d4a;--color-bg-hover:#1e3758;--color-accent-green:#3ecf8e;--color-accent-green-soft:#3ecf8e26;--color-accent-teal:#2dd4bf;--color-accent-teal-soft:#2dd4bf1a;--color-accent-blue:#6c9cff;--color-accent-blue-soft:#6c9cff1a;--color-accent-warm:#e8a87c;--color-accent-warm-soft:#e8a87c1f;--color-light-primary:#3ecf8e14;--color-light-secondary:#6c9cff0f;--color-light-warm:#e8a87c0d;--color-text-primary:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#94a3b81a;--color-border-hover:#3ecf8e40;--color-border-accent:#6c9cff33;--color-vine:#3ecf8e;--color-vine-glow:#3ecf8e4d;--color-tree:#90a6c746;--color-tree-node:#94a3b89f;--font-display:"Clash Display", "Inter", system-ui, sans-serif;--font-body:"Satoshi", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:clamp(.7rem, .65rem + .25vw, .8rem);--text-sm:clamp(.8rem, .75rem + .25vw, .9rem);--text-base:clamp(.9rem, .85rem + .3vw, 1.05rem);--text-lg:clamp(1.05rem, .95rem + .5vw, 1.3rem);--text-xl:clamp(1.3rem, 1.1rem + 1vw, 1.8rem);--text-2xl:clamp(1.8rem, 1.4rem + 2vw, 2.8rem);--text-3xl:clamp(2.5rem, 1.8rem + 3.5vw, 5rem);--text-hero:clamp(3.5rem, 2.5rem + 5vw, 9rem);--space-xs:clamp(.25rem, .2rem + .25vw, .5rem);--space-sm:clamp(.5rem, .4rem + .5vw, .75rem);--space-md:clamp(1rem, .85rem + .75vw, 1.5rem);--space-lg:clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--space-xl:clamp(2.5rem, 2rem + 2.5vw, 4rem);--space-2xl:clamp(4rem, 3rem + 5vw, 8rem);--space-section:clamp(3.5rem, 2.5rem + 4vw, 6rem);--max-width:1200px;--nav-height:72px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.2s;--duration-base:.4s;--duration-slow:.8s}[data-theme=light]{--color-bg:#f4f6f8;--color-bg-alt:#ebf0f5;--color-bg-elevated:#e0e8f0;--color-bg-surface:#fff;--color-bg-hover:#d4e0ec;--color-accent-green:#3a8f6f;--color-accent-green-soft:#3a8f6f14;--color-accent-teal:#0891b2;--color-accent-teal-soft:#0891b212;--color-accent-blue:#4f6fca;--color-accent-blue-soft:#4f6fca12;--color-accent-warm:#9b59a0;--color-accent-warm-soft:#9b59a014;--color-light-primary:#4f6fca0d;--color-light-secondary:#9b59a00a;--color-light-warm:#0891b208;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-border:#1e293b1a;--color-border-hover:#4f6fca4d;--color-border-accent:#9b59a026;--color-vine:#3a8f6f;--color-vine-glow:#3a8f6f1f;--color-tree:#0707074f;--color-tree-node:#0c0c0c88}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-text-muted) transparent}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-slow) var(--ease-out), color var(--duration-slow) var(--ease-out);font-weight:400;line-height:1.7;overflow-x:hidden}::selection{background-color:var(--color-accent-green-soft);color:var(--color-text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:3px}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}strong{color:var(--color-accent-green);font-weight:500}em{color:var(--color-accent-blue);font-style:italic}.vine-container{z-index:3;pointer-events:none;width:160px;position:fixed;top:0;bottom:0;left:0;overflow:visible}.vine-svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.vine-path{fill:none;stroke:var(--color-vine);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px var(--color-vine-glow));transition:stroke var(--duration-slow) var(--ease-out)}.vine-leaf{fill:none;stroke:var(--color-vine);stroke-width:.8px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform-origin:50%;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out), stroke var(--duration-slow) var(--ease-out);filter:drop-shadow(0 0 4px var(--color-vine-glow));transform:scale(0)rotate(-20deg)}.vine-leaf.visible{opacity:.55;transform:scale(1)rotate(0)}.vine-leaf:nth-child(2n){stroke:var(--color-accent-teal)}.vine-leaf:nth-child(3n){stroke:var(--color-accent-blue);opacity:0}.vine-leaf:nth-child(3n).visible{opacity:.35}#cursor-glow{background:radial-gradient(circle, var(--color-light-primary) 0%, var(--color-light-secondary) 40%, transparent 70%);pointer-events:none;z-index:1;width:500px;height:500px;transition:opacity var(--duration-slow) var(--ease-out);will-change:transform;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}#light-rays{z-index:0;pointer-events:none;transition:opacity 1.5s var(--ease-out);position:fixed;inset:0;overflow:hidden}#light-rays:before,#light-rays:after{content:"";will-change:transform;width:200%;height:200%;transition:background 1s var(--ease-out);position:absolute}#light-rays:before{top:var(--ray-y1,-60%);transform:rotate(var(--ray-r1,-12deg));background:radial-gradient(700px 1000px at 25% 15%,#3ecf8e1f 0%,#0000 65%),radial-gradient(500px 1300px at 65% 35%,#6c9cff14 0%,#0000 55%),radial-gradient(400px 800px at 45% 55%,#2dd4bf0f 0%,#0000 50%);left:-20%}#light-rays:after{top:var(--ray-y2,-40%);transform:rotate(var(--ray-r2,8deg));background:radial-gradient(600px 1200px at 55% 25%,#3ecf8e17 0%,#0000 60%),radial-gradient(450px 900px at 25% 45%,#e8a87c0f 0%,#0000 50%),radial-gradient(350px 700px at 75% 65%,#6c9cff0d 0%,#0000 55%);right:-30%}[data-theme=light] #light-rays{opacity:.6}#particles-container{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{opacity:0;animation:float-particle var(--particle-duration,8s) var(--particle-delay,0s) infinite;will-change:transform, opacity;border-radius:50%;position:absolute}@keyframes float-particle{0%{opacity:0;transform:translateY(0)translate(0)}15%{opacity:var(--particle-opacity,.5)}85%{opacity:var(--particle-opacity,.5)}to{opacity:0;transform:translateY(var(--particle-drift-y,-120px)) translateX(var(--particle-drift-x,30px))}}.nav{height:var(--nav-height);padding:0 var(--space-lg);z-index:100;-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb, var(--color-bg) 80%, transparent);border-bottom:1px solid var(--color-border);transition:background var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav--scrolled{background:color-mix(in srgb, var(--color-bg) 92%, transparent);border-bottom-color:var(--color-border-hover);box-shadow:0 1px 12px #00000026}.nav__logo{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.05em;transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:4px;font-weight:500;display:flex}.nav__logo:hover{color:var(--color-accent-green)}.nav__logo-dot{background:var(--color-accent-green);border-radius:50%;width:6px;height:6px;margin-bottom:-4px}.nav__center{gap:var(--space-lg);display:flex}.nav__link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:.03em;transition:color var(--duration-fast) var(--ease-out);font-weight:400;position:relative}.nav__link:after{content:"";background:var(--color-accent-green);width:0;height:1px;transition:width var(--duration-base) var(--ease-out);position:absolute;bottom:-4px;left:0}.nav__link:hover,.nav__link.active{color:var(--color-text-primary)}.nav__link:hover:after,.nav__link.active:after{width:100%}.nav__right{align-items:center;gap:var(--space-md);display:flex}.theme-toggle{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border-radius:8px;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--color-accent-warm);border-color:var(--color-accent-warm);background:var(--color-accent-warm-soft)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}.nav__toggle{z-index:110;flex-direction:column;gap:6px;padding:8px;display:none}.nav__toggle span{background:var(--color-text-primary);width:24px;height:1.5px;transition:transform var(--duration-base) var(--ease-out), opacity var(--duration-base) var(--ease-out);display:block}.nav__toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px)rotate(45deg)}.nav__toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.mobile-menu{z-index:99;background:color-mix(in srgb, var(--color-bg) 96%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu__links{gap:var(--space-lg);text-align:center;flex-direction:column;display:flex}.mobile-menu__link{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.mobile-menu__link:hover{color:var(--color-accent-green)}.social-sidebar{left:var(--space-lg);align-items:center;gap:var(--space-md);z-index:50;flex-direction:column;display:flex;position:fixed;bottom:0}.social-sidebar__link{color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out)}.social-sidebar__link:hover{color:var(--color-accent-green);transform:translateY(-2px)}.social-sidebar__line{background:linear-gradient(to bottom, var(--color-accent-green), transparent);opacity:.4;width:1px;height:80px}.section{min-height:auto;padding:var(--space-section) var(--space-lg);padding-left:calc(var(--space-lg) + 80px);z-index:2;align-items:center;display:flex;position:relative}.section--alt{background:var(--color-bg-alt)}.section__container{width:100%;max-width:var(--max-width);margin:0 auto}.section__label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-green);letter-spacing:.05em;margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);font-weight:400;display:flex}.section__label-icon{width:18px;height:18px;color:var(--color-accent-green)}.section__line{background:linear-gradient(90deg, var(--color-accent-green), transparent);width:60px;height:1px;margin-bottom:var(--space-xl)}.hero{min-height:100vh;padding-top:var(--nav-height);padding-left:var(--space-lg);background:radial-gradient(ellipse 60% 50% at 70% 30%, var(--color-light-primary) 0%, transparent 70%), radial-gradient(ellipse 40% 60% at 20% 70%, var(--color-light-secondary) 0%, transparent 60%), var(--color-bg);align-items:center;display:flex}.hero__content{max-width:var(--max-width);padding:0 var(--space-lg);width:100%;margin:0 auto}.hero__greeting{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-green);letter-spacing:.1em;margin-bottom:var(--space-md)}.hero__name{margin-bottom:var(--space-md);flex-direction:column;display:flex}.hero__name-line{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.02em;color:var(--color-text-primary);background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-accent-teal) 50%, var(--color-accent-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:500;line-height:.95}.hero__role{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-secondary);letter-spacing:.08em;margin-bottom:var(--space-sm);font-weight:400}.hero__tagline{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.hero__tagline-slash{color:var(--color-accent-green);margin-right:.3em}.hero__scroll-cta{align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:.15em;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-out);display:inline-flex}.hero__scroll-cta:hover{color:var(--color-accent-green)}.hero__scroll-arrow{animation:bounce-arrow 2s var(--ease-in-out) infinite}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.hero{overflow:visible}.hero-tree{z-index:0;pointer-events:none;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:0;left:5%;right:0}.hero__content{z-index:1;position:relative}.hero-tree__svg{width:100%;height:92%;color:var(--color-tree);overflow:visible}.hero-tree__svg path,.hero-tree__svg line,.hero-tree__svg polyline,.hero-tree__svg polygon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.hero-tree__trunk path{stroke-width:.9px}.hero-tree__branches path{stroke-width:.6px}.hero-tree__twigs path{stroke-width:.4px}.hero-tree__crown path,.hero-tree__crown line{stroke-width:.35px}.hero-tree__shapes path,.hero-tree__shapes polygon{stroke-width:.45px}.hero-tree__ground line{stroke-width:.3px;opacity:.5}.hero-tree__roots path{stroke-width:.55px}.hero-tree__nodes circle{fill:var(--color-tree-node);stroke:none;r:2}.hero-tree__nodes circle.node--sm{r:1.5}.hero-tree__nodes circle.node--lg{r:3;fill:var(--color-tree-node);filter:blur(1px)}.hero-tree__draw{stroke-dasharray:var(--dash-length);stroke-dashoffset:var(--dash-length);transition:stroke-dashoffset 2.2s var(--ease-out)}.hero-tree--loaded .hero-tree__draw{stroke-dashoffset:0}.hero-tree__trunk .hero-tree__draw{transition-delay:.1s}.hero-tree__branches .hero-tree__draw{transition-delay:.5s}.hero-tree__twigs .hero-tree__draw{transition-delay:.9s}.hero-tree__crown .hero-tree__draw{transition-delay:1.2s}.hero-tree__shapes .hero-tree__draw{transition-delay:1.5s}.hero-tree__roots .hero-tree__draw{transition-delay:.4s}.hero-tree__nodes circle{opacity:0;transition:opacity .8s var(--ease-out) 1.8s}.hero-tree--loaded .hero-tree__nodes circle{opacity:1}.hero-tree__grow path{stroke-dasharray:var(--dash-length);stroke-dashoffset:var(--dash-length);transition:stroke-dashoffset .9s var(--ease-out)}.hero:hover .hero-tree__grow path{stroke-dashoffset:0}.hero-tree__grow-roots path:first-child{transition-delay:0s}.hero-tree__grow-roots path:nth-child(2){transition-delay:60ms}.hero-tree__grow-roots path:nth-child(3){transition-delay:.12s}.hero-tree__grow-roots path:nth-child(4){transition-delay:.18s}.hero-tree__grow-roots path:nth-child(5){transition-delay:.24s}.hero-tree__grow-roots path:nth-child(6){transition-delay:.3s}.hero-tree__grow-roots path:nth-child(7){transition-delay:.36s}.hero-tree__grow-roots path:nth-child(8){transition-delay:.42s}.hero-tree__grow-roots path:nth-child(9){transition-delay:.48s}.hero-tree__grow-roots path:nth-child(10){transition-delay:.54s}.hero-tree__grow-roots path:nth-child(11){transition-delay:.6s}.hero-tree__grow-roots path:nth-child(12){transition-delay:.66s}.hero-tree__grow-crown path:first-child{transition-delay:.1s}.hero-tree__grow-crown path:nth-child(2){transition-delay:.2s}.hero-tree__grow-crown path:nth-child(3){transition-delay:.3s}.hero-tree__grow-crown path:nth-child(4){transition-delay:.4s}.hero-tree__grow-crown path:nth-child(5){transition-delay:.5s}.hero-tree__grow-crown path:nth-child(6){transition-delay:.55s}.hero-tree__grow-crown path:nth-child(7){transition-delay:.6s}.hero-tree__grow-crown path:nth-child(8){transition-delay:.65s}.about__intro{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:auto 1fr;align-items:center;display:grid}.about__portrait-wrapper{justify-content:center;align-items:center;display:flex}.about__portrait{cursor:default;width:clamp(280px,30vw,440px);position:relative}.about__portrait:before{content:"";filter:blur(30px);opacity:.8;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);pointer-events:none;z-index:0;background:radial-gradient(60% 55% at 50% 48%,#3ecf8e1f 0%,#2dd4bf12 35%,#0000 65%);border-radius:50%;position:absolute;inset:-30%}.about__portrait:hover:before{opacity:1;transform:scale(1.1)}.about__portrait-img{z-index:1;width:100%;height:auto;transition:filter var(--duration-base) var(--ease-out), transform var(--duration-slow) var(--ease-out);will-change:filter, transform;display:block;position:relative;-webkit-mask-image:radial-gradient(80% 76% at 50% 44%,#000 28%,#000000bf 50%,#00000040 70%,#0000 92%);mask-image:radial-gradient(80% 76% at 50% 44%,#000 28%,#000000bf 50%,#00000040 70%,#0000 92%)}.about__portrait:hover .about__portrait-img{filter:brightness(1.1)saturate(1.1);transform:scale(1.02)}.about__portrait-glow{z-index:2;pointer-events:none;opacity:.5;transition:opacity var(--duration-base) var(--ease-out);background:radial-gradient(50% 45% at 38% 60%,#3ecf8e14 0%,#0000 55%);position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 76% at 50% 44%,#000 28%,#000000bf 50%,#00000040 70%,#0000 92%);mask-image:radial-gradient(80% 76% at 50% 44%,#000 28%,#000000bf 50%,#00000040 70%,#0000 92%)}.about__portrait:hover .about__portrait-glow{opacity:1}.about__portrait-particles{z-index:3;pointer-events:none;position:absolute;inset:-10%;overflow:visible}.portrait-node{animation:portrait-node-pulse var(--node-duration,3s) var(--node-delay,0s) infinite;will-change:opacity, transform;pointer-events:none;border-radius:50%;position:absolute}@keyframes portrait-node-pulse{0%,to{opacity:.1;transform:scale(.7)}50%{opacity:.75;transform:scale(1.3)}}.about__portrait:hover .portrait-node{filter:brightness(2)}.about__story{align-self:center}.about__quote{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);border-left:2px solid var(--color-accent-teal);padding-left:var(--space-lg);margin-bottom:var(--space-lg);opacity:.9;font-weight:400;line-height:1.6}.about__text{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.8}.about__traits{margin-top:var(--space-md)}.about__traits-list{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.about__trait{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);border-radius:8px;display:flex}.about__trait:hover{border-color:var(--color-border-hover);background:var(--color-accent-green-soft)}.about__trait-icon{width:20px;height:20px;color:var(--color-accent-green);flex-shrink:0;margin-top:2px}.about__trait strong{font-size:var(--text-base);margin-bottom:2px;display:block}.about__trait p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}[data-theme=light] .about__portrait-img{-webkit-mask-image:radial-gradient(80% 76% at 50% 44%,#000 28%,#000000bf 50%,#00000040 70%,#0000 92%);mask-image:radial-gradient(80% 76% at 50% 44%,#000 28%,#000000bf 50%,#00000040 70%,#0000 92%)}[data-theme=light] .about__portrait:before{background:radial-gradient(55% 50% at 50% 48%,#3a8f6f14 0%,#0891b20a 35%,#0000 60%)}[data-theme=light] .about__portrait-glow{display:none}.timeline{padding-left:var(--space-xl);padding-top:var(--space-md);position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--color-accent-green) 0%, var(--color-accent-teal) 30%, var(--color-accent-blue) 60%, var(--color-border) 85%, transparent 100%);width:1px;position:absolute;top:0;bottom:0;left:6px}.timeline__item{margin-bottom:var(--space-lg);position:relative}.timeline__item:last-child{margin-bottom:0}.timeline__marker{left:calc(-1 * var(--space-xl) + 1px);border:2px solid var(--color-accent-green);background:var(--color-bg);width:12px;height:12px;transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:50%;position:absolute;top:8px}.timeline__item:hover .timeline__marker{background:var(--color-accent-green);box-shadow:0 0 16px var(--color-vine-glow)}.timeline__marker--origin{border-color:var(--color-accent-warm)}.timeline__item--origin:hover .timeline__marker--origin{background:var(--color-accent-warm);box-shadow:0 0 12px var(--color-accent-warm-soft)}.timeline__content{padding:var(--space-lg);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-elevated) 60%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);border-radius:12px}.timeline__item:hover .timeline__content{border-color:var(--color-border-hover);transform:translate(4px)}.timeline__header{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.timeline__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:500}.timeline__role{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-blue)}.timeline__period{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.timeline__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.7}.timeline__tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.tag{font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border-radius:4px;padding:3px 10px;display:inline-block}.tag:hover{border-color:var(--color-accent-green);color:var(--color-accent-green);background:var(--color-accent-green-soft)}.tag--muted{color:var(--color-text-muted);border-style:dashed}.projects__grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.project-card{padding:var(--space-xl);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-surface) 40%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);border-radius:16px;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--color-accent-green), var(--color-accent-blue), var(--color-accent-teal));opacity:0;height:2px;transition:opacity var(--duration-base) var(--ease-out);position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:var(--color-border-hover);box-shadow:0 8px 32px var(--color-accent-green-soft), 0 0 0 1px var(--color-border-hover);transform:translateY(-4px)}.project-card:hover:before{opacity:1}.project-card--upcoming{opacity:.6;border-style:dashed}.project-card--upcoming:hover{opacity:.8}.project-card__media{aspect-ratio:16/9;width:100%;margin-top:var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);isolation:isolate;transition:box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-card__media:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid color-mix(in srgb, var(--color-accent-teal) 45%, transparent);box-shadow:inset 0 0 28px color-mix(in srgb, var(--color-accent-green-soft) 70%, transparent), 0 0 22px color-mix(in srgb, var(--color-accent-teal-soft) 55%, transparent);opacity:.75;transition:opacity var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);position:absolute;inset:0}.project-card__preview-video{object-fit:cover;object-position:center;filter:saturate(1.05)contrast(1.02);width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-out), filter var(--duration-normal) var(--ease-out);display:block;transform:scale(1.14)}.project-card__media-link{width:100%;height:100%;display:block}.project-card__media-link:hover .project-card__preview-video{filter:saturate(1.12)contrast(1.05)brightness(1.04);transform:scale(1.18)}.project-card:hover .project-card__media{border-color:color-mix(in srgb, var(--color-accent-teal) 45%, var(--color-border));box-shadow:0 8px 22px var(--color-accent-green-soft), 0 0 20px color-mix(in srgb, var(--color-accent-teal-soft) 70%, transparent)}.project-card:hover .project-card__media:before{opacity:1;border-color:color-mix(in srgb, var(--color-accent-green) 45%, transparent);box-shadow:inset 0 0 34px color-mix(in srgb, var(--color-accent-green-soft) 80%, transparent), 0 0 28px color-mix(in srgb, var(--color-accent-teal-soft) 70%, transparent)}.project-card__media-link:focus-visible{outline:2px solid var(--color-accent-green);outline-offset:-2px}.project-card__media-placeholder{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);flex-direction:column;display:flex}.project-card__media-placeholder svg{opacity:.3}.project-card__header{margin-bottom:var(--space-md);justify-content:flex-end;align-items:center;display:flex}.project-card__link{color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out)}.project-card__link:hover{color:var(--color-accent-green);transform:translateY(-2px)}.project-card__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:500}.project-card__subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-teal);margin-bottom:var(--space-md)}.project-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.7}.project-card__role{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-accent-blue-soft);border-left:2px solid var(--color-accent-blue);border-radius:0 4px 4px 0}.project-card__role-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-blue)}.project-card__tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.stack__grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.stack__group{padding:var(--space-lg);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-elevated) 35%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);border-radius:12px}.stack__group:hover{border-color:var(--color-border-hover);background:color-mix(in srgb, var(--color-bg-elevated) 55%, transparent)}.stack__group-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);display:flex}.stack__group-icon{width:18px;height:18px;color:var(--color-accent-green);flex-shrink:0}.stack__group-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.08em}.stack__chips{flex-wrap:wrap;gap:6px;display:flex}.stack__chip{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-surface) 50%, transparent);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);cursor:default;border-radius:20px;align-items:center;padding:4px 12px;display:inline-flex}.stack__chip:hover{border-color:var(--color-accent-green);color:var(--color-accent-green);background:var(--color-accent-green-soft);transform:translateY(-1px)}.stack__chip--primary{color:var(--color-accent-green);background:var(--color-accent-green-soft);border-color:#3ecf8e4d}.stack__chip--blue{color:var(--color-accent-blue);background:var(--color-accent-blue-soft);border-color:#6c9cff40}.stack__chip--teal{color:var(--color-accent-teal);background:var(--color-accent-teal-soft);border-color:#2dd4bf40}.contact{text-align:center}.contact .section__label{text-align:left}.contact .section__line{margin-left:0;margin-right:auto}.contact__content{max-width:600px;margin:0 auto}.contact__heading{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-md);font-weight:500}.contact__text{color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.8}.contact__links{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.contact__cta{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:1px solid var(--color-accent-green);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-green);letter-spacing:.05em;transition:background var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);border-radius:12px;display:inline-flex}.contact__cta:hover{background:var(--color-accent-green-soft);box-shadow:0 4px 24px var(--color-vine-glow);transform:translateY(-2px)}.contact__cta svg{transition:transform var(--duration-fast) var(--ease-out)}.contact__cta:hover svg{transform:translate(4px)}.contact__socials{gap:var(--space-md);align-items:center;display:flex}.contact__social-link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.contact__social-link:hover{color:var(--color-accent-green)}.contact__social-sep{color:var(--color-text-muted)}.footer{z-index:2;padding:var(--space-xl) var(--space-lg);padding-left:calc(var(--space-lg) + 80px);border-top:1px solid var(--color-border);position:relative}.footer__content{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer__text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.footer__code{color:var(--color-accent-green);opacity:.5}.footer__year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.fade-in{opacity:0;animation:fade-in-up .8s var(--ease-out) forwards;transform:translateY(20px)}.fade-in--delay-1{animation-delay:.1s}.fade-in--delay-2{animation-delay:.25s}.fade-in--delay-3{animation-delay:.45s}.fade-in--delay-4{animation-delay:.6s}.fade-in--delay-5{animation-delay:.85s}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(28px)}.reveal--left{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translate(-32px)}.reveal--right{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translate(32px)}.reveal--scale{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:scale(.94)}.reveal.visible,.reveal--left.visible,.reveal--right.visible,.reveal--scale.visible{opacity:1;transform:translateY(0)translate(0)scale(1)}@media (width<=768px){.nav__center{display:none}.nav__toggle{display:flex}.social-sidebar,.vine-container{display:none}.hero-tree{pointer-events:none;width:90%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section,.footer,.hero{padding-left:var(--space-lg)}.hero__content{padding:0 var(--space-md)}.about__intro{text-align:center;justify-items:center;gap:var(--space-md);grid-template-columns:1fr}.about__portrait{width:clamp(220px,55vw,300px)}.about__quote{text-align:left}.about__traits-list,.projects__grid{grid-template-columns:1fr}.timeline{padding-left:var(--space-lg)}.timeline__marker{left:calc(-1 * var(--space-lg) + 1px)}.footer__content{gap:var(--space-sm);text-align:center;flex-direction:column}}@media (width<=480px){.hero__name-line{font-size:clamp(2.5rem,12vw,4rem)}.project-card{padding:var(--space-lg)}.timeline__content{padding:var(--space-md)}}