:root{font-family:var(--font-sans), system-ui, Avenir, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:var(--color-primary-light);text-underline-offset:2px;font-weight:500;text-decoration:none;transition:color .15s}a:hover{color:var(--color-primary-ink)}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-main);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}h1{font-family:var(--font-serif);margin:0;font-size:3.2em;line-height:1.1}h2,h3,h4,h5,h6{font-family:var(--font-serif);margin:0}p{margin:0}img{max-width:100%;height:auto;display:block}button{background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .13s}button:hover{border-color:var(--color-primary-light)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}[data-color-mode=light] a{color:var(--color-primary-ink)}[data-color-mode=light] a:hover{color:var(--color-primary-dark)}[data-color-mode=light] button{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-subtle)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Fraunces", serif;--font-mono:"ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace;--color-primary:#00d4ff;--color-primary-light:#5ce1ff;--color-primary-dark:#007a94;--color-primary-ink:var(--color-primary);--color-accent:#00d4ff;--color-accent-teal:#ff3864;--color-primary-rgb:0, 212, 255;--color-primary-dark-rgb:0, 122, 148;--color-accent-rgb:0, 212, 255;--color-primary-contrast:#5ce1ff;--color-accent-ink:#007a94;--color-on-primary:#000;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--text-primary:#f0fff0;--text-secondary:#c8e8c8;--text-muted:#94b894;--bg-main:#0a0e12;--bg-card:#00d4ff0d;--bg-card-hover:#00d4ff1a;--border-subtle:#00d4ff40;--border-hover:rgba(var(--color-primary-rgb), .4);--bg-gradient-primary:radial-gradient(ellipse 80% 50% at 50% -10%, rgba(var(--color-primary-rgb), .1), transparent);--bg-gradient-accent:radial-gradient(ellipse 60% 40% at 80% 60%, rgba(var(--color-accent-rgb), .05), transparent)}#root{text-align:left;max-width:none;min-height:100vh;margin:0;padding:0}.main-content{min-height:100vh}.main-content--cli{overscroll-behavior:none;height:100svh;min-height:100svh;overflow:hidden}:root[data-theme=cli]{overflow:hidden}:root[data-theme=cli] body{overscroll-behavior:none;width:100%;min-height:100svh;position:fixed;inset:0;overflow:hidden}:root[data-theme=cli] #root{height:100svh;min-height:100svh;overflow:hidden}:root[data-theme=cli] footer,:root[data-theme=cli] [role=contentinfo]{display:none!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.2}.skip-link{background-color:var(--color-primary);color:#fff;z-index:9999;opacity:0;pointer-events:none;font-weight:600;font-family:var(--font-sans);border-radius:0 0 8px;padding:12px 24px;text-decoration:none;position:absolute;top:-9999px;left:-9999px}.skip-link:focus{opacity:1;pointer-events:auto;outline-offset:2px;outline:3px solid #fff;position:fixed;top:0;left:0}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-label{font-family:var(--font-mono);color:var(--color-primary-ink);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem;font-size:.85rem;display:inline-block}.section-title{font-family:var(--font-sans);color:inherit;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:500px;margin:1rem auto 0;font-size:1.125rem}html{scroll-behavior:smooth;scroll-padding-top:80px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{background:rgba(var(--color-primary-rgb), .3);color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb), .3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-primary-rgb), .5)}:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}[data-color-mode=light] ::selection{background:rgba(var(--color-primary-rgb), .2)}[data-color-mode=light] ::-webkit-scrollbar-track{background:#00000005}[data-color-mode=light] ::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb), .2)}[data-color-mode=light] ::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-primary-rgb), .4)}@media (max-width:768px){.section-header{margin-bottom:3rem}}.pwa-toast{background:var(--bg-main);max-width:400px;color:var(--text-primary);z-index:9999;border:1px solid var(--border-subtle);border-radius:12px;padding:16px;animation:.15s ease-out slideInUp;position:fixed;bottom:92px;right:20px;box-shadow:0 10px 25px #0000004d}.pwa-toast .pwa-toast-content{flex-direction:column;gap:12px;display:flex}.pwa-toast .pwa-toast-message{align-items:flex-start;gap:12px;display:flex}.pwa-toast .pwa-toast-icon{color:var(--color-primary-ink);font-size:24px}.pwa-toast .pwa-toast-title{margin:0 0 4px;font-size:16px;font-weight:600}.pwa-toast .pwa-toast-description{color:var(--text-secondary);font-size:14px;line-height:1.5}.pwa-toast .pwa-toast-actions{gap:12px;margin-top:4px;display:flex}.pwa-toast .pwa-toast-button{cursor:pointer;border:1px solid #0000;border-radius:8px;flex:1;min-width:44px;min-height:44px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .1s}.pwa-toast .pwa-toast-button.pwa-toast-button-primary{color:#fff;background:#1a1a1a}.pwa-toast .pwa-toast-button.pwa-toast-button-secondary{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-subtle)}.pwa-toast .pwa-toast-button.pwa-toast-button-install{color:#fff;background:#0a7ea4}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pwa-toast{animation:none}}.navigation{z-index:1000;padding:1rem 20px;transition:background-color .15s,box-shadow .15s,-webkit-backdrop-filter .15s,backdrop-filter .15s;position:fixed;top:0;left:0;right:0}.navigation.scrolled{background:var(--nav-bg-scrolled,#1a1918f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.75rem 20px;box-shadow:0 4px 30px #0000001a}.navigation.scrolled:after{content:"";background:var(--border-subtle);height:1px;position:absolute;bottom:0;left:0;right:0}:root[data-theme=cli] .navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073}:root[data-theme=cli] .nav-logo{color:var(--text-primary)}:root[data-theme=cli] .nav-link,:root[data-theme=cli] .nav-social-link{color:var(--text-primary);text-shadow:0 1px 2px #00000059}:root[data-color-mode=light][data-theme=cli] .navigation{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000008c}:root[data-color-mode=light][data-theme=cosmic] .navigation.scrolled{background:var(--nav-bg-scrolled,#fdf8fff2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-color-mode=light][data-theme=cosmic] .mobile-menu-button{background-color:#fdf8fff2;border:1px solid #7b2cbf40;border-radius:12px;box-shadow:0 2px 8px #4628781a,0 1px 3px #4628780f}:root[data-color-mode=light][data-theme=cosmic] .mobile-menu-button:hover,:root[data-color-mode=light][data-theme=cosmic] .mobile-menu-button:focus{border-color:var(--color-primary-ink);background-color:#fdf8fffa;box-shadow:0 4px 12px #46287824,0 2px 6px #46287814}:root[data-color-mode=light][data-theme=cosmic] .mobile-menu-button:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}:root[data-color-mode=light][data-theme=cosmic] .mobile-menu-button.open{border-color:var(--color-primary-ink);background-color:#fdf8fffa}:root[data-color-mode=light][data-theme=cosmic] .mobile-menu-button .hamburger-line{background:var(--color-primary-ink)}:root[data-color-mode=light][data-theme=engineer] .navigation.scrolled{background:var(--nav-bg-scrolled,#f0f8fff2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-color-mode=light][data-theme=engineer] .nav-logo,:root[data-color-mode=light][data-theme=engineer] .nav-link,:root[data-color-mode=light][data-theme=engineer] .nav-social-link,:root[data-color-mode=light][data-theme=engineer] .nav-link:hover,:root[data-color-mode=light][data-theme=engineer] .nav-link.active{color:var(--color-primary-ink)}:root[data-color-mode=light][data-theme=engineer] .nav-social-link:hover{color:var(--color-primary-ink);background:var(--bg-card-hover)}:root[data-color-mode=light][data-theme=engineer] .mobile-menu-button .hamburger-line{background:var(--text-primary)}:root[data-color-mode=light][data-theme=cosmic] .nav-logo,:root[data-color-mode=light][data-theme=cosmic] .nav-link,:root[data-color-mode=light][data-theme=cosmic] .nav-social-link,:root[data-color-mode=light][data-theme=cosmic] .nav-link:hover,:root[data-color-mode=light][data-theme=cosmic] .nav-link.active{color:var(--color-primary-ink)}:root[data-color-mode=light][data-theme=cosmic] .nav-social-link:hover{color:var(--color-primary-ink);background:var(--bg-card-hover)}:root[data-color-mode=light][data-theme=minimal] .nav-logo,:root[data-color-mode=light][data-theme=minimal] .nav-link,:root[data-color-mode=light][data-theme=minimal] .nav-social-link,:root[data-color-mode=light][data-theme=minimal] .nav-link:hover,:root[data-color-mode=light][data-theme=minimal] .nav-link.active{color:var(--color-primary-ink)}:root[data-color-mode=light][data-theme=minimal] .nav-social-link:hover{color:var(--color-primary-ink);background:var(--bg-card-hover)}:root[data-color-mode=light][data-theme=minimal] .mobile-menu-button .hamburger-line{background:var(--text-primary)}:root[data-color-mode=light][data-theme=cli] .nav-logo,:root[data-color-mode=light][data-theme=cli] .nav-link,:root[data-color-mode=light][data-theme=cli] .nav-social-link{color:#f5fff5}:root[data-color-mode=light][data-theme=cli] .nav-link:hover,:root[data-color-mode=light][data-theme=cli] .nav-link.active{color:#fff}:root[data-color-mode=light][data-theme=cli] .nav-social-link:hover{color:#fff;background:#ffffff1f}:root[data-color-mode=light][data-theme=cli] .mobile-menu-button .hamburger-line{background:#f5fff5}.nav-container{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;width:100%;min-height:40px;display:grid}.nav-logo{width:40px;height:40px;color:var(--color-primary-ink);justify-content:center;place-self:center start;align-items:center;padding:0;text-decoration:none;transition:transform .15s;display:flex}.nav-logo:hover{transform:scale(1.05)}.nav-logo:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:4px;border-radius:4px}.nav-logo .logo-image{width:40px;height:40px;display:block}.nav-logo .logo-image .jp-logo-svg{width:100%;height:100%;display:block}.nav-links{grid-column:2;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-secondary);border-radius:12px;padding:.85rem 1.3rem;font-size:1.2rem;font-weight:600;text-decoration:none;transition:color .15s;position:relative}.nav-link:after{content:"";background:var(--color-primary);border-radius:1px;width:calc(100% - 2rem);height:2px;transition:transform .15s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)scaleX(0)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{transform:translate(-50%)scaleX(1)}.nav-link:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}@media (max-width:1120px){.nav-links{gap:.2rem}}.nav-social{grid-column:3;justify-self:end;align-items:center;gap:.5rem;display:flex}.nav-social-link{width:36px;height:36px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.nav-social-link:hover{color:var(--color-primary-ink);background:rgba(var(--color-primary-rgb), .1)}.nav-social-link:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}.nav-social-link svg{width:72px;height:72px}.mobile-menu-button{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;grid-column:3;justify-content:center;place-self:center end;align-items:center;gap:5px;width:40px;height:40px;margin:0;padding:0;display:none}.mobile-menu-button .hamburger-line{background:var(--text-primary);border-radius:1px;width:24px;height:2px;transition:all .15s;display:block}.mobile-menu-button.open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-button.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-button.open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:1001;pointer-events:none;display:none;position:fixed;inset:0}.mobile-menu.open{pointer-events:auto}.mobile-menu.open .mobile-menu-backdrop{opacity:1}.mobile-menu.open .mobile-menu-content{transform:translate(0)}.mobile-menu .mobile-menu-backdrop{opacity:0;background:#000000d9;width:100vw;height:100vh;transition:opacity .15s;position:fixed;top:0;left:0}.mobile-menu .mobile-menu-content{background:var(--bg-main);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;flex-direction:column;width:min(320px,100vw - 60px);height:100dvh;padding:5rem 2rem 2rem;transition:transform .15s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-nav-links{flex-grow:1;margin:0;padding:0;list-style:none}.mobile-nav-link{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:1rem 0;font-size:1.3rem;font-weight:600;text-decoration:none;transition:color .15s;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--color-primary-ink)}.mobile-social{border-top:1px solid var(--border-subtle);gap:1rem;padding-top:2rem;display:flex}.mobile-social .mobile-social-link{background:var(--bg-card);border:1px solid var(--border-subtle);width:48px;height:48px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;transition:all .15s;display:flex}.mobile-social .mobile-social-link svg{width:24px;height:24px}@media (max-width:980px){.nav-container{justify-content:space-between;align-items:center;gap:0;display:flex}.nav-links,.nav-social{display:none}.mobile-menu-button,.mobile-menu{display:flex}}:root[data-theme=cli] .cli-terminal-shell{text-align:left;flex-direction:column;gap:0;width:100%;height:100%;min-height:0;display:flex}:root[data-theme=cli] .cli-terminal-banner{border-bottom:1px solid var(--border-subtle);background:#0a0f0a;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem .9rem;display:flex}:root[data-theme=cli][data-color-mode=light] .cli-terminal-banner{background:var(--bg-card)}:root[data-theme=cli] .cli-banner-left{flex-direction:column;flex-shrink:0;display:flex}:root[data-theme=cli] .cli-banner-right{font-family:"VT323", var(--font-mono);letter-spacing:.06em;color:var(--text-secondary);text-align:right;max-width:min(280px,40vw);font-size:.95rem;line-height:1.3}:root[data-theme=cli] .cli-banner-prompt{font-family:"VT323", var(--font-mono);letter-spacing:.12em;color:var(--color-primary);text-shadow:0 0 4px #57ff4859;font-size:1.15rem}:root[data-theme=cli][data-color-mode=light] .cli-banner-prompt,:root[data-theme=cli][data-color-mode=light] .cli-banner-name{color:var(--color-primary-dark);text-shadow:none}:root[data-theme=cli][data-color-mode=light] .cli-banner-right{color:var(--text-secondary)}:root[data-theme=cli] .cli-banner-name{font-family:"Orbitron", var(--font-sans);letter-spacing:.2em;color:var(--color-primary);text-shadow:0 0 4px #57ff484d;transform-origin:0;margin-top:.2rem;font-size:clamp(1.25rem,4vw,1.85rem);font-weight:900;transform:skew(-6deg)}:root[data-theme=cli] .cli-terminal-window{border:1px solid var(--border-subtle);min-height:0;font-family:var(--font-mono);background:var(--bg-main);border-radius:0;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 16px 32px #00000040}:root[data-theme=cli] .cli-options-panel{font-family:"VT323", var(--font-mono)}:root[data-theme=cli] .cli-terminal-toolbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);justify-content:space-between;align-items:center;gap:.85rem;padding:.72rem 1rem;display:flex}:root[data-theme=cli] .cli-terminal-dots{gap:.4rem;display:flex}:root[data-theme=cli] .cli-terminal-dot{background:var(--text-muted);border-radius:50%;width:.62rem;height:.62rem;display:inline-block}:root[data-theme=cli] .cli-terminal-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);font-size:.78rem}:root[data-theme=cli] .cli-session{text-align:left;flex:1;min-height:0;padding:.9rem 1rem;overflow:auto}:root[data-theme=cli] .cli-history{flex-direction:column;gap:.42rem;display:flex}:root[data-theme=cli] .cli-line{white-space:pre-wrap;word-break:break-word;color:var(--text-secondary);text-align:left;margin:0;font-size:clamp(.78rem,1.2vw,.92rem);line-height:1.45}:root[data-theme=cli] .cli-line--system{color:var(--text-muted)}:root[data-theme=cli] .cli-line--hint{color:var(--color-primary-ink)}:root[data-theme=cli] .cli-line--error{color:#ff8a8a}:root[data-theme=cli] .cli-line--success{color:#7dffbe}:root[data-theme=cli] .cli-line-prefix{color:var(--color-primary-ink);margin-right:.5rem;font-weight:600}:root[data-theme=cli] .cli-line-link{color:inherit;text-underline-offset:.2em;text-decoration:underline}:root[data-theme=cli] .cli-line-link:hover{opacity:.85}:root[data-theme=cli] .cli-line-link:focus,:root[data-theme=cli] .cli-line-link:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}:root[data-theme=cli] .cli-prompt{border-top:1px solid var(--border-subtle);background:var(--bg-card);align-items:center;gap:.62rem;padding:.72rem 1rem;display:flex}:root[data-theme=cli] .cli-prompt--inline{background:0 0;border:none;margin-top:.25rem;padding:0}:root[data-theme=cli] .cli-prompt-prefix{white-space:nowrap;color:var(--color-primary-ink);font-size:.8rem;font-weight:600}:root[data-theme=cli] .cli-prompt-input{min-width:0;color:var(--text-primary);font-family:var(--font-mono);background:0 0;border:none;flex:1;font-size:.9rem;line-height:1.4}@media (hover:none) and (pointer:coarse){:root[data-theme=cli] .cli-prompt-input{font-size:16px}}@media (max-width:768px){:root[data-theme=cli] .cli-prompt-input{font-size:16px}}:root[data-theme=cli] .cli-prompt-input::placeholder{color:var(--text-muted)}:root[data-theme=cli] .cli-prompt-input:focus{outline:none}@media (max-width:540px){:root[data-theme=cli] .cli-terminal-banner{flex-direction:column;align-items:flex-start}:root[data-theme=cli] .cli-banner-right{text-align:left;max-width:none;font-size:.88rem}}@media (max-height:760px){:root[data-theme=cli] .cli-terminal-banner{display:none}}.hero-section{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:max(100px,2rem) 2rem 2rem;display:flex;position:relative;overflow:hidden}:root[data-theme=engineer] .hero-section{--trace-mask-strong:url(/images/hero/masks/trace-mask-strong.svg);--trace-mask:url(/images/hero/masks/trace-mask.svg);--node-mask:url(/images/hero/masks/node-mask.svg);--pcb-bg:var(--bg-main);--pcb-bg-deep:var(--bg-main);--trace-color:rgba(var(--color-accent-rgb), .55);--trace-glow:rgba(var(--color-accent-rgb), .35);--node-color:rgba(var(--color-primary-rgb), .55);--node-glow:rgba(var(--color-primary-rgb), .4)}:root[data-theme=engineer][data-color-mode=light] .hero-section{--trace-color:#00b4dce0;--trace-glow:#00c8ffb3;--node-color:#00a0c8e6;--node-glow:#00dcffd9;--silver-trace:#647891a6;--silver-glow:#8ca0b980;--neon-accent:#39ff1473}:root[data-theme=cli] .hero-background{background:#232528}:root[data-theme=cli] .hero-background:before,:root[data-theme=cli] .hero-background:after{content:none}:root[data-theme=cli] .dew-bubbles{display:none}:root[data-theme=cli] .hero-section{justify-content:flex-start;align-items:flex-start;height:100svh;min-height:100svh;padding:0}:root[data-theme=cli] .hero-content{will-change:auto;justify-content:flex-start;align-items:flex-start;width:100%;max-width:100%;height:100svh;max-height:100svh;display:flex}:root[data-theme=cli] .hero-text-stack{justify-content:flex-start;align-items:flex-start;width:100%;height:100%;min-height:0;display:flex}:root[data-theme=cli] .hero-greeting,:root[data-theme=cli] .hero-name,:root[data-theme=cli] .hero-title,:root[data-theme=cli] .hero-tagline,:root[data-theme=cli] .hero-cta,:root[data-theme=cli] .hero-social{opacity:1;animation:none}.hero-background{z-index:0;background:radial-gradient(circle at 25% 25%, rgba(var(--color-primary-rgb), .03) 2px, transparent 2px), radial-gradient(circle at 75% 75%, rgba(var(--color-accent-rgb), .02) 1px, transparent 1px);background-size:40px 40px,60px 60px;position:absolute;inset:0;overflow:hidden}.hero-cosmic-video{z-index:0;object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.hero-cosmic-still{z-index:0;pointer-events:none;opacity:1;background:url(/images/hero/cosmic/cosmos-first-frame.webp) 50%/cover no-repeat;transition:opacity .18s;position:absolute;inset:0}.hero-background[data-cosmic-video-ready=true] .hero-cosmic-video{opacity:1}.hero-background[data-cosmic-video-ready=true] .hero-cosmic-still{opacity:0}.nebula-layer{pointer-events:none;opacity:0;mix-blend-mode:screen;display:none;position:absolute;inset:-15%}.hero-background .hero-circuit{display:none}:root[data-theme=engineer] .hero-background{background:radial-gradient(700px 500px at 20% 25%, rgba(var(--color-primary-rgb), .06), transparent 65%), radial-gradient(900px 600px at 75% 75%, rgba(var(--color-accent-rgb), .08), transparent 60%), linear-gradient(180deg, var(--pcb-bg) 0%, var(--pcb-bg-deep) 100%)}:root[data-theme=engineer][data-color-mode=light] .hero-background{background:radial-gradient(700px 500px at 20% 25%, #00b4dc38, #648ca514, transparent 65%), radial-gradient(900px 600px at 75% 75%, #00c8ff2e, #39ff140f, transparent 60%), linear-gradient(180deg, var(--pcb-bg) 0%, var(--pcb-bg-deep) 100%)}:root[data-theme=engineer][data-color-mode=light] .hero-background:after{content:"";pointer-events:none;background:radial-gradient(85% 75% at 50% 45%,#f0f8ff8c 0%,#f0f8ff33 50%,#0000 85%);position:absolute;inset:0}.dew-bubbles{pointer-events:none;mix-blend-mode:screen;will-change:background-position;background-repeat:repeat;display:none;position:absolute;inset:-22% -12%;transform:translateZ(0)}.hero-circuit{opacity:.35;pointer-events:none;filter:blur(.4px);position:absolute;inset:-8%}:root[data-theme=engineer] .hero-background .hero-circuit{opacity:.4;filter:drop-shadow(0 0 8px rgba(var(--color-primary-rgb), .14));display:block}:root[data-theme=engineer][data-color-mode=light] .hero-background .hero-circuit{opacity:.68;filter:drop-shadow(0 0 14px #00c8ff59)drop-shadow(0 0 24px #39ff141f)}.circuit-board,.circuit-traces,.circuit-chip-svg,.circuit-nodes,.circuit-electrons{position:absolute;inset:0}.circuit-board{background:radial-gradient(1200px 800px at 45% -10%, rgba(var(--color-primary-rgb), .05), transparent 70%), repeating-linear-gradient(0deg, rgba(var(--color-primary-rgb), .04) 0 1px, transparent 1px 8px), repeating-linear-gradient(90deg, rgba(var(--color-accent-rgb), .08) 0 1px, transparent 1px 10px)}.circuit-board:before{content:"";background:radial-gradient(circle at 18% 32%, rgba(var(--color-primary-rgb), .06) 0 2px, transparent 3px), radial-gradient(circle at 78% 62%, rgba(var(--color-accent-rgb), .12) 0 2px, transparent 3px), linear-gradient(135deg, rgba(var(--color-primary-rgb), .05) 0%, transparent 55%);opacity:.5;position:absolute;inset:0}:root[data-theme=engineer][data-color-mode=light] .circuit-board{background:radial-gradient(1200px 800px at 45% -10%,#00b4dc26,#0000 70%),repeating-linear-gradient(0deg,#6478916b 0 1px,#0000 1px 8px),repeating-linear-gradient(90deg,#6482a07a 0 1px,#0000 1px 10px)}:root[data-theme=engineer][data-color-mode=light] .circuit-board:before{opacity:.9;background:radial-gradient(circle at 18% 32%,#00c8ff2e 0 2px,#0000 3px),radial-gradient(circle at 78% 62%,#39ff1424 0 2px,#0000 3px),linear-gradient(135deg,#8caac333 0%,#0000 55%)}.circuit-traces{background-color:var(--trace-color);-webkit-mask-image:var(--trace-mask);-webkit-mask-image:var(--trace-mask);mask-image:var(--trace-mask);opacity:.28;filter:none;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.circuit-traces:before{content:"";background-color:var(--trace-color);-webkit-mask-image:var(--trace-mask-strong,var(--trace-mask));-webkit-mask-image:var(--trace-mask-strong,var(--trace-mask));mask-image:var(--trace-mask-strong,var(--trace-mask));opacity:.24;filter:none;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:root[data-theme=engineer][data-color-mode=light] .circuit-traces{opacity:.58;filter:drop-shadow(0 0 6px var(--trace-glow))}:root[data-theme=engineer][data-color-mode=light] .circuit-traces:before{opacity:.5;filter:drop-shadow(0 0 4px var(--silver-glow))}.circuit-chip-svg{pointer-events:none;opacity:.75;mix-blend-mode:screen}.circuit-chip-svg svg{width:100%;height:100%;display:block}.chip-svg{filter:drop-shadow(0 0 14px rgba(var(--color-primary-rgb), .35))}.chip-body{fill:rgba(var(--color-primary-rgb), .18);stroke:rgba(var(--color-primary-rgb), .55);stroke-width:1.4px}.chip-core{fill:rgba(var(--color-accent-rgb), .55);stroke:rgba(var(--color-accent-rgb), .85);stroke-width:1.2px}.chip-marker{fill:#0000;stroke:rgba(var(--color-accent-rgb), .8);stroke-width:2px;filter:drop-shadow(0 0 8px rgba(var(--color-accent-rgb), .6))}.chip-pin,.chip-pin-diagonal{stroke:rgba(var(--color-primary-rgb), .75);stroke-width:6px;stroke-linecap:round}.chip-pin-diagonal{opacity:.9;stroke:#dce6f0e6}:root[data-theme=engineer][data-color-mode=light] .chip-svg{filter:drop-shadow(0 0 16px #00c8ff80)drop-shadow(0 0 20px #39ff1433)}:root[data-theme=engineer][data-color-mode=light] .chip-pin-diagonal{stroke:#00c8fff2}:root[data-theme=engineer][data-color-mode=light] .circuit-chip-svg{opacity:.75}:root[data-theme=engineer][data-color-mode=light] .chip-body{fill:#7891aa61;stroke:#506e8cd9}:root[data-theme=engineer][data-color-mode=light] .chip-core{fill:#39ff14a6;stroke:#39ff14e6}:root[data-theme=engineer][data-color-mode=light] .chip-marker{stroke:#39ff14f2;filter:drop-shadow(0 0 10px #39ff14b3)}:root[data-theme=engineer][data-color-mode=light] .chip-pin,:root[data-theme=engineer][data-color-mode=light] .chip-pin-diagonal{stroke:#6482a0e0}.circuit-nodes{background-color:var(--node-color);-webkit-mask-image:var(--node-mask);-webkit-mask-image:var(--node-mask);mask-image:var(--node-mask);opacity:.45;filter:drop-shadow(0 0 3px var(--node-glow));-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:root[data-theme=engineer][data-color-mode=light] .circuit-nodes{opacity:.68;filter:drop-shadow(0 0 8px var(--node-glow)) drop-shadow(0 0 12px var(--neon-accent))}.circuit-electrons{mix-blend-mode:screen;opacity:.6;position:absolute;inset:0}:root[data-theme=engineer][data-color-mode=light] .circuit-electrons{opacity:.85;mix-blend-mode:normal}.electron-svg{width:100%;height:100%;display:block;overflow:hidden}.electron-dot{fill:var(--node-color);filter:drop-shadow(0 0 4px var(--node-glow))}:root[data-theme=engineer][data-color-mode=light] .electron-dot{transform-box:fill-box;transform-origin:50%;fill:#00c8ffe6;filter:drop-shadow(0 0 8px #00dcffe6)drop-shadow(0 0 4px #39ff1466);transform:scale(1.5)}.hero-content{z-index:1;text-align:center;will-change:transform;flex-direction:column;align-items:center;max-width:800px;display:flex;position:relative}:root[data-theme=engineer][data-color-mode=light] .hero-greeting,:root[data-theme=engineer][data-color-mode=light] .hero-name,:root[data-theme=engineer][data-color-mode=light] .hero-name-text,:root[data-theme=engineer][data-color-mode=light] .title-text,:root[data-theme=engineer][data-color-mode=light] .hero-tagline p{text-shadow:0 0 20px #fff9,0 1px 2px #0000000f}.hero-text-stack{flex-direction:column;align-items:center;width:100%;display:flex}.hero-dew-text{width:min(420px,70vw);height:auto;margin:0 auto .75rem;display:none}.hero-avatar-wrapper{margin-bottom:2rem;position:relative}.hero-avatar{object-fit:cover;z-index:2;border:3px solid var(--border-subtle);border-radius:50%;width:160px;height:160px;transition:transform .15s;position:relative}.hero-avatar-wrapper:hover .hero-avatar{transform:scale(1.05)}.avatar-ring{border:2px solid var(--color-primary-ink);border-radius:50%;animation:4s linear infinite rotate;position:absolute;inset:-6px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-glow{background:radial-gradient(circle, rgba(var(--color-primary-rgb), .3) 0%, transparent 70%);filter:blur(15px);z-index:0;border-radius:50%;position:absolute;inset:-20px}.hero-greeting{font-family:var(--font-mono);color:var(--color-primary-ink);letter-spacing:.2em;text-transform:uppercase;opacity:0;margin-bottom:.5rem;font-size:1rem;font-weight:600;animation:.15s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.hero-name{font-family:var(--font-serif);color:var(--text-primary);opacity:0;margin:0 auto 1rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1;animation:.15s cubic-bezier(.4,0,.2,1) forwards fadeInUp;display:inline-block;position:relative}.hero-name-text{color:var(--text-primary);-webkit-text-fill-color:currentColor;background:0 0;display:inline-block}.hero-astronaut{display:none}.hero-title{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:0 0 1.5rem;animation:.15s cubic-bezier(.4,0,.2,1) forwards fadeInUp;display:flex}.title-text{color:var(--text-secondary);font-size:clamp(1.08rem,3.25vw,1.35rem);font-weight:600}.title-divider{color:var(--color-primary-ink);font-size:1.5rem}.hero-tagline{max-width:600px;color:var(--text-muted);opacity:0;margin:.5rem 0 2.5rem;font-size:clamp(.75rem,1.5vw,.875rem);animation:.15s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.hero-tagline p{color:var(--text-secondary);margin:0 0 .5rem;font-size:clamp(1rem,2vw,1.125rem);font-weight:500;line-height:1.7}.hero-tagline p:last-child{margin-bottom:0}.hero-cta{opacity:0;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;animation:.15s cubic-bezier(.4,0,.2,1) forwards fadeInUp;display:flex}.cta-primary,.cta-secondary{background:0 0;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex;position:relative;overflow:visible}.cta-primary>*,.cta-secondary>*{z-index:1;transition:transform .15s;position:relative}.cta-primary{color:var(--color-on-primary)}.cta-primary:before{content:"";border-radius:inherit;background:var(--color-primary);box-shadow:0 6px 18px rgba(var(--color-primary-rgb), .28);z-index:0;pointer-events:none;transition:transform .15s,box-shadow .15s,background .15s;position:absolute;inset:0}:root[data-color-mode=light] .cta-primary,.cta-primary:hover{color:var(--color-on-primary)}.cta-primary:hover:before{box-shadow:0 10px 26px rgba(var(--color-primary-rgb), .35);transform:translateY(-2px)}.cta-primary:hover>*{transform:translateY(-2px)}.cta-primary:focus-visible{outline:3px solid var(--color-primary-ink);outline-offset:3px}.cta-icon{width:18px;height:18px;transition:transform .15s}.cta-primary:hover .cta-icon{transform:translate(4px,-2px)}.cta-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000}.cta-secondary:before{content:"";border-radius:inherit;background:var(--bg-card);box-shadow:0 0 0 1px var(--border-subtle);z-index:0;pointer-events:none;transition:transform .15s,background .15s,box-shadow .15s;position:absolute;inset:0}:root[data-color-mode=light] .cta-secondary{color:var(--text-primary)}:root[data-color-mode=light] .cta-secondary:before{background:var(--bg-card-hover)}:root[data-theme=engineer][data-color-mode=light] .cta-secondary:before{background:#fffffff2}:root[data-theme=engineer][data-color-mode=light] .cta-secondary:hover:before{background:#fffffffa}:root[data-theme=engineer][data-color-mode=light] .social-link{color:var(--text-primary)}:root[data-theme=engineer][data-color-mode=light] .social-link:before{background:#ffffffeb;box-shadow:0 0 0 1px #007a9459}:root[data-theme=engineer][data-color-mode=light] .social-link:hover:before{box-shadow:0 0 0 1px var(--color-primary-ink);background:#fffffffa}.cta-secondary:hover{color:var(--text-primary)}.cta-secondary:hover:before{background:var(--bg-card-hover);box-shadow:0 0 0 1px var(--color-primary-ink);transform:translateY(-2px)}.cta-secondary:hover>*{transform:translateY(-2px)}.cta-secondary:focus-visible{outline:3px solid var(--border-hover);outline-offset:3px}.hero-social{opacity:0;gap:1rem;animation:.15s cubic-bezier(.4,0,.2,1) forwards fadeInUp;display:flex}.social-link{width:44px;height:44px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;transition:color .15s;display:flex;position:relative;overflow:visible}.social-link:before{content:"";border-radius:inherit;background:var(--bg-card);box-shadow:0 0 0 1px var(--border-subtle);z-index:0;pointer-events:none;transition:transform .15s,background .15s,box-shadow .15s;position:absolute;inset:0}.social-link>*{z-index:1;transition:transform .15s;position:relative}.social-link:hover{color:var(--color-primary-ink)}.social-link:hover:before{background:var(--bg-card-hover);box-shadow:0 0 0 1px var(--color-primary-ink);transform:translateY(-2px)}.social-link:hover>*{transform:translateY(-2px)}.social-link:focus-visible{outline:3px solid var(--color-primary-ink);outline-offset:2px}.social-link svg{width:20px;height:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-section{min-height:100dvh;padding:max(80px,1.5rem) 1.5rem 1.5rem}.hero-avatar{width:120px;height:120px}.avatar-ring{inset:-6px}.hero-title{flex-direction:column;gap:.25rem}.title-divider{display:none}.hero-cta{flex-direction:column;width:100%;max-width:280px}.cta-primary,.cta-secondary{justify-content:center;width:100%}.hero-circuit{opacity:.65}:root[data-theme=engineer] .hero-background .circuit-traces,:root[data-theme=engineer] .hero-background .circuit-chip-svg,:root[data-theme=engineer] .hero-background .circuit-nodes,:root[data-theme=engineer] .hero-background .circuit-electrons{transform-origin:50%;transform:scale(.92)}:root[data-theme=engineer] .circuit-traces{opacity:.22}:root[data-theme=engineer][data-color-mode=light] .circuit-traces{opacity:.5}:root[data-theme=engineer] .circuit-traces:before{content:none}:root[data-theme=engineer] .electron-dot,:root[data-theme=engineer][data-color-mode=light] .electron-dot{filter:none}}@media (max-width:1024px){.hero-tagline{max-width:48ch;margin:0 auto 2.5rem}.hero-tagline p{text-wrap:balance}}@media (max-width:540px){:root[data-theme=engineer] .hero-background .circuit-traces,:root[data-theme=engineer] .hero-background .circuit-chip-svg,:root[data-theme=engineer] .hero-background .circuit-nodes,:root[data-theme=engineer] .hero-background .circuit-electrons{transform-origin:50%;transform:scale(.82)}.hero-content{max-width:92vw}.hero-greeting{letter-spacing:.14em;font-size:.75rem}.hero-name{font-size:clamp(2.2rem,11vw,3.4rem);line-height:1.05}.hero-title{gap:.35rem;margin-bottom:1.1rem;line-height:1.35}.title-text{letter-spacing:.015em;font-size:1.2rem;font-weight:650}.hero-tagline{max-width:48ch;margin:0 auto 2rem}.hero-tagline p{text-wrap:balance;margin-bottom:.4rem;font-size:.95rem;line-height:1.6}}@media (max-width:420px){.hero-section{padding:max(72px,1.25rem) 1.25rem 1.25rem}.hero-greeting{letter-spacing:.12em;font-size:.7rem}.hero-name{font-size:clamp(2rem,12vw,3.1rem)}.hero-title{gap:.2rem}.title-text{font-size:1.12rem;font-weight:650}.hero-tagline{max-width:48ch}.hero-tagline p{font-size:.9rem;line-height:1.55}}@media (max-height:700px){.hero-section{justify-content:flex-start;min-height:100dvh;padding-top:100px;padding-bottom:3rem}.hero-name{font-size:clamp(2rem,8vw,3.5rem)}.hero-tagline{margin-bottom:1.5rem}}[data-color-mode=light] .hero-name-text{color:var(--text-primary);-webkit-text-fill-color:currentColor;background:0 0}:root[data-theme=cosmic] .hero-subtext-layout{justify-content:center;align-items:flex-start;gap:clamp(.45rem,1.5vw,1.05rem);margin:0 auto .8rem;display:flex}:root[data-theme=cosmic] .hero-subtext-copy{flex:auto;min-width:0}:root[data-theme=cosmic] .hero-title-list{flex-direction:column;align-items:flex-start;gap:.62rem;margin:0 0 0 1.4rem;padding-left:1.15rem;list-style:outside;display:flex}:root[data-theme=cosmic] .hero-title-list-item{color:#f7f2ff;font-size:clamp(1.08rem,2.8vw,1.42rem);font-weight:600;line-height:1.38}:root[data-theme=cosmic] .hero-title-list-item::marker{color:var(--color-primary-light)}:root[data-theme=cosmic] .hero-subtext-copy .hero-tagline{text-align:left;max-width:56ch;margin:0}:root[data-theme=cosmic] .hero-cta{margin-bottom:clamp(1.25rem,2.2vh,1.45rem)}:root[data-theme=cosmic] .hero-astronaut-rig{aspect-ratio:1/1.06;pointer-events:none;transform-origin:50% 80%;flex:none;width:clamp(112px,9.2vw,126px);margin-top:clamp(.7rem,2vh,1.35rem);position:relative;top:26px}@media (max-width:980px){:root[data-theme=cosmic] .hero-subtext-layout{gap:clamp(.25rem,1vw,.6rem);width:min(92vw,700px);margin-bottom:.7rem}:root[data-theme=cosmic] .hero-cta{margin-bottom:1.3rem}:root[data-theme=cosmic] .hero-astronaut-rig{width:clamp(84px,18vw,112px);margin-top:clamp(.55rem,1.5vh,1rem);top:22px}:root[data-theme=cosmic] .hero-title-list-item{font-size:clamp(1.06rem,2.6vw,1.32rem);line-height:1.35}:root[data-theme=cosmic] .hero-title-list{gap:.55rem;margin-left:1.4rem;padding-left:1.15rem}}@media (max-width:768px){:root[data-theme=cosmic] .hero-subtext-layout{gap:clamp(.24rem,1vw,.45rem);width:min(94vw,560px);margin:0 auto .6rem}:root[data-theme=cosmic] .hero-subtext-copy{flex:0 auto}:root[data-theme=cosmic] .hero-title-list{gap:.48rem;margin-left:.92rem;padding-left:.96rem}:root[data-theme=cosmic] .hero-title-list-item{font-size:clamp(1.04rem,4.1vw,1.26rem);line-height:1.34}:root[data-theme=cosmic] .hero-astronaut-rig{width:clamp(74px,23vw,108px);top:18px}:root[data-theme=cosmic] .hero-cta{flex-direction:column;justify-content:center;gap:1rem;width:100%;max-width:280px;margin-bottom:1.3rem}:root[data-theme=cosmic] .cta-primary,:root[data-theme=cosmic] .cta-secondary{justify-content:center;width:100%}}@media (max-width:480px){:root[data-theme=cosmic] .hero-subtext-layout{gap:.24rem;width:min(95vw,420px);margin-bottom:.45rem}:root[data-theme=cosmic] .hero-title-list{gap:.36rem;margin-left:.75rem;padding-left:.82rem}:root[data-theme=cosmic] .hero-title-list-item{font-size:clamp(1rem,4.4vw,1.12rem);line-height:1.3}:root[data-theme=cosmic] .hero-astronaut-rig{width:clamp(68px,22vw,94px);top:12px}:root[data-theme=cosmic] .hero-cta{margin-bottom:1.05rem}:root[data-theme=cosmic] .hero-social{gap:.8rem}}@media (min-width:750px) and (max-width:980px){:root[data-theme=cosmic] .hero-subtext-layout{gap:clamp(.28rem,.85vw,.58rem);width:min(92vw,700px);margin:0 auto .68rem}:root[data-theme=cosmic] .hero-subtext-copy{flex:0 auto}:root[data-theme=cosmic] .hero-title-list{gap:.58rem;margin-left:1.28rem;padding-left:1.08rem}:root[data-theme=cosmic] .hero-title-list-item{font-size:clamp(1.08rem,.98rem + .45vw,1.26rem);line-height:1.34}:root[data-theme=cosmic] .hero-astronaut-rig{width:clamp(98px,13.4vw,112px);margin-top:clamp(.52rem,1.4vh,.95rem);margin-left:2.75rem;top:22px}:root[data-theme=cosmic] .hero-cta{margin-bottom:1.24rem}}@media (max-height:700px){:root[data-theme=cosmic] .hero-section{padding-top:82px;padding-bottom:1.75rem}:root[data-theme=cosmic] .hero-name{margin-bottom:.72rem}:root[data-theme=cosmic] .hero-subtext-layout{margin-bottom:.75rem}:root[data-theme=cosmic] .hero-cta{margin-bottom:1rem}}@media (max-height:620px){:root[data-theme=cosmic] .hero-section{padding-top:74px;padding-bottom:1.25rem}:root[data-theme=cosmic] .hero-name,:root[data-theme=cosmic] .hero-subtext-layout{margin-bottom:.5rem}}.about-section{padding:6rem 2rem 4rem;position:relative}.about-section:before{content:"";background:var(--border-subtle);height:1px;position:absolute;top:0;left:0;right:0}.about-content{grid-template-columns:1.2fr 320px;align-items:start;gap:3rem;max-width:1000px;margin-left:auto;margin-right:auto;display:grid}.about-center{flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;max-width:320px;display:flex;transform:translate(6px)}.about-story{max-height:var(--about-story-max-height,none);scrollbar-gutter:stable;padding-right:.5rem;overflow-y:auto}.about-intro{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;line-height:1.8}.about-text p{color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.8}.about-ai{border:1px solid var(--border-subtle);background:var(--bg-card);text-align:left;border-radius:16px;margin-top:2.5rem;padding:1.5rem}.about-ai .about-ai-title{font-family:var(--font-serif);color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.1rem;font-weight:600;display:inline-flex}.about-ai .about-ai-icon{object-fit:contain;width:18px;height:18px}.about-ai .about-ai-lede,.about-ai p{color:var(--text-secondary);margin:0 0 1rem;line-height:1.7}.about-ai p:last-child{margin-bottom:0}.about-highlights{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:520px;margin:2.5rem auto 0;padding-top:2rem;display:grid}.highlight-item{text-align:center}.highlight-number{font-family:var(--font-serif);color:var(--color-primary-ink);margin-bottom:.5rem;font-size:1.7rem;font-weight:700;line-height:1;display:block}.highlight-label{color:var(--text-muted);letter-spacing:.05em;font-size:.6rem}.about-image-container{justify-content:center;display:flex;position:relative}.about-image-wrapper{display:inline-block;position:relative}.about-image{object-fit:cover;z-index:1;border-radius:16px;width:100%;max-width:400px;height:auto;position:relative}.image-decoration{border:2px solid var(--border-hover);z-index:0;border-radius:20px;position:absolute;inset:-8px}.about-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);z-index:2;border-radius:16px;align-items:flex-start;gap:1rem;max-width:340px;padding:1.25rem;display:flex;position:absolute;bottom:-30px;left:-30px;box-shadow:0 20px 40px #0000004d}.about-card .card-icon{background:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.about-card .card-icon svg{width:24px;height:24px;color:var(--color-on-primary)}.about-card .card-content h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.about-card .card-content p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.5}.about-values{flex-direction:column;align-items:center;width:100%;display:flex}.values-title{font-family:var(--font-serif);text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);width:100%;margin:0 0 2rem;padding:0;font-size:1.125rem;font-weight:600}.values-grid{grid-template-columns:1fr;justify-items:center;gap:.75rem;width:100%;max-width:320px;margin:0 auto;display:grid}.value-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;will-change:transform;border-radius:16px;flex-direction:column;align-items:center;width:100%;padding:1.25rem;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s,border-color .3s,box-shadow .3s;display:flex}.value-card:hover{background:var(--bg-card-hover);border-color:var(--color-primary-ink);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.value-card:hover .value-card-content{grid-template-rows:1fr}.value-card:hover p{opacity:1;transform:translateY(0)}.value-card h4{color:var(--text-primary);flex-shrink:0;margin:0 0 .25rem;font-size:1rem;font-weight:600}.value-card p{color:var(--text-muted);opacity:0;margin:0;padding-top:.5rem;font-size:.875rem;line-height:1.5;transition:opacity .25s 50ms,transform .25s 50ms;transform:translateY(-8px)}.value-icon{background:rgba(var(--color-primary-rgb), .1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.75rem;display:flex}.value-icon svg{width:24px;height:24px;color:var(--color-primary-ink)}.value-card-content{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);display:grid}.value-card-content-inner{overflow:hidden}@media (max-width:1024px){.about-content{grid-template-columns:1fr;gap:2rem;max-width:none;margin-left:0;margin-right:0}.about-center{order:-1;max-width:100%;transform:translate(0)}.about-image-container{justify-content:center;display:flex}.about-values{margin-top:1rem}.values-grid{grid-template-columns:repeat(2,1fr);justify-items:stretch;gap:1.25rem;max-width:none}.value-card{padding:1.25rem}.value-card-content{grid-template-rows:1fr}.value-card p{opacity:1;transform:translateY(0)}}@media (max-width:640px){.about-section{padding:4rem 1.5rem 3rem}.about-content{gap:2rem}.about-ai{padding:1.25rem}.about-story{max-height:none;padding-right:0;overflow:visible}.about-center{gap:1.5rem;max-width:100%;transform:translate(0)}.about-highlights{grid-template-columns:1fr;gap:1rem}.highlight-item{grid-template-columns:5.75rem minmax(0,1fr);justify-content:flex-start;place-items:center start;column-gap:.75rem;width:100%;display:grid}.highlight-number{text-align:left;white-space:nowrap;width:100%;margin-bottom:0;font-size:1.35rem}.highlight-label{text-align:left}.values-title{margin-bottom:1.5rem;padding:0 .5rem;font-size:1rem}.values-grid{grid-template-columns:1fr;gap:1rem;max-width:100%}.value-card{padding:1.5rem}.value-card .value-card-content{grid-template-rows:1fr}.value-card p{opacity:1;transform:translateY(0)}.image-decoration{display:none}}.projects-section{background:var(--bg-main);padding:6rem 2rem;position:relative}.featured-projects{gap:3rem;margin-bottom:4rem;display:grid}.featured-project{grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;display:grid}.featured-project:nth-child(2n){direction:rtl}.featured-project:nth-child(2n)>*{direction:ltr}.project-image-wrapper{aspect-ratio:4/3;border:3px solid var(--border-subtle);border-radius:16px;justify-self:center;width:90%;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.project-image-wrapper:hover .project-image{transform:scale(1.05)}.project-image-wrapper:hover .project-overlay{opacity:1}.project-image-wrapper .project-image{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .25s}.project-image-wrapper .project-overlay{opacity:0;background:#000000bf;align-items:flex-end;padding:1.5rem;transition:opacity .15s;display:flex;position:absolute;inset:0}.project-links{gap:.75rem;display:flex}.project-link{color:#1a1a1a;background:#fffffff2;border:1px solid #0000001a;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #0003}.project-link:hover{background:#fff;border-color:#00000026;box-shadow:0 4px 12px #00000040}.project-link:focus-visible{outline-offset:2px;outline:2px solid #1a1a1a}.project-link svg{width:18px;height:18px}.project-link.project-link--disabled{cursor:default;pointer-events:none;color:#4a4a4a;background:#fff9;border-color:#00000014}.project-link.project-link--disabled:hover{background:#fff9}.project-status{background:rgba(var(--color-accent-rgb), .92);color:#0a0a0a;border:1px solid #ffffff59;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000040}.project-status svg{width:16px;height:16px}[data-theme=minimal] .project-status{color:#fff}.project-content{padding:1rem 0}.project-title{font-family:var(--font-serif);color:var(--text-primary);margin:0 0 1rem;font-size:1.75rem;font-weight:700}.project-description{color:var(--text-secondary);margin:0 0 1.5rem;font-size:1rem;line-height:1.7}.project-tech{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{background:rgba(var(--color-primary-rgb), .15);border:1px solid var(--border-hover);color:var(--text-primary);font-size:.8rem;font-family:var(--font-mono);border-radius:20px;padding:.375rem .875rem;display:inline-block}.other-projects-title{font-family:var(--font-serif);text-align:center;color:var(--text-primary);margin:0 0 2rem;font-size:1.5rem;font-weight:600}.other-projects{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;flex:min(320px,100%);max-width:400px;padding:1.75rem;transition:all .15s;display:flex}.project-card:hover{background:var(--bg-card-hover);border-color:var(--color-primary-ink);transform:translateY(-8px)}.project-card:hover .card-title{color:var(--color-primary-ink)}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.folder-icon{width:40px;height:40px;color:var(--color-primary-ink)}.card-links{gap:.75rem;display:flex}.card-link{width:32px;height:32px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:color .15s;display:flex}.card-link:hover{color:var(--color-primary-ink)}.card-link:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}.card-link svg{width:20px;height:20px}.card-link.card-link--disabled{cursor:default;pointer-events:none;opacity:.5;width:auto;height:auto;color:var(--text-muted);gap:.375rem;padding:.25rem .5rem}.card-link.card-link--disabled .card-link-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.card-link.card-link--disabled svg{flex-shrink:0}.card-link.card-link--disabled:hover{color:var(--text-muted)}.card-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.125rem;font-weight:600;transition:color .15s}.card-description{color:var(--text-muted);flex-grow:1;margin:0 0 1.25rem;font-size:.9rem;line-height:1.6}.card-tech{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.tech-tag-small{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}.tech-tag-small:not(:last-child):after{content:"·";color:var(--text-muted);margin-left:.5rem}@media (max-width:1024px){.featured-project{grid-template-columns:1fr;gap:2rem}.featured-project:nth-child(2n){direction:ltr}.other-projects{gap:1.25rem}}@media (max-width:640px){.projects-section{padding:4rem 1.5rem}.featured-projects{gap:2.5rem}.project-title{font-size:1.5rem}.project-card{flex:100%}}.skills-section{padding:6rem 2rem 3rem;position:relative;overflow:hidden}.skills-section:before{content:"";pointer-events:none;background:0 0;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skills-tabs-container{margin-bottom:4rem}.tabs-list{flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:.55rem;margin-bottom:3rem;padding:0 .25rem .75rem;display:flex;position:relative;overflow:hidden}.tabs-list:after{content:"";background:var(--border-subtle);pointer-events:none;height:1px;position:absolute;bottom:.25rem;left:0;right:0}.tab-button{border:1px solid var(--border-subtle);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;z-index:1;background:#0f1a22;border-bottom:none;border-radius:12px 12px 0 0;flex:1 1 0;margin-left:0;padding:.55rem 1rem .6rem;font-size:.95rem;font-weight:500;transition:color .2s,opacity .2s,transform .2s,background-color .2s,border-color .2s;position:relative}.tab-button:hover,.tab-button:focus{color:#fff;border-color:var(--border-hover);background:#142430;outline:none}.tab-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tab-button.active{color:var(--color-primary-ink);background:var(--bg-main);border-color:var(--color-primary-ink);z-index:3;font-weight:600;transform:translateY(1px)}.tab-button:after{content:"";background:var(--bg-main);transform-origin:50%;opacity:0;height:2px;transition:opacity .2s,transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(.2)}.tab-button.active:after{opacity:1;transform:scaleX(1)}.tab-button:hover:after,.tab-button:focus-visible:after{opacity:.8;transform:scaleX(.6)}.tab-panel{opacity:0;transition:opacity .3s,transform .3s;display:none;transform:translateY(20px)}.tab-panel.active{opacity:1;display:block;transform:translateY(0)}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.skill-item{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:default;border-radius:16px;flex-direction:column;align-items:center;gap:.875rem;padding:1.75rem 1rem;transition:all .25s;display:flex}.skill-item:hover,.skill-item:focus{background:var(--bg-card-hover);border-color:var(--color-primary-ink);transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #0003}.skill-item:hover .skill-item-icon,.skill-item:focus .skill-item-icon{background:var(--bg-card-hover);transform:scale(1.1)rotate(5deg)}.skill-item:hover .skill-item-icon img,.skill-item:focus .skill-item-icon img{opacity:1;transform:scale(1.05)}.skill-item .skill-item-name{color:var(--text-primary);text-align:center;font-size:1rem;font-weight:500}.skill-link{color:inherit;text-decoration:none}.skill-item.skill-link{cursor:pointer}.skill-tag.skill-link:focus-visible{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb), .5);outline:none}.skill-item-icon{background:var(--bg-main);border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;padding:.75rem;transition:transform .25s;display:flex}.skill-item-icon img{object-fit:contain;opacity:.85;width:100%;height:100%;transition:all .25s}[data-color-mode=dark] .skill-item[data-skill=express] .skill-item-icon img,[data-color-mode=dark] .skill-item[data-skill=github] .skill-item-icon img,[data-color-mode=dark] .skill-item[data-skill=vercel] .skill-item-icon img,[data-color-mode=dark] .skill-item[data-skill=chatgpt] .skill-item-icon img,[data-color-mode=dark] .skill-item[data-skill=github-copilot] .skill-item-icon img{filter:invert()}.additional-skills{margin-top:4rem}.additional-title{font-family:var(--font-serif);text-align:center;color:var(--text-secondary);margin:0 0 1.5rem;font-size:1.125rem;font-weight:500}.skill-tags{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.skill-tag{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:50px;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.875rem;text-decoration:none;transition:color .15s;display:inline-flex;position:relative;overflow:visible}.skill-tag:before{content:"";border-radius:inherit;background:var(--bg-card);box-shadow:0 0 0 1px var(--border-subtle);z-index:0;pointer-events:none;transition:transform .15s,background .15s,box-shadow .15s;position:absolute;inset:0}.skill-tag>*{z-index:1;transition:transform .15s;position:relative}.skill-tag:hover{color:var(--text-primary)}.skill-tag:hover:before{background:rgba(var(--color-primary-rgb), .15);box-shadow:0 0 0 1px var(--color-primary-ink);transform:translateY(-2px)}.skill-tag:hover>*{transform:translateY(-2px)}@media (max-width:768px){.skills-section{padding:4rem 1.5rem}.tabs-list{scrollbar-width:thin;justify-content:flex-start;gap:.4rem;padding:0 .1rem .75rem;overflow-x:auto}.tab-button{letter-spacing:.1em;white-space:nowrap;flex:none;margin-left:0;padding:.5rem .8rem .56rem;font-size:.85rem}}@media (max-width:520px){.tab-button{letter-spacing:.08em;margin-left:0;padding:.46rem .72rem .52rem;font-size:.8rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.skill-item{padding:1.5rem .875rem}.skill-item-icon{width:64px;height:64px;padding:.625rem}}.experience-section{background:var(--bg-main);padding:6rem 2rem;position:relative}.experience-content{grid-template-columns:1.2fr 1fr;gap:4rem;display:grid}.column-title{font-family:var(--font-serif);color:var(--text-primary);align-items:center;gap:.75rem;margin:0 0 2rem;font-size:1.25rem;font-weight:600;display:flex}.column-icon{width:28px;height:28px;color:var(--color-primary-ink)}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:rgba(var(--color-primary-rgb), .35);border-radius:1px;width:2px;position:absolute;top:8px;bottom:0;left:0}.timeline-item{padding-bottom:2.5rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item.current .timeline-marker{background:var(--color-primary)}.timeline-marker{background:var(--bg-main);border:2px solid var(--color-primary-ink);z-index:1;border-radius:50%;width:14px;height:14px;position:absolute;top:8px;left:-2rem;transform:translate(-50%)}.pulse{border:2px solid var(--color-primary-ink);border-radius:50%;animation:1s ease-out infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.timeline-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem;transition:all .15s}.timeline-content:hover{background:var(--bg-card-hover);border-color:var(--color-primary-ink)}.item-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.item-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.item-period{font-family:var(--font-mono);color:var(--color-primary-ink);white-space:nowrap;font-size:.8rem}.item-org{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.org-name{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .15s,text-decoration-color .15s}.org-name:hover,.org-name:focus-visible{color:var(--color-primary-contrast);text-decoration:underline}.org-location{color:var(--text-muted);font-size:.9rem}.org-location:before{content:"·";margin-right:.5rem}.item-description{color:var(--text-secondary);margin:0 0 1rem;font-size:.95rem;line-height:1.6}.item-description a{color:var(--color-primary-ink);font-weight:500;text-decoration:none;transition:color .15s}.item-description a:hover{color:var(--color-primary-contrast);text-decoration:underline}.item-highlights{margin:0 0 1rem;padding:0;list-style:none}.item-highlights li{color:var(--text-secondary);margin-bottom:.5rem;padding-left:1.25rem;font-size:.875rem;line-height:1.6;position:relative}.item-highlights li:before{content:"→";color:var(--color-primary-ink);position:absolute;left:0}.item-tech{flex-wrap:wrap;gap:.5rem;display:flex}.tech-badge{background:rgba(var(--color-primary-rgb), .1);font-size:.75rem;font-family:var(--font-mono);color:var(--text-primary);border-radius:20px;padding:.25rem .75rem}.resume-cta{border-top:1px solid var(--border-subtle);margin-top:2rem;padding-top:2rem}.resume-button{color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex;position:relative;overflow:visible}.resume-button:before{content:"";border-radius:inherit;background:var(--bg-card);box-shadow:0 0 0 1px var(--border-subtle);z-index:0;pointer-events:none;transition:transform .15s,background .15s,box-shadow .15s;position:absolute;inset:0}.resume-button>*{z-index:1;transition:transform .15s;position:relative}.resume-button:hover:before{background:var(--bg-card-hover);box-shadow:0 0 0 1px var(--color-primary-ink);transform:translateY(-2px)}.resume-button:hover>*{transform:translateY(-2px)}.resume-button .resume-button-icon{flex-shrink:0;width:18px;height:18px}@media (max-width:1024px){.experience-content{grid-template-columns:1fr;gap:3rem}}@media (max-width:640px){.experience-section{padding:4rem 1.5rem}.timeline{padding-left:1.5rem}.timeline-marker{left:-1.5rem}.item-header{flex-direction:column;gap:.25rem}.timeline-content{padding:1.25rem}}.contribution-graph{background:var(--bg-card);border:1px solid var(--border-subtle);opacity:0;border-radius:16px;margin-bottom:2rem;padding:1rem;transition:opacity .3s .1s,transform .3s .1s;overflow:visible;transform:translateY(20px)}.contribution-graph.visible{opacity:1;transform:translateY(0)}.contribution-graph.visible .contribution-day{opacity:1}.graph-header{margin-bottom:1rem}.graph-title{color:var(--text-secondary);margin:0;font-size:.85rem;font-weight:500}.graph-container{gap:.25rem;display:flex}.day-labels{display:none}.day-label{color:var(--text-muted);font-size:.6rem;line-height:var(--day-size,11px);text-align:right;min-height:var(--day-size,11px);align-items:center;padding-right:2px;display:flex}.graph-content{isolation:isolate;flex:1;min-width:0;overflow:visible}.month-labels{gap:2px;height:18px;margin-bottom:4px;display:flex;position:relative}.month-label{color:var(--text-muted);white-space:nowrap;font-size:.6rem;position:absolute}.contribution-grid{contain:layout;background:var(--contrib-grid-bg,var(--bg-card));gap:2px;width:100%;display:flex;overflow:visible}.contribution-week{flex-direction:column;flex:1 1 0;gap:2px;min-width:0;display:flex;overflow:visible}.contribution-day{aspect-ratio:1;cursor:pointer;opacity:0;transform-origin:50%;will-change:transform;border-radius:2px;width:100%;min-width:8px;min-height:8px;transition:transform .1s,opacity .2s;position:relative}.contribution-day:hover{z-index:10;transform:scale(1.3)}.contribution-day.level-0{background:var(--contrib-empty,var(--bg-main))}.contribution-day.level-1{background:#6b8e8e33}.contribution-day.level-2{background:#6b8e8e66}.contribution-day.level-3{background:#6b8e8eb3}.contribution-day.level-4{background:var(--color-accent-teal)}.graph-legend{justify-content:flex-end;align-items:center;gap:.35rem;margin-top:.75rem;display:flex}.legend-label{color:var(--text-muted);font-size:.65rem}.legend-levels{gap:2px;display:flex}.legend-level{border-radius:2px;width:10px;height:10px}.legend-level.level-0{background:var(--contrib-empty,var(--bg-main))}.legend-level.level-1{background:#6b8e8e33}.legend-level.level-2{background:#6b8e8e66}.legend-level.level-3{background:#6b8e8eb3}.legend-level.level-4{background:var(--color-accent-teal)}@media (min-width:481px){.graph-container{gap:.35rem}.day-labels{grid-template-rows:repeat(7, var(--day-size,11px));align-content:start;gap:2px;min-height:0;padding-top:22px;display:grid}.contribution-day{min-width:9px;min-height:9px}}@media (min-width:641px){.contribution-graph{padding:1.25rem}.graph-title{font-size:.9rem}.graph-container{gap:.4rem}.day-label{padding-right:3px;font-size:.65rem}.month-labels{height:20px}.month-label{font-size:.65rem}.contribution-day{min-width:10px;min-height:10px}.legend-level{width:11px;height:11px}}@media (min-width:769px){.contribution-graph{padding:1.5rem}.graph-title{font-size:.95rem}.graph-container{gap:.5rem}.day-label{padding-right:4px}.day-labels{padding-top:24px}.contribution-day{min-width:11px;min-height:11px}.graph-legend{gap:.5rem;margin-top:1rem}}.github-section{background:var(--bg-main);padding:6rem 2rem;position:relative}.github-error{background:rgba(var(--color-accent-rgb), .1);border:1px solid rgba(var(--color-accent-rgb), .3);color:var(--color-accent-ink);border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.github-error svg{width:20px;height:20px}.github-stats-bar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;display:flex}.github-profile-link{align-items:center;gap:1rem;text-decoration:none;transition:opacity .15s;display:flex}.github-profile-link:hover{opacity:.8}.github-profile-link:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:4px;border-radius:8px}.github-avatar{border:2px solid var(--border-subtle);border-radius:50%;width:48px;height:48px}.github-profile-info{flex-direction:column;gap:.125rem;display:flex}.github-name{color:var(--text-primary);font-weight:600}.github-username{color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono)}.github-stats{flex:1;justify-content:space-evenly;gap:2rem;display:flex}.stat-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-item.highlight .stat-value{color:var(--color-primary-ink)}.stat-value{font-family:var(--font-serif);color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.8rem}.github-cta{text-align:center}.github-button{color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex;position:relative;overflow:visible}.github-button:before{content:"";border-radius:inherit;background:var(--bg-card);border:1px solid var(--border-subtle);z-index:0;pointer-events:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;position:absolute;inset:-1px}.github-button>*{z-index:1;transition:transform .15s;position:relative}.github-button:hover:before{background:var(--bg-card-hover);border-color:var(--color-primary-ink);box-shadow:0 8px 18px rgba(var(--color-primary-rgb), .12);transform:translateY(-2px)}.github-button:hover>*{transform:translateY(-2px)}.github-button:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}.github-button svg{width:20px;height:20px}.github-button .arrow-icon{transition:transform .15s}.github-button:hover .arrow-icon{transform:translate(4px,-2px)}@media (max-width:768px){.github-section{padding:4rem 1.5rem}.github-stats-bar{flex-direction:column;align-items:flex-start;gap:1.5rem}.github-stats{flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem;width:100%}.stat-item{min-width:70px}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}}@media (max-width:400px){.github-stats{gap:.75rem 1rem}.stat-item{min-width:60px}.stat-value{font-size:1.1rem}.stat-label{font-size:.6rem}}.contact-section{padding:6rem 2rem;position:relative;overflow:hidden}.contact-section .contact-background{z-index:0;position:absolute;inset:0}.contact-section .contact-background .contact-gradient{background:0 0;position:absolute;inset:0}.contact-content{z-index:1;grid-template-columns:1fr 1fr;gap:4rem;display:grid;position:relative}.contact-intro{color:var(--text-secondary);margin:0 0 2rem;font-size:1.125rem;line-height:1.8}.contact-methods{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.contact-method{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;transition:all .15s;display:flex}.contact-method:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translate(8px)}.contact-method:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}.contact-method .method-icon{background:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-method .method-icon svg{width:24px;height:24px;color:var(--color-on-primary)}.contact-method .method-content{flex-direction:column;gap:.25rem;display:flex}.contact-method .method-label{color:var(--text-muted);font-size:.875rem}.contact-method .method-value{color:var(--text-primary);font-size:1rem;font-weight:500}.availability{background:#6b8e8e1a;border:1px solid #6b8e8e33;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.availability .availability-indicator{aspect-ratio:1;flex-shrink:0;width:12px;min-width:12px;height:12px;min-height:12px;position:relative}.availability .availability-indicator .indicator-dot{aspect-ratio:1;background:var(--color-accent-teal);border-radius:50%;width:100%;height:100%;animation:1s ease-out infinite pulse-dot;position:absolute;inset:0}.availability .availability-indicator .indicator-dot:before{content:"";aspect-ratio:1;background:var(--color-accent-teal);border-radius:50%;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px}.availability .availability-text{color:var(--text-primary);font-size:.9rem;font-weight:500}:root[data-theme=cli][data-color-mode=dark] .indicator-dot,:root[data-theme=cli][data-color-mode=dark] .indicator-dot:before{background:#fff}:root[data-theme=cli][data-color-mode=dark] .availability-text{color:#fff}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.contact-form{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-input{background:var(--bg-card);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .15s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--color-primary-ink);background:var(--bg-card-hover);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .15);outline:none}.form-textarea{resize:vertical;min-height:120px}.submit-button{width:100%;color:var(--color-on-primary);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative;overflow:visible}.submit-button:before{content:"";border-radius:inherit;background:var(--color-primary);z-index:0;pointer-events:none;transition:transform .15s,box-shadow .15s,background .15s;position:absolute;inset:0}.submit-button>*{z-index:1;transition:transform .15s;position:relative}.submit-button:hover:not(:disabled):before{box-shadow:0 8px 25px rgba(var(--color-primary-rgb), .4);transform:translateY(-2px)}.submit-button:hover:not(:disabled)>*{transform:translateY(-2px)}.submit-button:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button .envelope-icon{width:18px;height:18px;transition:transform .15s}.submit-button:hover:not(:disabled) .envelope-icon:not(.fly-off){transform:translate(4px)}.submit-button .envelope-icon.fly-off{animation:.5s cubic-bezier(.4,0,.2,1) forwards envelope-fly-off}[data-theme=minimal] .submit-button{color:#fff}[data-theme=minimal] .submit-button:before{background:var(--color-primary-dark)}@keyframes envelope-fly-off{0%{opacity:1;transform:translate(0)}40%{opacity:1;transform:translate(10px)}to{opacity:0;transform:translate(80px)scale(.5)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-success{color:var(--text-primary);background:#6b8e8e1a;border:1px solid #6b8e8e4d;border-radius:12px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem 1.25rem;font-size:.9rem;display:flex}.form-error{color:#f87171;background:#dc26261a;border:1px solid #dc26264d;border-radius:12px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem 1.25rem;font-size:.9rem;display:flex}@media (max-width:1024px){.contact-content{grid-template-columns:1fr;gap:3rem}}@media (max-width:640px){.contact-section{padding:4rem 1.5rem}.contact-form{padding:1.5rem}.contact-method{padding:1rem}.contact-method .method-icon{width:40px;height:40px}.contact-method .method-icon svg{width:20px;height:20px}}.pet-dogs-section{padding:4rem 2rem}.pet-dogs-section.collapsed{padding:2rem 2rem 8rem}.pet-dogs-section.collapsed .section-header{margin-bottom:0}.pet-dogs-section .section-header{text-align:center;margin-bottom:1.5rem}.pet-dogs-toggle{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:.65rem;padding:.35rem .25rem;font-size:.85rem;font-weight:600;transition:color .2s,transform .2s;display:inline-flex}.pet-dogs-toggle:hover{color:var(--color-primary-ink);transform:translateY(-1px)}.pet-dogs-toggle:focus-visible{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb), .4);border-radius:999px;outline:none}:root[data-color-mode=light] .pet-dogs-toggle{background:0 0;border-color:#0000}.pet-dogs-icon{width:1.1rem;height:1.1rem;color:var(--color-primary-ink);stroke-width:1.8px;transform:rotate(-45deg)}.dogs-content{margin:0 auto}.dogs-description{text-align:center;color:var(--text-secondary);margin:0 0 1.5rem;padding:0 12px;font-size:1.05rem;line-height:1.65}.dogs-list{flex-flow:wrap;justify-content:center;align-items:center;gap:1.65rem;display:flex}.dog-row{justify-content:flex-start;align-items:center;gap:.9rem;width:auto;padding:.25rem 0;display:flex}.dog-avatar-shell{border:3px solid var(--text-primary);background:var(--bg-main);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative;overflow:hidden}.dog-avatar{object-fit:cover;object-position:center;transform-origin:50%;width:100%;height:100%;transform:none}.dog-row-main{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:auto;min-width:0;display:flex}.dog-name-row{justify-content:center;align-items:center;gap:.5rem;min-width:0;display:inline-flex}.dog-name{margin:0;font-size:1rem;font-weight:700}.dog-badge-overlay{height:25%;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#fff;background:#000;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;display:inline-flex;position:absolute;bottom:12px;left:0;right:0}.dog-counter-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.dog-counter-button{border:1px solid var(--text-primary);min-width:64px;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.38rem .65rem;font-size:.86rem;font-weight:600;line-height:1;transition:color .15s,border-color .15s,background-color .15s,transform .15s;display:inline-flex}.dog-counter-button:hover{color:var(--text-primary);border-color:var(--color-primary-ink);background:var(--bg-card-hover);transform:translateY(-1px)}.dog-counter-button:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}.dog-counter-value{text-align:center;min-width:1ch}.dog-stat-icon{width:.95rem;height:.95rem;color:var(--color-primary-ink);stroke-width:2px;flex-shrink:0}@media (max-width:720px){.pet-dogs-section{padding:3rem 1.25rem}}.footer{padding:2rem 20px;position:relative;overflow:hidden}.footer:before{content:"";background:var(--border-subtle);height:1px;position:absolute;top:0;left:0;right:0}.footer-container{z-index:1;justify-content:space-between;align-items:center;gap:2rem;width:100%;margin:0;display:flex;position:relative}.footer-brand{flex-wrap:wrap;flex:1;align-items:center;gap:1rem;display:flex}.footer-logo{color:var(--color-primary-ink);flex-shrink:0;align-items:flex-end;text-decoration:none;display:inline-flex}.footer-logo:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:4px;border-radius:4px}.footer-logo .logo-image{width:48px;height:48px;display:block}.footer-logo .logo-image .jp-logo-svg{text-align:left;width:100%;height:100%;display:block}.footer-tagline{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.95rem;line-height:1.6;display:inline-flex}.footer-tagline-icon{width:.95rem;height:.95rem;color:var(--color-primary-ink);flex-shrink:0}.copyright{color:var(--text-muted);margin:0;font-size:.85rem}.heart{color:var(--color-accent-ink);animation:.75s ease-in-out infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.decoration-gradient{display:none}@media (max-width:768px){.footer{padding:1.5rem 20px}.footer-container{text-align:center;flex-direction:column;gap:1.5rem}.footer-brand{max-width:none}.footer-logo{justify-content:center}}.theme-switcher{--theme-switcher-base-bottom:20px;--theme-switcher-offset:0px;bottom:calc(var(--theme-switcher-base-bottom) + var(--theme-switcher-offset));z-index:1000;font-family:var(--font-sans);position:fixed;right:20px}.theme-switcher--nav{z-index:1002;position:relative;bottom:auto;right:auto}.theme-switcher--floating{display:flex}.theme-switcher--nav .theme-switcher-toggle{width:40px;height:40px;box-shadow:none}.theme-switcher--nav .theme-switcher-menu{margin-bottom:0;top:calc(100% + 8px);bottom:auto;right:0}@keyframes attention-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.theme-switcher-toggle{background-color:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;width:44px;height:44px;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a}.theme-switcher-toggle:hover,.theme-switcher-toggle:focus{background-color:var(--bg-card-hover);border-color:var(--color-primary-ink);box-shadow:0 6px 16px #0003,0 2px 4px #0000001a}.theme-switcher-toggle.pulse-on-load{animation:.5s ease-in-out 4 attention-pulse}.theme-icon{font-size:1rem}.theme-label{display:none}.theme-switcher-backdrop{z-index:-1;position:fixed;inset:0}.theme-switcher-menu{background-color:var(--bg-main);border:1px solid var(--border-subtle);border-radius:12px;min-width:220px;max-height:70vh;margin-bottom:8px;padding:12px;animation:.2s slideUp;position:absolute;bottom:100%;right:0;overflow-y:auto;box-shadow:0 8px 24px #0003,0 2px 8px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.theme-section{margin-bottom:8px}.theme-section:last-child{margin-bottom:0}.theme-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:0 4px 6px;font-size:.65rem;font-weight:600}.mode-toggle{border-bottom:1px solid var(--border-subtle);justify-content:center;gap:2px;margin-bottom:8px;padding-bottom:10px;display:flex}.mode-toggle-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;font-size:1.25rem;transition:all .15s;display:flex}.mode-toggle-btn:hover,.mode-toggle-btn:focus{opacity:.85;background-color:var(--bg-card);outline:none}.mode-toggle-btn.active{opacity:1;background-color:var(--bg-card)}.theme-option{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:.875rem;font-weight:400;transition:background-color .15s;display:flex}.theme-option:hover,.theme-option:focus{background-color:var(--bg-card-hover);outline:none}.theme-option.active{background-color:var(--bg-card);font-weight:500}.theme-swatch{border:2px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:20px;height:20px}.theme-option-label{flex:1}.theme-check{color:var(--color-primary-ink);font-weight:600}[data-color-mode=light] .theme-switcher-toggle{box-shadow:0 4px 12px #0000001a,0 1px 3px #0000000d}[data-color-mode=light] .theme-switcher-toggle:hover,[data-color-mode=light] .theme-switcher-toggle:focus{box-shadow:0 6px 16px #00000026,0 2px 4px #0000000d}[data-color-mode=light] .theme-switcher-menu{box-shadow:0 8px 24px #00000026,0 2px 8px #0000000d}:root[data-theme=cosmic][data-color-mode=light] .theme-switcher-toggle{background-color:#fdf8fff2;border-color:#7b2cbf40;box-shadow:0 8px 20px #46287824,0 2px 6px #46287814}:root[data-theme=cosmic][data-color-mode=light] .theme-switcher-toggle:hover,:root[data-theme=cosmic][data-color-mode=light] .theme-switcher-toggle:focus{border-color:var(--color-primary-ink);background-color:#fdf8fffa}@media (max-width:980px){.theme-switcher--floating{--theme-switcher-base-bottom:16px;right:16px}.theme-switcher-menu{min-width:200px}}