*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0e0e;--fg:#f0ede8;--muted:#6b6762;--accent:#c8ff00;--border:#f0ede814;--font-sans:"Inter", system-ui, sans-serif;--font-disp:"Syne", system-ui, sans-serif;--nav-h:72px;--dur:.75s;--ease:cubic-bezier(.76, 0, .24, 1)}html,body,#root{background-color:var(--bg);width:100%;height:100%;color:var(--fg);font-family:var(--font-sans);cursor:none;-webkit-font-smoothing:antialiased;background-image:radial-gradient(#f0ede809 1px,#0000 1px);background-size:32px 32px;font-size:14px;line-height:1.6;overflow:hidden}@media (width<=640px){html,body,#root{cursor:auto}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes trace-draw{to{stroke-dashoffset:0}}:root{--bg:#0e0e0e;--fg:#f0ede8;--muted:#6b6762;--accent:#c8ff00;--border:#f0ede814;--font-sans:"Inter", system-ui, sans-serif;--font-disp:"Syne", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--nav-h:60px;--dur:.95s;--ease:cubic-bezier(.16, 1, .3, 1)}.cursor-dot{background:var(--accent);pointer-events:none;z-index:9999;will-change:transform;contain:layout style paint;border-radius:50%;width:6px;height:6px;position:fixed;top:0;left:0;transform:translate(-100px,-100px)translate(-50%,-50%)}.cursor-ring{border:1px solid var(--accent);pointer-events:none;z-index:9998;opacity:.45;will-change:transform;contain:layout style paint;border-radius:50%;width:32px;height:32px;transition:opacity .2s;position:fixed;top:0;left:0;transform:translate(-100px,-100px)translate(-50%,-50%)scale(1)}.cursor-ring.ring-expanded{opacity:.7}@media (width<=768px),(pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}body,button,a,.tag,.work-item{cursor:auto!important}}.app{grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0;overflow:hidden}.layout-grid-lines{pointer-events:none;z-index:1;justify-content:space-between;padding:0 48px;display:flex;position:fixed;inset:0}.grid-line{background:var(--border);opacity:.3;width:1px;height:100%}.grid-line:nth-child(2),.grid-line:nth-child(3){opacity:.15}.grid-line:first-child,.grid-line:nth-child(4){display:none}.nav{height:var(--nav-h);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 48px;display:flex;position:relative}.nav-wordmark{font-family:var(--font-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);cursor:none;background:0 0;border:none;align-items:center;gap:8px;margin:0;padding:0;font-size:15px;font-weight:800;transition:opacity .2s;display:flex}.nav-wordmark:before{content:"";background-color:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s ease-in-out infinite status-pulse;display:inline-block}@keyframes status-pulse{0%,to{opacity:.4;box-shadow:0 0 3px var(--accent)}50%{opacity:1;box-shadow:0 0 12px var(--accent)}}.nav-wordmark:hover{opacity:1;text-shadow:0 0 10px var(--accent)}.nav-links{gap:36px;list-style:none;display:flex}.nav-btn{color:var(--muted);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;cursor:none;background:0 0;border:none;align-items:center;padding:4px 0;font-size:12px;font-weight:400;transition:color .2s;display:flex;position:relative}.nav-btn:before{content:"// ";color:var(--accent);font-family:var(--font-mono);opacity:0;margin-right:6px;font-size:11px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-block;transform:translate(-6px)}.nav-btn:hover{color:var(--fg)}.nav-btn.active{color:var(--accent)}.nav-btn.active:before,.nav-btn:hover:before{opacity:1;transform:translate(0)}.nav-status{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:flex}.nav-clock{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:11px;display:flex}.clock-label{color:#f0ede866;font-size:10px}.clock-time{color:var(--accent);text-align:right;min-width:70px;font-weight:500}.nav-visualizer{align-items:flex-end;gap:3px;width:20px;height:12px;margin-left:6px;display:flex}.nav-visualizer span{background:var(--accent);border-radius:1px;width:2px;animation:.8s ease-in-out infinite alternate visualizer-bounce;display:block}.nav-visualizer span:first-child{height:4px;animation-delay:-.2s}.nav-visualizer span:nth-child(2){height:11px;animation-delay:-.5s}.nav-visualizer span:nth-child(3){height:7px;animation-delay:-.1s}.nav-visualizer span:nth-child(4){height:12px;animation-delay:-.7s}@keyframes visualizer-bounce{0%{height:2px}to{height:100%}}@media (width<=768px){.nav-clock{display:none}}.main{position:relative;overflow:hidden}.section{contain:layout style;transition:transform var(--dur) var(--ease), opacity var(--dur) ease;align-items:center;padding:0 48px;display:flex;position:absolute;inset:0}html.is-section-transitioning .section{will-change:transform, opacity}.section-above{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-30%)scale(.95)}.section-active{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0,0)scale(1)}.section-below{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(30%)scale(1.03)}html.is-section-transitioning .section-above,html.is-section-transitioning .section-below{visibility:visible}.section-above *,.section-below *{animation-play-state:paused!important}.section-active .panel-label{animation:.8s cubic-bezier(.16,1,.3,1) .15s both slide-up-fade}.section-active .home-tagline-row,.section-active .about-body,.section-active .work-inner,.section-active .contact-links,.section-active .telemetry-widget{animation:1s cubic-bezier(.16,1,.3,1) .35s both slide-up-fade}.section-active .skills-marquee-wrapper,.section-active .about-languages{animation:1s cubic-bezier(.16,1,.3,1) .45s both slide-up-fade}.section-active .home-name span{animation:1.2s cubic-bezier(.16,1,.3,1) both letter-pop;display:inline-block}.section-active .home-name span:first-child{animation-delay:50ms}.section-active .home-name span:nth-child(2){animation-delay:.1s}.section-active .home-name span:nth-child(3){animation-delay:.15s}.section-active .home-name span:nth-child(4){animation-delay:.2s}.section-active .home-name span:nth-child(5){animation-delay:.25s}.section-active .home-name span:nth-child(6){animation-delay:.3s}.section-active .about-heading span,.section-active .contact-invite span{animation:1s cubic-bezier(.16,1,.3,1) both line-reveal;display:block}.section-active .about-heading span:first-child,.section-active .contact-invite span:first-child{animation-delay:.15s}.section-active .about-heading span:nth-child(2),.section-active .contact-invite span:nth-child(2){animation-delay:.28s}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0,0)}}@keyframes letter-pop{0%{opacity:0;filter:blur(6px);color:var(--accent);transform:translateY(45px)scale(.8)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes line-reveal{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(35px)}to{opacity:1;clip-path:inset(0);transform:translate(0,0)}}.circuit-motif{pointer-events:none;z-index:0;opacity:.15;width:340px;height:220px;position:absolute;bottom:0;right:0}.trace{fill:none;stroke:var(--accent);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.trace-main{stroke-dasharray:800;stroke-dashoffset:800px;animation:3s cubic-bezier(.4,0,.2,1) forwards trace-draw}.trace-branch{stroke-dasharray:300;stroke-dashoffset:300px;animation:2.2s cubic-bezier(.4,0,.2,1) .6s forwards trace-draw}.trace-dot{stroke-dasharray:30;stroke-dashoffset:30px;animation:1s 1.1s forwards trace-draw}.trace-dot2{stroke-dasharray:30;stroke-dashoffset:30px;animation:1s 1.3s forwards trace-draw}.trace-dot3{stroke-dasharray:30;stroke-dashoffset:30px;animation:1s 1.5s forwards trace-draw}.section-home{align-items:flex-end;padding-bottom:clamp(48px,8vh,96px)}.section-inner{width:100%;position:relative}.home-inner{flex-direction:column;align-items:flex-start;gap:0;display:flex}.home-headline-group{z-index:10;flex-direction:column;gap:8px;display:flex}.home-name{font-family:var(--font-disp);letter-spacing:-.03em;color:var(--fg);-webkit-user-select:none;user-select:none;cursor:default;transition:letter-spacing .45s var(--ease);white-space:nowrap;margin:0;font-size:clamp(72px,12vw,150px);font-weight:800;line-height:.9}.home-name:hover{letter-spacing:.03em}.accent-letter{color:var(--accent)}.home-dynamic-row{height:24px;position:relative;overflow:hidden}.home-tagline-container{transition:transform .5s var(--ease);flex-direction:column;display:flex}.tagline-default,.tagline-hover{letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;height:24px;margin:0;font-size:14px;font-weight:300;line-height:24px}.tagline-default{color:var(--muted)}.tagline-hover{color:var(--accent);font-family:var(--font-mono);letter-spacing:.24em;font-weight:500}.home-tagline-row{align-items:center;gap:20px;display:flex}.home-rule{background:var(--accent);flex-shrink:0;width:40px;height:1px}.home-headline-group:hover .home-tagline-container,.home-headline-group.show-full .home-tagline-container{transform:translateY(-50%)}.about-inner{max-width:640px;transform:translateY(-45px)}.panel-label{font-family:var(--font-disp);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);align-items:center;gap:14px;margin-bottom:10px;font-size:clamp(21px,2.5vw,28px);font-weight:760;display:flex}.panel-label:before{content:"";background:var(--accent);width:32px;height:2px;display:inline-block}.about-heading{font-family:var(--font-disp);letter-spacing:-.02em;color:var(--fg);margin-bottom:10px;font-size:clamp(28px,3.8vw,48px);font-weight:700;line-height:1.15}.about-body{color:var(--muted);flex-direction:column;gap:14px;margin-bottom:10px;font-size:14px;font-weight:300;line-height:1.85;display:flex}.about-body strong{color:var(--fg);font-weight:400}.about-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{letter-spacing:.14em;text-transform:uppercase;color:var(--fg);border:1px solid var(--border);cursor:none;border-radius:2px;padding:5px 12px;font-size:10px;transition:border-color .2s,color .2s}.tag:hover{border-color:var(--accent);color:var(--fg)}.about-languages{flex-wrap:wrap;gap:clamp(12px,2vw,24px);margin-top:8px;display:flex}.lang-tag{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);border:1px solid var(--border);-webkit-user-select:none;user-select:none;cursor:none;background:#6b67620a;border-radius:2px;padding:6px 12px;font-size:11px;transition:border-color .25s,color .25s,background-color .25s}.lang-tag:hover{border-color:var(--accent);color:var(--fg);background:#c8ff0005}body.light-mode .lang-tag{background:#0e0e0e04}body.light-mode .lang-tag:hover{background:#0044ff04}.lang-tag strong{color:var(--fg);font-weight:600;transition:color .25s}.lang-tag:hover strong{color:var(--accent)}.work-inner{width:100%;max-width:860px;max-height:calc(100vh - var(--nav-h) - 150px);scrollbar-width:none;overflow-y:auto}.work-inner::-webkit-scrollbar{display:none}.work-list{flex-direction:column;margin-top:16px;margin-bottom:24px;list-style:none;display:flex}.work-item{border-bottom:1px solid var(--border);cursor:none;grid-template-columns:32px 1fr auto;align-items:center;gap:20px;padding:clamp(6.5px,1.1vh,12px) 0;transition:padding-left .35s cubic-bezier(.25,1,.5,1),background-color .45s cubic-bezier(.25,1,.5,1),border-color .45s cubic-bezier(.25,1,.5,1),color .45s cubic-bezier(.25,1,.5,1);display:grid;position:relative}.work-item:after{content:"";background:var(--accent);width:0;height:1.5px;transition:width .45s cubic-bezier(.25,1,.5,1);position:absolute;bottom:-1px;left:0}.work-item:hover:after{width:100%}.work-item:hover{background-color:#c8ff0004;padding-left:16px}body.light-mode .work-item:hover{background-color:#0044ff03}.work-index{font-family:var(--font-disp);color:var(--muted);letter-spacing:.06em;font-size:11px;transition:color .35s,transform .35s cubic-bezier(.25,1,.5,1)}.work-item:hover .work-index{color:var(--accent);transform:translate(-2px)}.work-title{font-family:var(--font-disp);color:var(--fg);letter-spacing:-.01em;font-size:clamp(16px,1.8vw,22px);font-weight:700;transition:color .35s,transform .35s cubic-bezier(.25,1,.5,1),letter-spacing .35s}.work-item:hover .work-title{color:var(--accent);letter-spacing:.005em;transform:translate(6px)}.work-type{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px;transition:color .35s,transform .35s cubic-bezier(.25,1,.5,1)}.work-item:hover .work-type{color:var(--fg);transform:translate(-4px)}.contact-inner{max-width:560px}.contact-invite{font-family:var(--font-disp);letter-spacing:-.02em;color:var(--fg);margin-bottom:36px;font-size:clamp(28px,3.8vw,48px);font-weight:700;line-height:1.2}.contact-invite em{color:var(--accent);font-style:normal}.contact-links{flex-direction:column;margin-bottom:40px;display:flex}.contact-link{border-bottom:1px solid var(--border);cursor:none;align-items:center;gap:12px;padding:14px 0;text-decoration:none;display:inline-flex}.contact-link-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-shrink:0;width:110px;font-size:10px;transition:color .2s}.contact-link-value{color:var(--fg);font-size:14px;position:relative}.contact-link-value:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px;left:0}.contact-link:hover .contact-link-value:after{width:100%}.contact-link:hover .contact-link-label{color:var(--accent)}.contact-availability{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.contact-availability:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.scroll-dots{z-index:200;will-change:transform;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:45px;transform:translate(50%,-50%)}.scroll-dot{background:var(--muted);cursor:none;opacity:.5;border:none;border-radius:50%;width:5px;height:5px;padding:0;transition:background .25s,transform .25s}.scroll-dot-active{background:var(--accent);opacity:1;transform:scale(1.4)}.scroll-dot:hover{background:var(--fg);opacity:.8}.footer-strip{z-index:250;pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:22px;left:48px;right:48px}.footer-left{letter-spacing:.12em;text-transform:uppercase;color:#6b676273;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:10px}.footer-controls{pointer-events:auto;align-items:center;gap:12px;display:flex}.footer-right-text{letter-spacing:.12em;text-transform:uppercase;color:#6b676273;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:10px}.footer-divider{color:#6b676259;-webkit-user-select:none;user-select:none;font-size:10px}.theme-selector,.lang-selector{gap:8px;display:flex}.ctrl-btn{border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);cursor:none;background:#0e0e0ed1;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;transition:color .25s,border-color .25s,background-color .25s;display:inline-flex}body.light-mode .ctrl-btn{background-color:#f5f4f0eb}.ctrl-btn:hover{color:var(--fg);border-color:var(--accent);background-color:#0e0e0e99}body.light-mode .ctrl-btn:hover{background-color:#f5f4f0f2}.theme-icon{stroke:currentColor;vertical-align:middle;stroke-width:2.5px;width:10px;height:10px;display:inline-block}.horizontal-lang-selector{z-index:300;width:28px;height:28px;position:relative}.horizontal-trigger-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);font-family:var(--font-mono);cursor:none;z-index:10;background:#0e0e0ee0;border-radius:50%;justify-content:center;align-items:center;font-size:8.5px;font-weight:500;transition:border-color .25s,color .25s,background-color .25s,transform .25s;display:flex;position:relative}body.light-mode .horizontal-trigger-btn{background:#f5f4f0bf}.horizontal-trigger-btn:hover,.horizontal-trigger-btn.active{border-color:var(--accent);color:var(--fg);background:#0e0e0eb3}body.light-mode .horizontal-trigger-btn:hover,body.light-mode .horizontal-trigger-btn.active{background:#f5f4f0f2}.horizontal-trigger-btn.active{transform:scale(.92)}.horizontal-options{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.horizontal-opt-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);font-family:var(--font-mono);cursor:none;opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s,border-color .2s,color .2s;transition-delay:var(--delay);background:#0e0e0ee6;border-radius:50%;justify-content:center;align-items:center;font-size:8px;display:flex;position:absolute;top:0;left:0;transform:scale(.3)translate(0,0)}body.light-mode .horizontal-opt-btn{background:#f5f4f0d9}.horizontal-options.open .horizontal-opt-btn{opacity:1;pointer-events:auto;transform:scale(1) translate3d(var(--tx), var(--ty), 0)}.horizontal-opt-btn:hover{border-color:var(--accent);color:var(--fg);background:#0e0e0ecc}body.light-mode .horizontal-opt-btn:hover{background:#f5f4f0fa}.horizontal-opt-btn.active{color:var(--accent);border-color:var(--accent);background:#c8ff000d}body.light-mode .horizontal-opt-btn.active{background:#0044ff0d}body{transition:background-color .3s,color .3s}@supports (view-transition-name:root){body{transition:none!important}}body.light-mode{--bg:#f5f4f0;--fg:#0e0e0e;--muted:#4e4a46;--border:#0e0e0e24;--accent:#04f;background-color:var(--bg);background-image:radial-gradient(#0e0e0e09 1px,#0000 1px)}body.light-mode .layout-grid-lines{opacity:.85}body.light-mode .tag{border-color:var(--border);color:var(--muted);background:#0e0e0e05}body.light-mode .tag:hover{border-color:var(--accent);color:var(--fg)}body.light-mode .nav{background:#f5f4f0e0}.bg-circuits-container{pointer-events:none;z-index:1;contain:strict;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.bg-circuit{opacity:.16;pointer-events:none;position:absolute}body.light-mode .bg-circuit{opacity:.1}.circuit-1{width:clamp(250px,25vw,500px);height:auto;top:0;left:0}.circuit-2{width:clamp(250px,25vw,500px);height:auto;bottom:0;right:0}.circuit-3{width:clamp(150px,15vw,300px);height:auto;top:15%;left:0}.circuit-4{width:clamp(200px,20vw,400px);height:auto;top:10%;right:0}.circuit-5{width:clamp(200px,20vw,400px);height:auto;bottom:10%;left:0}.bg-circuit .trace-base{fill:none;stroke:var(--fg);stroke-width:1px;opacity:.06;stroke-linecap:round;stroke-linejoin:round}.bg-circuit .trace-pulse-glow{fill:none;stroke:var(--accent);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:45 280;opacity:.28;animation:8s linear infinite current-flow}.bg-circuit .trace-pulse{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:45 280;animation:8s linear infinite current-flow}body.light-mode .bg-circuit .trace-pulse-glow{opacity:.22;stroke-width:6px}body.light-mode .bg-circuit .trace-pulse{stroke-width:2px;opacity:.85}.bg-circuit .pad{fill:none;stroke:var(--accent);stroke-width:1px;opacity:.25}body.light-mode .bg-circuit .pad{opacity:.45}.circuit-1 .trace-pulse,.circuit-1 .trace-pulse-glow{animation-duration:8s;animation-delay:0s}.circuit-2 .trace-pulse,.circuit-2 .trace-pulse-glow{animation-duration:11s;animation-delay:-3s}.circuit-3 .trace-pulse,.circuit-3 .trace-pulse-glow{animation-duration:7s;animation-delay:-5s}.circuit-4 .trace-pulse,.circuit-4 .trace-pulse-glow{animation-duration:9s;animation-delay:-2s}.circuit-5 .trace-pulse,.circuit-5 .trace-pulse-glow{animation-duration:10s;animation-delay:-4s}@keyframes current-flow{0%{stroke-dashoffset:650px}to{stroke-dashoffset:0}}html.is-page-hidden .trace-pulse,html.is-page-hidden .trace-pulse-glow,html.is-page-hidden .tel-circle,html.is-page-hidden .tel-signal-wave,html.is-page-hidden .tel-signal-wave-glow,html.is-page-hidden .tel-dot,html.is-page-hidden .tel-led-pulse,html.is-page-hidden .nav-visualizer span,html.is-page-hidden .status-dot{animation-play-state:paused!important}.telemetry-widget{opacity:.35;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5;align-items:center;gap:16px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:clamp(60px,8vh,120px);right:48px}body.light-mode .telemetry-widget{opacity:.45}@media (width<=1100px){.telemetry-widget{opacity:.25;top:100px;bottom:auto;right:32px}}@media (width<=640px){.telemetry-widget{display:none!important}}.telemetry-svg{width:90px;height:90px}.tel-circle{fill:none;stroke:var(--accent);stroke-width:1px;transform-origin:50%}.tel-outer{stroke-dasharray:20 40 80 40;animation:20s linear infinite spin-clockwise}.tel-inner{stroke-dasharray:4 8;opacity:.6;animation:12s linear infinite spin-counter}.tel-sweep{stroke-width:.6px;stroke-dasharray:10 120;animation:6s ease-in-out infinite spin-clockwise}.tel-line{stroke:var(--accent);stroke-width:.6px;opacity:.2;stroke-dasharray:2 4}.tel-grid{stroke:var(--fg);stroke-width:.4px;opacity:.04;stroke-dasharray:1 3}body.light-mode .tel-grid{opacity:.07}.tel-signal-wave-glow{fill:none;stroke:var(--accent);stroke-width:3.5px;opacity:.2;stroke-dasharray:100;animation:3s linear infinite wave-scroll}.tel-signal-wave{fill:none;stroke:var(--accent);stroke-width:1.2px;opacity:.45;stroke-dasharray:100;animation:3s linear infinite wave-scroll}@keyframes wave-scroll{to{stroke-dashoffset:-200px}}.tel-dot{fill:var(--accent);box-shadow:0 0 4px var(--accent);animation:1.8s ease-in-out infinite tel-pulse}.telemetry-text{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg);opacity:.7;flex-direction:column;font-size:8px;display:flex}body.light-mode .telemetry-text{color:var(--fg);opacity:.85}.tel-status-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.tel-header{color:var(--accent);font-weight:600}.tel-led-pulse{background:var(--accent);width:5px;height:5px;box-shadow:0 0 5px var(--accent);border-radius:50%;animation:1.2s step-start infinite led-blink}.tel-row{opacity:.85;line-height:1.6}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes tel-pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes led-blink{0%,to{opacity:.2}50%{opacity:1}}@media (width<=840px){.layout-grid-lines{padding:0 16px}.grid-line:nth-child(2),.grid-line:nth-child(3){display:none}.nav{justify-content:space-between;padding:0 16px}.nav-wordmark{display:flex!important}.nav-status{display:none}.nav-links{gap:12px}.nav-btn{cursor:pointer;letter-spacing:.08em;font-size:10px}.nav-btn:before{display:none!important}.nav-btn.active{color:var(--accent)!important}.section{padding:0 16px}.section-home{align-items:flex-start;padding-top:clamp(24px,8vw,60px);padding-bottom:60px}.home-inner{flex-direction:column;align-items:flex-start;gap:0;display:flex}.home-name{font-size:clamp(71px,15.8vw,107px)!important}.home-dynamic-row{height:38px;position:relative;overflow:hidden}.tagline-default,.tagline-hover{letter-spacing:.12em;white-space:normal;align-items:center;height:38px;font-size:11px;line-height:1.3;display:flex}.tagline-hover{color:var(--accent);font-family:var(--font-mono);letter-spacing:.18em;font-size:14px;font-weight:700}.home-tagline-row{align-items:center;gap:12px}.home-rule{width:24px}.about-heading,.contact-invite{margin-bottom:16px;font-size:clamp(20px,6vw,30px)}.panel-label{margin-bottom:16px;font-size:18px}.circuit-motif{opacity:.09;width:180px;height:120px}.work-inner{max-height:calc(100dvh - var(--nav-h) - 100px)!important}.work-item{grid-template-rows:auto auto;grid-template-columns:18px 1fr;gap:4px 8px;border-bottom:none!important;padding:7px 10px 7px 4px!important}.panel-work .work-list{margin-top:10px!important;margin-bottom:0!important}.panel-work .panel-label{margin-bottom:7px!important}.panel-work .panel-label[style]{margin-top:12px!important}.work-item:before{content:"";background:var(--border);height:1px;position:absolute;bottom:-1px;width:calc(100% - 14px)!important;left:4px!important}.work-item:hover{background-color:#0000!important;padding:10px 10px 10px 4px!important}.work-item:hover .work-index,.work-item:hover .work-title,.work-item:hover .work-type{transform:none!important}.work-item:after{left:4px!important}.work-item:hover:after{width:calc(100% - 14px)!important}.work-index{grid-area:1/1;align-self:start;margin-top:1px}.work-title{grid-area:1/2;font-size:13px;font-weight:500;line-height:1.35}.work-type{color:var(--muted);font-size:9px;font-family:var(--font-mono);grid-area:2/2}.about-body{font-size:13px}.contact-link{gap:8px;position:relative;border-bottom:none!important;padding:14px 10px 14px 4px!important}.contact-link:before{content:"";background:var(--border);height:1px;position:absolute;bottom:-1px;width:calc(100% - 14px)!important;left:4px!important}.contact-link-label{width:80px}.scroll-dots{right:13px}.footer-strip{gap:0;bottom:14px;left:16px;right:16px;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}}@media (height<=760px){:root{--nav-h:60px}.nav{height:var(--nav-h)}.about-heading,.contact-invite{margin-bottom:6px!important;font-size:clamp(20px,3.5vh,32px)!important}.about-body p{margin-bottom:4px!important;font-size:13px!important}.panel-label{margin-bottom:6px!important}.about-inner{scrollbar-width:none;overflow-y:auto;max-height:calc(100dvh - var(--nav-h) - 80px)!important;transform:translateY(-24px)!important}.about-inner::-webkit-scrollbar{display:none}.about-languages{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:4px;overflow-x:auto;flex-wrap:nowrap!important;gap:8px!important}.about-languages::-webkit-scrollbar{display:none}.lang-tag{flex-shrink:0;padding:4px 8px!important;font-size:10px!important}.work-inner{max-height:calc(100dvh - var(--nav-h) - 80px)!important}.footer-strip{bottom:12px!important}}@media (height<=640px){:root{--nav-h:52px}.work-inner{max-height:calc(100vh - var(--nav-h) - 70px)!important}.about-heading{display:none}}.skills-marquee-wrapper{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;margin-top:12px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.skills-marquee-wrapper:active{cursor:grabbing}.skills-marquee-container{will-change:transform;white-space:nowrap;gap:8px;width:max-content;padding:10px 0;display:flex}.marquee-tag{-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;display:inline-flex}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999;will-change:clip-path;backface-visibility:hidden;animation:.95s cubic-bezier(.2,1,.2,1) both venom-reveal}@keyframes venom-reveal{0%{clip-path:polygon(var(--click-x,48px) var(--click-y,calc(100vh - 22px)), var(--click-x,48px) var(--click-y,calc(100vh - 22px)), var(--click-x,48px) var(--click-y,calc(100vh - 22px)), var(--click-x,48px) var(--click-y,calc(100vh - 22px)), var(--click-x,48px) var(--click-y,calc(100vh - 22px)), var(--click-x,48px) var(--click-y,calc(100vh - 22px)), var(--click-x,48px) var(--click-y,calc(100vh - 22px)), var(--click-x,48px) var(--click-y,calc(100vh - 22px)))}35%{clip-path:var(--clip-35,polygon(calc(var(--click-x,48px) - 15vmax) calc(var(--click-y,calc(100vh - 22px)) - 8vmax), calc(var(--click-x,48px) + 8vmax) calc(var(--click-y,calc(100vh - 22px)) - 25vmax), calc(var(--click-x,48px) + 30vmax) calc(var(--click-y,calc(100vh - 22px)) - 5vmax), calc(var(--click-x,48px) + 12vmax) calc(var(--click-y,calc(100vh - 22px)) + 18vmax), calc(var(--click-x,48px) - 8vmax) calc(var(--click-y,calc(100vh - 22px)) + 35vmax), calc(var(--click-x,48px) - 35vmax) calc(var(--click-y,calc(100vh - 22px)) + 8vmax), calc(var(--click-x,48px) - 20vmax) calc(var(--click-y,calc(100vh - 22px)) - 28vmax), calc(var(--click-x,48px) - 3vmax) calc(var(--click-y,calc(100vh - 22px)) - 12vmax)))}70%{clip-path:var(--clip-70,polygon(calc(var(--click-x,48px) - 100vmax) calc(var(--click-y,calc(100vh - 22px)) - 50vmax), calc(var(--click-x,48px) + 50vmax) calc(var(--click-y,calc(100vh - 22px)) - 160vmax), calc(var(--click-x,48px) + 180vmax) calc(var(--click-y,calc(100vh - 22px)) - 30vmax), calc(var(--click-x,48px) + 70vmax) calc(var(--click-y,calc(100vh - 22px)) + 110vmax), calc(var(--click-x,48px) - 50vmax) calc(var(--click-y,calc(100vh - 22px)) + 210vmax), calc(var(--click-x,48px) - 210vmax) calc(var(--click-y,calc(100vh - 22px)) + 50vmax), calc(var(--click-x,48px) - 120vmax) calc(var(--click-y,calc(100vh - 22px)) - 170vmax), calc(var(--click-x,48px) - 15vmax) calc(var(--click-y,calc(100vh - 22px)) - 80vmax)))}to{clip-path:polygon(calc(var(--click-x,48px) - 350vmax) calc(var(--click-y,calc(100vh - 22px)) - 350vmax), calc(var(--click-x,48px) + 350vmax) calc(var(--click-y,calc(100vh - 22px)) - 350vmax), calc(var(--click-x,48px) + 350vmax) calc(var(--click-y,calc(100vh - 22px)) - 350vmax), calc(var(--click-x,48px) + 350vmax) calc(var(--click-y,calc(100vh - 22px)) + 350vmax), calc(var(--click-x,48px) - 350vmax) calc(var(--click-y,calc(100vh - 22px)) + 350vmax), calc(var(--click-x,48px) - 350vmax) calc(var(--click-y,calc(100vh - 22px)) + 350vmax), calc(var(--click-x,48px) - 350vmax) calc(var(--click-y,calc(100vh - 22px)) - 350vmax), calc(var(--click-x,48px) - 350vmax) calc(var(--click-y,calc(100vh - 22px)) - 350vmax))}}