*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--bg-track: #151519;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-muted: #666666;--metal-light: #e8e8e8;--metal-mid: #c0c0c0;--metal-dark: #888888;--metal-darker: #555555;--accent-blue: #a8c0d0;--accent-blue-light: #d0d8e0;--border-subtle: rgba(255, 255, 255, .08);--border-metal: rgba(192, 192, 192, .2);--nav-bg: rgba(10, 10, 10, .85);--nav-panel-bg: rgba(10, 10, 10, .95);--grid-line: rgba(255, 255, 255, .02);--shadow-strong: rgba(0, 0, 0, .3);--shadow-soft: rgba(192, 192, 192, .15);--metal-text-outline: transparent;--thought-title-hover-fill: var(--metal-light);--button-primary-text: var(--bg-primary);--button-primary-bg: linear-gradient(135deg, var(--metal-dark), var(--metal-mid), var(--metal-light));--portfolio-pill-shell-bg: linear-gradient(135deg, rgba(81, 88, 96, .96), rgba(34, 38, 45, .99) 52%, rgba(79, 85, 93, .96));--portfolio-pill-shell-highlight: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0));--portfolio-pill-inner-bg: linear-gradient(180deg, #1f1f20 0%, #141414 56%, #1f242b 100%);--portfolio-pill-inner-border: rgba(205, 212, 220, .22);--portfolio-pill-inner-text: #f4f7fb;--portfolio-pill-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(10, 12, 16, .38), 0 1px 2px rgba(0, 0, 0, .18);--portfolio-pill-label-shadow: 0 1px 0 rgba(0, 0, 0, .32);--portfolio-pill-icon-shadow: drop-shadow(0 1px 1.5px rgba(0, 0, 0, .2));--logo-stop-1: #555555;--logo-stop-2: #aaaaaa;--logo-stop-3: #e8e8e8;--logo-stop-4: #ffffff;--logo-stop-5: #bbbbbb;--logo-stop-6: #888888;--font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-height: 72px}html[data-theme=light]{--bg-primary: #f3f4f5;--bg-secondary: #e9eaec;--bg-card: rgba(255, 255, 255, .68);--bg-card-hover: rgba(255, 255, 255, .88);--bg-track: #191a1f;--text-primary: #17181b;--text-secondary: #45484d;--text-muted: #7b8087;--metal-light: #ffffff;--metal-mid: #b8bcc2;--metal-dark: #60656d;--metal-darker: #363a40;--accent-blue: #527589;--accent-blue-light: #7f9bad;--border-subtle: rgba(23, 24, 27, .1);--border-metal: rgba(74, 80, 88, .22);--nav-bg: rgba(244, 245, 246, .82);--nav-panel-bg: rgba(244, 245, 246, .96);--grid-line: rgba(23, 24, 27, .035);--shadow-strong: rgba(42, 45, 50, .16);--shadow-soft: rgba(90, 96, 104, .16);--metal-text-outline: rgba(18, 20, 24, .42);--thought-title-hover-fill: transparent;--button-primary-text: #15171a;--button-primary-bg: linear-gradient(135deg, #7c828a 0%, #d5d8dc 42%, #ffffff 70%, #9aa0a8 100%);--portfolio-pill-shell-bg: linear-gradient(135deg, rgba(112, 118, 127, .82), rgba(243, 246, 250, .94) 48%, rgba(117, 126, 138, .84));--portfolio-pill-shell-highlight: linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));--portfolio-pill-inner-bg: linear-gradient(180deg, #ffffff 0%, #fbfbfc 58%, #eef1f4 100%);--portfolio-pill-inner-border: rgba(228, 232, 238, .94);--portfolio-pill-inner-text: #181b20;--portfolio-pill-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -1px 0 rgba(143, 151, 163, .25), 0 1px 2px rgba(255, 255, 255, .55);--portfolio-pill-label-shadow: 0 1px 0 rgba(255, 255, 255, .6);--portfolio-pill-icon-shadow: drop-shadow(0 1px 1.5px rgba(255, 255, 255, .12));--logo-stop-1: #4b5058;--logo-stop-2: #8f949b;--logo-stop-3: #ffffff;--logo-stop-4: #eef0f2;--logo-stop-5: #9aa0a8;--logo-stop-6: #656b73}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font-family);font-weight:300;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}.portfolio-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:15.52rem;padding:.11rem;border-radius:999px;overflow:hidden;isolation:isolate;background:var(--portfolio-pill-shell-bg);box-shadow:0 20px 40px #00000047,0 8px 18px #0000002e,inset 0 1px #ffffff5c;transition:transform .3s ease,box-shadow .3s ease}.portfolio-pill:before{content:"";position:absolute;inset:2px 12px auto;height:28%;border-radius:999px;background:var(--portfolio-pill-shell-highlight);opacity:.32;pointer-events:none;z-index:0}.portfolio-pill:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 26px 48px #00000057,0 12px 24px #0003,inset 0 1px #ffffff6b}.portfolio-pill__shader{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none}.portfolio-pill__inner{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.78rem;width:100%;padding:.74rem 1.15rem;border-radius:inherit;border:1px solid var(--portfolio-pill-inner-border);background:var(--portfolio-pill-inner-bg);color:var(--portfolio-pill-inner-text);box-shadow:var(--portfolio-pill-inner-shadow)}.portfolio-pill__icon{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;flex:0 0 auto}.portfolio-pill__icon svg{width:100%;height:100%;display:block;filter:var(--portfolio-pill-icon-shadow)}.portfolio-pill__label{font-size:.9rem;font-weight:700;letter-spacing:.01em;line-height:1.1;text-shadow:var(--portfolio-pill-label-shadow)}.name,.section-title,.page-title,.article-title,.thought-title{-webkit-text-stroke:.35px var(--metal-text-outline);paint-order:stroke fill;text-shadow:0 0 1px var(--metal-text-outline)}@keyframes metalShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width: 768px){.portfolio-pill{width:100%;max-width:320px;min-width:0}}