:root{--bg:#090a0e;--text:#f5f5f3;--nav-bg:rgba(9, 10, 14, 0.92);--nav-border:rgba(255, 255, 255, 0.08);--nav-logo-filter:none;--nav-link-color:#f5f5f3;--nav-toggle-span-bg:#fff;--mobile-nav-bg:rgba(9, 10, 14, 0.98);--accent:#007dff;--accent-hover:#3999fb;--muted:rgba(255, 255, 255, 0.55);--card-bg:#1c1d20;--card-border:rgba(255, 255, 255, 0.08);--card-hover-border:rgba(0, 125, 255, 0.3);--card-glow:rgba(0, 125, 255, 0.12);--card-hover-bg:rgba(255, 255, 255, 0.03);--stat-hover-bg:rgba(255, 255, 255, 0.03);--portfolio-hover-bg:rgba(255, 255, 255, 0.05);--border:rgba(255, 255, 255, 0.08);--text-secondary:rgba(255, 255, 255, 0.6);--text-tertiary:rgba(255, 255, 255, 0.45);--filter-label-color:rgba(255, 255, 255, 0.4);--filter-pill-border:rgba(255, 255, 255, 0.18);--filter-pill-color:rgba(255, 255, 255, 0.72);--filter-pill-active-bg:rgba(0, 125, 255, 0.1);--empty-hint-color:rgba(255, 255, 255, 0.4);--tile-tag-border:rgba(255, 255, 255, 0.2);--tile-tag-color:rgba(255, 255, 255, 0.6);--tile-tag-exit-border:rgba(255, 255, 255, 0.3);--tile-tag-exit-color:rgba(255, 255, 255, 0.7);--lastname-opacity:0.92;--pillar-icon-filter:none;--footer-border:rgba(255, 255, 255, 0.08);--footer-text:#f5f5f3;--toggle-border:rgba(255, 255, 255, 0.2);--toggle-bg:rgba(255, 255, 255, 0.08);--toggle-color:rgba(255, 255, 255, 0.85);--toggle-hover-border:rgba(255, 255, 255, 0.45);--toggle-hover-bg:rgba(255, 255, 255, 0.14);--category-border:#007dff;--category-color:#007dff;--category-general-border:rgba(255, 255, 255, 0.35);--category-general-color:rgba(255, 255, 255, 0.75);--placeholder-bg1:rgba(0, 125, 255, 0.16);--placeholder-from:#0e0e0e;--placeholder-to:#1a1a1a;--img-bg:#0a0a0a;--img-border:rgba(255, 255, 255, 0.06);--article-p-color:rgba(255, 255, 255, 0.7);--article-section-head-color:#f5f5f3;--takeaway-li-color:rgba(255, 255, 255, 0.78);--disclaimer-color:rgba(255, 255, 255, 0.6);--disclaimer-border:rgba(255, 255, 255, 0.1)}html.light-mode{--bg:#f6f5f1;--text:#0a0b0f;--nav-bg:rgba(246, 245, 241, 0.92);--nav-border:rgba(0, 0, 0, 0.08);--nav-logo-filter:invert(1);--nav-link-color:#0a0b0f;--nav-toggle-span-bg:#0a0b0f;--mobile-nav-bg:rgba(246, 245, 241, 0.98);--muted:rgba(0, 0, 0, 0.55);--card-bg:#ffffff;--card-border:rgba(0, 0, 0, 0.08);--card-hover-border:rgba(0, 125, 255, 0.3);--card-glow:rgba(0, 125, 255, 0.08);--card-hover-bg:rgba(0, 125, 255, 0.02);--stat-hover-bg:rgba(0, 0, 0, 0.02);--portfolio-hover-bg:rgba(0, 125, 255, 0.03);--border:rgba(0, 0, 0, 0.08);--text-secondary:rgba(0, 0, 0, 0.55);--text-tertiary:rgba(0, 0, 0, 0.4);--filter-label-color:rgba(0, 0, 0, 0.4);--filter-pill-border:rgba(0, 0, 0, 0.15);--filter-pill-color:rgba(0, 0, 0, 0.6);--filter-pill-active-bg:rgba(0, 125, 255, 0.08);--empty-hint-color:rgba(0, 0, 0, 0.35);--tile-tag-border:rgba(0, 0, 0, 0.15);--tile-tag-color:rgba(0, 0, 0, 0.5);--tile-tag-exit-border:rgba(0, 0, 0, 0.2);--tile-tag-exit-color:rgba(0, 0, 0, 0.6);--lastname-opacity:0.82;--pillar-icon-filter:invert(1);--footer-border:rgba(0, 0, 0, 0.08);--footer-text:#0a0b0f;--toggle-border:rgba(0, 0, 0, 0.15);--toggle-bg:rgba(0, 0, 0, 0.05);--toggle-color:rgba(0, 0, 0, 0.6);--toggle-hover-border:rgba(0, 0, 0, 0.35);--toggle-hover-bg:rgba(0, 0, 0, 0.1);--category-general-border:rgba(0, 0, 0, 0.25);--category-general-color:rgba(0, 0, 0, 0.6);--placeholder-bg1:rgba(0, 125, 255, 0.12);--placeholder-from:#e8e7e3;--placeholder-to:#dddcd8;--img-bg:#e8e7e3;--img-border:rgba(0, 0, 0, 0.06);--article-p-color:rgba(0, 0, 0, 0.7);--article-section-head-color:#0a0b0f;--takeaway-li-color:rgba(0, 0, 0, 0.78);--disclaimer-color:rgba(0, 0, 0, 0.6);--disclaimer-border:rgba(0, 0, 0, 0.1)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll}body{font-family:Inter,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:88px}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.scroll-progress{position:fixed;top:88px;left:0;height:2px;width:0%;background:#007dff;z-index:99;transition:none;pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:1}.page-wrap{min-height:100vh;display:flex;flex-direction:column}nav{position:fixed;top:0;width:100%;z-index:100;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--nav-border)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;align-items:center;height:88px;position:relative}.nav-logo{margin-right:auto}.nav-logo img{height:36px;display:block;filter:var(--nav-logo-filter)}.nav-links{display:flex;gap:36px;list-style:none}.nav-links a{color:var(--nav-link-color);text-decoration:none;font-size:16px;font-weight:500;letter-spacing:.02em;transition:opacity .25s ease;opacity:.8;position:relative;padding-bottom:4px}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#007dff;transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.16,1,.3,1)}.nav-links a:hover{opacity:1}.nav-links a:hover::after{transform:scaleX(1)}.nav-links a.active{opacity:1}.nav-links a.active::after{transform:scaleX(1)}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--toggle-border);background:var(--toggle-bg);display:flex;align-items:center;justify-content:center;margin-left:28px;flex-shrink:0;color:var(--toggle-color);text-decoration:none;cursor:pointer;transition:border-color .25s,background .25s,color .25s}.theme-toggle:hover{border-color:var(--toggle-hover-border);background:var(--toggle-hover-bg);color:#fff}.theme-toggle svg{width:18px;height:18px}.theme-toggle .moon-icon{display:block}.theme-toggle .sun-icon{display:none}html.light-mode .theme-toggle .moon-icon{display:none}html.light-mode .theme-toggle .sun-icon{display:block}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:8px;margin-left:16px;position:relative;z-index:210}.nav-toggle span{display:block;width:24px;height:2px;background:var(--nav-toggle-span-bg,#fff);margin:5px 0;transition:transform .3s ease,opacity .2s ease;transform-origin:center}.nav-toggle.open span:nth-child(1){transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}body.nav-open{overflow:hidden}footer{border-top:1px solid var(--footer-border);padding:40px 0;position:relative;z-index:1}.footer-inner{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:28px;list-style:none}.footer-links a{color:var(--footer-text);text-decoration:none;font-size:13px;opacity:.78;transition:opacity .25s ease}.footer-links a:hover{opacity:1}.footer-copy{color:var(--footer-text);font-size:13px;opacity:.78}.reveal{opacity:0;transform:translateY(24px)scale(.97);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)scale(1)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{transition:none!important;opacity:1!important;transform:none!important}}@media(max-width:820px){.nav-toggle{display:block}.nav-links{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:var(--mobile-nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;margin:0;z-index:200;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s;pointer-events:none}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .35s ease,transform .35s ease}.nav-links li{text-align:center;width:100%}.nav-links a{display:block;padding:18px 24px;font-size:22px;font-weight:500;letter-spacing:.04em;opacity:.92}.nav-links a::after{display:none}.nav-links a.active{opacity:1}.nav-logo img{height:28px}.footer-inner{flex-direction:column;gap:20px;text-align:center}}@media(max-width:600px){.container{padding:0 20px}.nav-inner{padding:0 20px}.footer-inner{padding:0 20px;flex-direction:column;gap:20px}.footer-links{gap:16px;flex-wrap:wrap;justify-content:center}}@media(max-width:380px){.container{padding:0 16px}.nav-inner{padding:0 16px}}.page-header{padding:120px 0 40px;max-width:1000px}.page-header h1{font-size:clamp(36px,5vw,56px);font-weight:600;letter-spacing:-.02em;margin-bottom:20px}.page-intro{font-size:clamp(17px,1.8vw,20px);color:var(--text);line-height:1.8;max-width:1000px;font-weight:300;margin-bottom:80px;opacity:.9}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 32px}.filter-bar .filter-label{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--filter-label-color);margin-right:6px}.filter-pill{background:0 0;border:1px solid var(--filter-pill-border);color:var(--filter-pill-color);padding:7px 16px;border-radius:100px;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .25s ease,border-color .25s ease,background .25s ease}.filter-pill:hover{border-color:rgba(0,125,255,.55);color:var(--accent)}.filter-pill.active{background:var(--filter-pill-active-bg);border-color:var(--accent);color:var(--accent)}.filter-pill .count{opacity:.55;margin-left:6px;font-weight:400;letter-spacing:.08em}.is-hidden{display:none!important}.empty-hint{color:var(--empty-hint-color);font-size:13px;letter-spacing:.02em;padding:24px 0;font-weight:300}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.portfolio-tile{position:relative;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:32px 24px;text-align:center;font-size:14px;font-weight:500;color:var(--text);text-decoration:none;cursor:pointer;overflow:hidden;transition:border-color .3s ease,transform .3s ease,background .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.portfolio-tile::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient( 200px circle at var(--mx,50%) var(--my,50%),var(--card-glow) 0%,transparent 70% );opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.portfolio-tile:hover::before{opacity:1}.portfolio-tile:hover{border-color:var(--card-hover-border);background:var(--portfolio-hover-bg);transform:translateY(-2px)}.tile-tag{position:absolute;top:8px;right:8px;padding:2px 8px;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:100px;border:1px solid var(--tile-tag-border);color:var(--tile-tag-color)}.tile-tag.exit{border-color:var(--tile-tag-exit-border);color:var(--tile-tag-exit-color)}.page-bottom{padding-bottom:120px}@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.page-header{padding:80px 0 28px}.page-intro{margin-bottom:48px}.filter-bar{gap:8px;margin-bottom:24px}.filter-bar .filter-label{display:none}.filter-pill{padding:6px 14px;font-size:10px;letter-spacing:.12em}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:12px}.portfolio-tile{padding:24px 12px;font-size:13px}.tile-tag{font-size:8px;padding:2px 6px;top:6px;right:6px}}@media(max-width:380px){.portfolio-grid{grid-template-columns:1fr;gap:10px}.portfolio-tile{padding:22px 16px}}