.sistem-page{display:flex;flex-direction:column;gap:3.5rem;padding:clamp(3rem,7vw,5rem) 0 2rem}.sistem-header{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.85rem;max-width:640px}.sistem-back-link{font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:var(--foreground-muted);transition:color var(--transition-fast);margin-bottom:.35rem}.sistem-back-link:hover{color:var(--foreground-heading)}.sistem-title{font-size:clamp(1.85rem,4.5vw,2.85rem);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--foreground-heading)}.sistem-lead{font-size:.975rem;font-weight:400;color:var(--foreground-muted);line-height:1.65}.sistem-figure{display:flex;flex-direction:column;gap:.65rem}.sistem-photo-frame{width:100%;aspect-ratio:16 / 9;max-height:460px;overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border)}.sistem-photo-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(12%) contrast(1.02);transition:filter .35s ease,transform .6s var(--ease-out-expo)}.sistem-figure:hover .sistem-photo-frame img{filter:grayscale(0%) contrast(1);transform:scale(1.015)}.sistem-figcaption{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.75rem;font-family:var(--font-mono);font-size:.76rem;color:var(--foreground-muted)}.sistem-kick-link{font-family:var(--font-mono);font-size:.76rem;color:var(--foreground-muted);border-bottom:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.sistem-kick-link:hover{color:var(--foreground-heading);border-bottom-color:var(--border-hover)}.sistem-section{display:flex;flex-direction:column;gap:1.25rem}.sistem-ledger{display:flex;flex-direction:column;border-top:1px solid var(--border)}.sistem-row{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;padding:1.15rem 0;border-bottom:1px solid var(--border);align-items:baseline;color:inherit;text-decoration:none;transition:border-color var(--transition-fast)}@media(min-width:680px){.sistem-row{grid-template-columns:220px 1fr auto;gap:2rem}}.sistem-row-label{font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:var(--foreground-muted)}.sistem-row-main{display:flex;flex-direction:column;gap:.15rem;grid-column:1 / 2}@media(min-width:680px){.sistem-row-main{grid-column:auto;flex-direction:row;align-items:baseline;gap:1rem;flex-wrap:wrap}}.sistem-row-value{font-size:1rem;font-weight:500;letter-spacing:-.01em;color:var(--foreground-heading);transition:color var(--transition-fast)}.sistem-row-details{font-family:var(--font-mono);font-size:.78rem;font-weight:400;color:var(--foreground-muted-dim)}.sistem-row-arrow{font-family:var(--font-mono);font-size:.8rem;color:var(--foreground-muted-dim);transition:color var(--transition-fast),transform var(--transition-fast);grid-column:2 / 3;grid-row:1 / 3;align-self:center}@media(min-width:680px){.sistem-row-arrow{grid-column:auto;grid-row:auto;align-self:baseline}}.sistem-row:hover .sistem-row-arrow{color:var(--foreground-heading);transform:translate(2px,-2px)}.hub-page{display:flex;flex-direction:column;gap:2.75rem;padding:clamp(3rem,7vw,5rem) 0 3rem}.hub-header{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.65rem}.hub-back-link{font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:var(--foreground-muted);transition:color var(--transition-fast);margin-bottom:.4rem}.hub-back-link:hover{color:var(--foreground-heading)}.hub-title{font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--foreground-heading)}.hub-role{font-family:var(--font-mono);font-size:.82rem;font-weight:400;color:var(--foreground-muted)}.hub-ledger{display:flex;flex-direction:column;border-top:1px solid var(--border)}.hub-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--border);color:var(--foreground);text-decoration:none;transition:color var(--transition-fast)}.hub-row-left{display:inline-flex;align-items:center;gap:.85rem}.hub-row-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--foreground-muted);transition:color .22s ease,transform .22s ease}.hub-row-name{font-size:1rem;font-weight:500;letter-spacing:-.01em;color:var(--foreground-heading)}.hub-row-handle{font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:var(--foreground-muted);transition:color var(--transition-fast)}.hub-row:hover .hub-row-icon{color:var(--brand-color, var(--foreground-heading));transform:translateY(-1px)}.hub-row:hover .hub-row-handle{color:var(--foreground-heading)}.card-page{display:flex;flex-direction:column;gap:2.75rem;padding:clamp(3rem,7vw,5rem) 0 3rem}.card-header{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.65rem}.card-back-link{font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:var(--foreground-muted);transition:color var(--transition-fast);margin-bottom:.35rem}.card-back-link:hover{color:var(--foreground-heading)}.card-page-title{font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--foreground-heading)}.card-page-role{font-family:var(--font-mono);font-size:.82rem;font-weight:400;color:var(--foreground-muted)}.card-layout{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start}@media(min-width:820px){.card-layout{grid-template-columns:1.25fr .85fr;gap:4rem}}.card-spec-ledger{display:flex;flex-direction:column;border-top:1px solid var(--border);width:100%}.card-spec-row{display:grid;grid-template-columns:1fr;gap:.25rem;padding:1.05rem 0;border-bottom:1px solid var(--border);align-items:baseline}@media(min-width:520px){.card-spec-row{grid-template-columns:140px 1fr;gap:1.5rem}}.card-spec-label{font-family:var(--font-mono);font-size:.78rem;font-weight:400;color:var(--foreground-muted)}.card-spec-value{font-size:.95rem;font-weight:400;color:var(--foreground-heading);word-break:break-word}.card-spec-link{font-family:var(--font-mono);font-size:.84rem;color:var(--foreground-muted);width:fit-content;border-bottom:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.card-spec-link:hover{color:var(--foreground-heading);border-bottom-color:var(--border-hover)}.card-actions-ledger{display:flex;flex-direction:column;border-top:1px solid var(--border);width:100%}.card-ledger-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--border);text-align:left;color:var(--foreground);text-decoration:none;transition:color var(--transition-fast)}.card-ledger-label{font-size:.95rem;font-weight:500;color:var(--foreground-heading)}.card-ledger-meta{font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:var(--foreground-muted);transition:color var(--transition-fast);flex-shrink:0}.card-ledger-row:hover .card-ledger-meta{color:var(--foreground-heading)}.li-page-container{min-height:68vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(3.5rem,8vw,6rem) 0;gap:1.1rem;max-width:480px}.li-mono-tag{font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:var(--foreground-muted)}.li-title{font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:500;letter-spacing:-.025em;color:var(--foreground-heading);line-height:1.2}.li-progress-bar-bg{width:100%;height:1px;background:var(--border);overflow:hidden;margin:.5rem 0}.li-progress-bar-fill{height:100%;background:var(--foreground-heading);animation:liRedirectProgress 1.8s linear forwards}@keyframes liRedirectProgress{0%{width:0%}to{width:100%}}.li-actions{display:flex;align-items:center;gap:1.75rem;padding-top:.25rem}.li-link-primary{font-family:var(--font-mono);font-size:.82rem;font-weight:500;color:var(--foreground-heading);border-bottom:1px solid var(--foreground-heading);padding-bottom:2px;transition:opacity var(--transition-fast)}.li-link-primary:hover{opacity:.7}.li-link-secondary{font-family:var(--font-mono);font-size:.82rem;font-weight:400;color:var(--foreground-muted);transition:color var(--transition-fast)}.li-link-secondary:hover{color:var(--foreground-heading)}.not-found-container{min-height:68vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(3.5rem,8vw,6rem) 0;text-align:left}.not-found-canvas-wrapper{display:flex;justify-content:flex-start;align-items:center;margin:0 0 1.25rem -.5rem;max-width:100%}.not-found-canvas-wrapper canvas{max-width:100%;height:auto;display:block}.not-found-title{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:500;letter-spacing:-.025em;color:var(--foreground-heading);margin-bottom:.5rem;line-height:1.2}.not-found-desc{font-size:.95rem;color:var(--foreground-muted);max-width:480px;line-height:1.65;margin-bottom:2rem;font-weight:400}.not-found-actions{display:flex;align-items:center}.not-found-back-link{font-family:var(--font-mono);font-size:.85rem;font-weight:400;color:var(--foreground-heading);padding-bottom:.25rem;border-bottom:1px solid var(--foreground-heading);transition:opacity var(--transition-fast)}.not-found-back-link:hover{opacity:.7}:root{color-scheme:dark;--bg: #121214;--bg-elevated: #17171a;--bg-card: transparent;--bg-card-solid: #18181b;--bg-glass: rgba(18, 18, 20, .86);--foreground: #d8d8dc;--foreground-heading: #f2f2f4;--foreground-muted: #85858e;--foreground-muted-dim: #5c5c64;--border: rgba(255, 255, 255, .085);--border-hover: rgba(255, 255, 255, .22);--accent: #f2f2f4;--accent-hover: #ffffff;--accent-soft: rgba(255, 255, 255, .06);--muted-bg: rgba(255, 255, 255, .03);--input-bg: transparent;--radius: 4px;--radius-sm: 2px;--ease-apple: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--transition: .4s var(--ease-apple);--transition-fast: .22s ease;--font: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--max-width: 1180px;--section-padding: clamp(4rem, 7vw, 6rem)}[data-theme=light]{color-scheme:light;--bg: #f6f6f4;--bg-elevated: #eeeeeb;--bg-card: transparent;--bg-card-solid: #ffffff;--bg-glass: rgba(246, 246, 244, .88);--foreground: #2c2c30;--foreground-heading: #121214;--foreground-muted: #686870;--foreground-muted-dim: #94949c;--border: rgba(18, 18, 20, .1);--border-hover: rgba(18, 18, 20, .28);--accent: #121214;--accent-hover: #000000;--accent-soft: rgba(18, 18, 20, .05);--muted-bg: rgba(18, 18, 20, .035);--input-bg: transparent}@media(min-width:1360px){:root{--max-width: 1260px}}@media(min-width:1600px){:root{--max-width: 1340px}}@media(min-width:1920px){:root{--max-width: 1440px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body{font-family:var(--font);font-weight:400;background-color:var(--bg);color:var(--foreground);line-height:1.6;min-height:100vh;overflow-x:clip;transition:background-color var(--transition-fast),color var(--transition-fast)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}.inline-icon{display:inline-block;vertical-align:-.125em;flex-shrink:0}.site-nav{position:sticky;top:0;z-index:100;width:100%;background:transparent;border-bottom:1px solid transparent;transition:background var(--transition-fast),border-color var(--transition-fast)}.site-nav.is-scrolled{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border)}.site-nav-inner{max-width:var(--max-width);margin:0 auto;padding:1.1rem clamp(1.25rem,4vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.nav-brand-wrap{display:inline-flex;align-items:baseline;gap:.25rem}.nav-brand{font-size:.95rem;font-weight:500;letter-spacing:-.02em;color:var(--foreground-heading);transition:opacity var(--transition-fast)}.nav-brand:hover{opacity:.7}.nav-route-crumb{font-family:var(--font-mono);font-size:.78rem;font-weight:400;color:var(--foreground-muted)}.nav-links{display:none;align-items:center;gap:1.75rem}@media(min-width:768px){.nav-links{display:flex}}.nav-links a{font-size:.85rem;font-weight:400;color:var(--foreground-muted);transition:color var(--transition-fast)}.nav-links a:hover{color:var(--foreground-heading)}.nav-actions{display:flex;align-items:center;gap:.85rem}.nav-plain-btn{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .25rem;border:none;background:transparent;border-radius:0;font-family:var(--font-mono);font-size:.78rem;font-weight:400;color:var(--foreground-muted);transition:color var(--transition-fast)}.nav-plain-btn:hover{color:var(--foreground-heading)}.hamburger-btn{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;border-radius:0;cursor:pointer}.hamburger-line{display:block;width:18px;height:1.5px;background:var(--foreground-heading);transition:transform .25s ease,opacity .25s ease;transform-origin:center}.hamburger-btn.is-active .hamburger-line:nth-child(1){transform:translateY(3.25px) rotate(45deg)}.hamburger-btn.is-active .hamburger-line:nth-child(2){transform:translateY(-3.25px) rotate(-45deg)}@media(min-width:768px){.hamburger-btn{display:none}}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#0000008c;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.is-open{opacity:1;visibility:visible}.mobile-menu-panel{position:absolute;top:0;right:0;width:min(300px,82vw);height:100%;background:var(--bg);border-left:1px solid var(--border);padding:4.5rem 1.75rem 2rem;transform:translate(100%);transition:transform .35s var(--ease-out-expo)}.mobile-menu-overlay.is-open .mobile-menu-panel{transform:translate(0)}.mobile-menu-links{display:flex;flex-direction:column}.mobile-menu-links a{display:block;padding:.95rem 0;font-size:1.05rem;font-weight:400;color:var(--foreground);border-bottom:1px solid var(--border);transition:color var(--transition-fast)}.mobile-menu-links a:hover{color:var(--foreground-heading)}.site-wrapper{max-width:var(--max-width);margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem);display:flex;flex-direction:column;position:relative;z-index:2}.route-transition-stage{animation:routeStageEnter .35s var(--ease-out-expo)}@keyframes routeStageEnter{0%{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}.section{display:flex;flex-direction:column;gap:1.75rem;padding:var(--section-padding) 0;scroll-margin-top:72px;position:relative;z-index:2}.section-head{display:flex;align-items:baseline;justify-content:space-between}.section-title{font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--foreground-heading);text-align:left}.site-header{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:clamp(5rem,11vw,8.5rem) 0 clamp(4rem,9vw,6.5rem);min-height:72vh}.hero-ascii-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.hero-ascii-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.75;-webkit-mask-image:radial-gradient(ellipse 96% 92% at 50% 50%,#000 68%,rgba(0,0,0,.62) 88%,transparent 100%);mask-image:radial-gradient(ellipse 96% 92% at 50% 50%,#000 68%,rgba(0,0,0,.62) 88%,transparent 100%)}.hero-parallax-wrap{width:100%;position:relative;z-index:2;pointer-events:auto;will-change:transform,opacity}.hero-grid{display:flex;flex-direction:column;align-items:flex-start;gap:1.75rem;width:100%}@media(min-width:860px){.hero-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(2.25rem,3.8vw,3.5rem);align-items:flex-start}}.hero-avatar-col{display:flex;align-items:center;gap:1.15rem;flex-shrink:0}@media(min-width:860px){.hero-avatar-col{flex-direction:column;align-items:flex-start;gap:.85rem;padding-top:.35rem}}.hero-avatar-frame{position:relative;width:clamp(74px,11vw,102px);height:clamp(74px,11vw,102px);border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border);padding:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000040,inset 0 1px #ffffff0d;transition:border-color var(--transition-fast),transform var(--transition),box-shadow var(--transition)}.hero-avatar-frame:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 26px #00000061,inset 0 1px #ffffff14}.hero-chip-badge{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-card-solid);border-radius:8px;border:1px solid var(--border);color:var(--foreground-heading);position:relative;overflow:hidden}.hero-chip-svg{width:86%;height:86%;color:var(--foreground-heading)}.hero-chip-pins{opacity:.5;color:var(--foreground-muted)}.hero-chip-body{opacity:.9}.hero-chip-die{opacity:.45}.hero-chip-pin1{color:#10b981}.hero-chip-trace{opacity:.55;stroke-dasharray:18;animation:chipTracePulse 4s ease-in-out infinite}@keyframes chipTracePulse{0%,to{stroke-dashoffset:0;opacity:.4}50%{stroke-dashoffset:18;opacity:.9}}.hero-chip-label{font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.12em;opacity:.95}.hero-chip-sub{font-family:var(--font-mono);font-size:5.5px;font-weight:500;letter-spacing:.04em;opacity:.6}.hero-avatar-status{position:absolute;bottom:-3px;right:-3px;width:16px;height:16px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg);z-index:3}.hero-avatar-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b98199;animation:statusPulse 2.8s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.hero-avatar-meta{display:flex;flex-direction:column;gap:.2rem}.hero-meta-label{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;color:var(--foreground-heading);opacity:.88}.hero-meta-sub{font-family:var(--font-mono);font-size:.68rem;color:var(--foreground-muted)}.hero-meta-status{font-family:var(--font-mono);font-size:.65rem;color:var(--foreground-muted);letter-spacing:-.01em;opacity:.85}.header-info{display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem;max-width:clamp(680px,60vw,880px)}.hero-name{font-size:clamp(2.35rem,5.5vw,4.4rem);font-weight:500;letter-spacing:-.035em;line-height:1.04;color:var(--foreground-heading);text-shadow:0 2px 20px var(--bg),0 0 10px var(--bg)}.hero-role{font-family:var(--font-mono);font-size:clamp(.82rem,1.4vw,.92rem);font-weight:450;color:var(--foreground-heading);opacity:.84;letter-spacing:-.01em;text-shadow:0 2px 20px var(--bg),0 0 10px var(--bg)}.hero-lead{font-size:clamp(1.05rem,1.55vw,1.18rem);font-weight:400;color:var(--foreground);line-height:1.6;max-width:620px;text-shadow:0 2px 20px var(--bg),0 0 10px var(--bg)}.hero-text-links{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;padding-top:.5rem}.hero-text-links a{font-family:var(--font-mono);font-size:.8125rem;font-weight:400;color:var(--foreground-muted);border-bottom:1px solid transparent;padding-bottom:2px;text-shadow:0 0 12px var(--bg),0 2px 6px var(--bg);transition:color var(--transition-fast),border-color var(--transition-fast)}.hero-text-links a:hover{color:var(--foreground-heading);border-bottom-color:var(--border-hover)}.tech-ledger{display:flex;flex-direction:column;border-top:1px solid var(--border)}.tech-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 2.5rem;padding:1.35rem 0;border-bottom:1px solid var(--border)}.tech-item{display:inline-flex;align-items:center;gap:.65rem;color:var(--foreground-muted);font-size:.95rem;font-weight:400;letter-spacing:-.01em;cursor:default;transition:color .22s ease}.tech-item-icon{color:var(--foreground-muted);transition:color .22s ease,transform .22s ease}.tech-item:hover{color:var(--foreground-heading)}.tech-item:hover .tech-item-icon{color:var(--brand-color, var(--foreground-heading));transform:translateY(-1px)}.exp-ledger,.projects-ledger{display:flex;flex-direction:column;border-top:1px solid var(--border)}.exp-row,.project-row{display:grid;grid-template-columns:1fr;gap:.65rem;padding:1.6rem 0;border-bottom:1px solid var(--border)}@media(min-width:720px){.exp-row,.project-row{grid-template-columns:240px 1fr;gap:2.5rem;align-items:baseline}}.exp-row-meta,.project-row-meta{display:flex;flex-direction:column;gap:.25rem}.exp-date,.project-row-year{font-family:var(--font-mono);font-size:.8rem;color:var(--foreground-muted)}.exp-company,.exp-company-link,.project-row-stack{font-family:var(--font-mono);font-size:.78rem;color:var(--foreground-muted-dim);transition:color var(--transition-fast)}.exp-company-link:hover{color:var(--foreground-heading)}.exp-row-main,.project-row-main{display:flex;flex-direction:column;gap:.45rem}.exp-role,.project-row-head h3{font-size:1.1rem;font-weight:500;letter-spacing:-.015em;color:var(--foreground-heading)}.project-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.project-row-link{font-family:var(--font-mono);font-size:.8rem;color:var(--foreground-muted);border-bottom:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.project-row-link:hover{color:var(--foreground-heading);border-bottom-color:var(--border-hover)}.project-row-status{font-family:var(--font-mono);font-size:.75rem;color:var(--foreground-muted-dim)}.exp-desc,.project-row-desc{font-size:.9375rem;color:var(--foreground-muted);line-height:1.65;max-width:640px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;border-top:1px solid var(--border);padding-top:1.5rem}@media(min-width:768px){.gallery-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.gallery-figure{display:flex;flex-direction:column;gap:.6rem}.gallery-img-wrap{aspect-ratio:4 / 3;overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border)}.gallery-img-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(18%) contrast(1.02);transition:filter .35s ease,transform .6s var(--ease-out-expo)}.gallery-figure:hover .gallery-img-wrap img{filter:grayscale(0%) contrast(1);transform:scale(1.03)}.gallery-caption{font-family:var(--font-mono);font-size:.75rem;color:var(--foreground-muted);line-height:1.45}.contact-split{display:grid;grid-template-columns:1fr;gap:2.5rem;border-top:1px solid var(--border);padding-top:2rem}@media(min-width:768px){.contact-split{grid-template-columns:1fr 1.15fr;gap:4rem}}.contact-meta{display:flex;flex-direction:column;gap:1rem}.contact-lead{font-size:.95rem;color:var(--foreground-muted);line-height:1.65;max-width:420px}.contact-links-list{display:flex;flex-direction:column;gap:.55rem;margin-top:.5rem}.contact-links-list a{font-family:var(--font-mono);font-size:.8125rem;color:var(--foreground-muted);width:fit-content;border-bottom:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.contact-links-list a:hover{color:var(--foreground-heading);border-bottom-color:var(--border-hover)}.contact-form{display:flex;flex-direction:column;gap:1.35rem;width:100%}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-family:var(--font-mono);font-size:.75rem;font-weight:400;color:var(--foreground-muted)}.form-group input,.form-group textarea{width:100%;padding:.65rem 0;font-family:var(--font);font-size:.95rem;color:var(--foreground-heading);background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;outline:none;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--foreground-heading)}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.25rem}.form-submit-link{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--foreground-heading);padding:.4rem 0;border-bottom:1px solid var(--foreground-heading);transition:opacity var(--transition-fast)}.form-submit-link:hover{opacity:.7}.form-status-msg{font-family:var(--font-mono);font-size:.78rem;color:var(--foreground-muted)}.site-footer{position:relative;padding:2.25rem 0 2.5rem;border-top:1px solid var(--border);margin-top:2rem}.footer-companion-perch{position:relative;width:100%;height:0}.pixel-companion-shelf{position:absolute;top:0;right:0;transform:translateY(-100%);margin-top:1px;display:inline-flex;flex-direction:column;align-items:flex-end;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;z-index:2;background:transparent}.pixel-companion-shelf:focus-visible{outline:1px dotted var(--foreground-muted);outline-offset:2px}.pixel-companion-bubble{font-family:var(--font-mono);font-size:.68rem;color:var(--foreground-muted);background:var(--bg);border:1px solid var(--border);padding:.15rem .45rem;margin-bottom:.35rem;white-space:nowrap;letter-spacing:-.01em;pointer-events:none;animation:bubblePop .18s var(--ease-out-expo)}@keyframes bubblePop{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.pixel-companion-frame{position:relative;height:48px;max-height:48px;display:flex;align-items:flex-end;justify-content:flex-end;background:transparent;line-height:0}.pixel-companion-picture{display:block;height:48px;max-height:48px;line-height:0}.pixel-dev-gif{display:block;height:48px!important;max-height:48px!important;width:auto!important;max-width:64px!important;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background:transparent;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(max-width:600px){.pixel-companion-frame,.pixel-companion-picture{height:40px;max-height:40px}.pixel-dev-gif{height:40px!important;max-height:40px!important;max-width:54px!important}}.footer-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1rem}@media(min-width:720px){.footer-row{flex-direction:row;align-items:center}}.footer-meta-bar{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-family:var(--font-mono);font-size:.76rem;color:var(--foreground-muted)}.footer-meta-sep{opacity:.4}.footer-links{display:flex;flex-wrap:wrap;gap:1.25rem}.footer-links a{font-family:var(--font-mono);font-size:.76rem;color:var(--foreground-muted);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--foreground-heading)}.journey-header-area{padding:clamp(3rem,7vw,5rem) 0 1rem;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;max-width:640px}.journey-back-link{font-family:var(--font-mono);font-size:.8rem;color:var(--foreground-muted);transition:color var(--transition-fast);margin-bottom:.35rem}.journey-back-link:hover{color:var(--foreground-heading)}.journey-page-title{font-size:clamp(1.85rem,4.5vw,2.85rem);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--foreground-heading)}.journey-lead{font-size:.975rem;font-weight:400;color:var(--foreground-muted);line-height:1.65}.journey-timeline{position:relative;margin:0;border-top:1px solid var(--border)}.journey-item{display:grid;grid-template-columns:1fr;gap:.5rem;padding:1.5rem 0;border-bottom:1px solid var(--border)}@media(min-width:640px){.journey-item{grid-template-columns:160px 1fr;gap:2rem;align-items:baseline}}.journey-year{font-family:var(--font-mono);font-size:.85rem;font-weight:400;color:var(--foreground-muted)}.journey-dot{display:none}.journey-content h3{font-size:1.05rem;font-weight:500;color:var(--foreground-heading);margin-bottom:.35rem}.journey-content p{font-size:.9rem;color:var(--foreground-muted);line-height:1.6;max-width:620px}.cmd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#0a0a0ca6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:clamp(3.5rem,12vh,7rem) 1rem 1.5rem}.cmd-dialog{width:100%;max-width:520px;background:var(--bg-card-solid);border:1px solid var(--border-hover);border-radius:4px;overflow:hidden}.cmd-search-bar{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.cmd-search-icon{color:var(--foreground-muted);font-size:.9rem;flex-shrink:0}.cmd-input{flex:1;background:transparent;border:none;outline:none;color:var(--foreground-heading);font-family:var(--font);font-size:.9rem}.cmd-input::placeholder{color:var(--foreground-muted-dim)}.cmd-kbd{font-family:var(--font-mono);font-size:.68rem;color:var(--foreground-muted)}.cmd-list{max-height:320px;overflow-y:auto;padding:.4rem}.cmd-empty{padding:1.75rem 1rem;text-align:left;font-size:.85rem;color:var(--foreground-muted)}.cmd-group{margin-bottom:.35rem}.cmd-group-heading{font-family:var(--font-mono);font-size:.68rem;font-weight:400;color:var(--foreground-muted-dim);padding:.4rem .6rem .2rem}.cmd-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border-radius:2px;text-align:left;color:var(--foreground);font-size:.85rem}.cmd-item.is-active{background:var(--accent-soft);color:var(--foreground-heading)}.cmd-item-left{display:flex;align-items:center;gap:.6rem;min-width:0}.cmd-item-icon{color:var(--foreground-muted);font-size:.85rem;flex-shrink:0}.cmd-item-label{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item-hint{font-family:var(--font-mono);font-size:.72rem;color:var(--foreground-muted-dim);flex-shrink:0}.cmd-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.68rem;color:var(--foreground-muted-dim)}.reveal{opacity:0;transform:translate3d(0,14px,0);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.reveal.active{opacity:1;transform:translateZ(0)}.hidden{display:none!important}::selection{background:var(--foreground-heading);color:var(--bg)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-hover)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}