:root{--paper: #f6f5f2;--paper-alt: #edece7;--card: #ffffff;--ink: #111315;--ink-2: #374151;--mute: #6b7280;--faint: #9ca3af;--line: rgba(17, 19, 21, .09);--line-strong: rgba(17, 19, 21, .18);--soft: #ebeaef;--ease: cubic-bezier(.16, 1, .3, 1);--gutter: clamp(18px, 4vw, 64px);--cat-lang: #2563eb;--cat-lang-bg: #eff6ff;--cat-lang-border: #bfdbfe;--cat-backend: #059669;--cat-backend-bg: #ecfdf5;--cat-backend-border: #a7f3d0;--cat-frontend: #7c3aed;--cat-frontend-bg: #f5f3ff;--cat-frontend-border: #ddd6fe;--cat-data: #d97706;--cat-data-bg: #fffbeb;--cat-data-border: #fde68a;--cat-ai: #e11d48;--cat-ai-bg: #fff1f2;--cat-ai-border: #fecdd3;--cat-cloud: #0891b2;--cat-cloud-bg: #ecfeff;--cat-cloud-border: #a5f3fc}[data-theme=dark]{--paper: #0b0c0e;--paper-alt: #121417;--card: #15181c;--ink: #f3f4f6;--ink-2: #d1d5db;--mute: #9ca3af;--faint: #6b7280;--line: rgba(243, 244, 246, .1);--line-strong: rgba(243, 244, 246, .22);--soft: #1f242b;--cat-lang: #60a5fa;--cat-lang-bg: rgba(37, 99, 235, .14);--cat-lang-border: rgba(96, 165, 250, .32);--cat-backend: #34d399;--cat-backend-bg: rgba(5, 150, 105, .14);--cat-backend-border: rgba(52, 211, 153, .32);--cat-frontend: #a78bfa;--cat-frontend-bg: rgba(124, 58, 237, .14);--cat-frontend-border: rgba(167, 139, 250, .32);--cat-data: #fbbf24;--cat-data-bg: rgba(217, 119, 6, .14);--cat-data-border: rgba(251, 191, 36, .32);--cat-ai: #fb7185;--cat-ai-bg: rgba(225, 29, 72, .14);--cat-ai-border: rgba(251, 113, 133, .32);--cat-cloud: #22d3ee;--cat-cloud-bg: rgba(8, 145, 178, .14);--cat-cloud-border: rgba(34, 211, 238, .32)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}section[id]{scroll-margin-top:80px}body{background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .35s var(--ease),color .35s var(--ease)}::selection{background:var(--ink);color:var(--paper)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--faint);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.heading-display{font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.08;color:var(--ink)}.card-base{background:var(--card);border:1px solid var(--line);border-radius:22px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease),background-color .3s var(--ease)}.card-base:hover{border-color:var(--line-strong)}.btn-pill-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:600;font-size:.875rem;border:1px solid var(--ink);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.btn-pill-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000024}.btn-pill-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;background:var(--card);color:var(--ink);font-weight:600;font-size:.875rem;border:1px solid var(--line-strong);transition:transform .25s var(--ease),background-color .25s var(--ease),color .25s var(--ease)}.btn-pill-secondary:hover{transform:translateY(-2px);background:var(--ink);color:var(--paper)}.hero-watermark{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:clamp(4.8rem,15.5vw,17rem);line-height:.86;letter-spacing:-.05em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px var(--line-strong);-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap}.id-card-scene{width:min(100%,340px);height:416px;perspective:1400px;margin:0 auto;cursor:pointer;-webkit-user-select:none;user-select:none}.id-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .7s cubic-bezier(.16,1,.3,1)}.id-card-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:22px;overflow:hidden;box-shadow:0 22px 44px -12px #00000026,0 0 0 1px #1113151f}.id-card-front{transform:rotateY(0) translateZ(1px)}.id-card-back{transform:rotateY(180deg) translateZ(1px)}@keyframes lanyardScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.lanyard-marquee{animation:lanyardScroll 9s linear infinite}@keyframes waveBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.wave-bar{transform-origin:center;animation:waveBar .9s ease-in-out infinite}.cert-sweep-card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:20px;transition:border-color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}.cert-sweep-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000012}.periodic-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.periodic-tile{aspect-ratio:1 / 1;border-radius:16px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;background:var(--card);border:1.5px solid var(--line);transition:all .25s var(--ease);cursor:pointer;text-align:left;position:relative}.periodic-tile:hover{transform:translateY(-3px);box-shadow:0 10px 22px #00000014}.periodic-tile.active{transform:translateY(-4px);box-shadow:0 14px 28px #00000026}.periodic-tile.dimmed{opacity:.22;transform:scale(.96)}.hero-swiss-grid{display:grid;grid-template-columns:1.25fr .95fr;border:1px solid var(--line-strong);border-radius:26px;background:var(--card);overflow:hidden;box-shadow:0 20px 50px -20px #00000014}.hero-ledger-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-strong);background:var(--paper)}.hero-ledger-cell{padding:20px 24px;border-right:1px solid var(--line)}.hero-ledger-cell:last-child{border-right:none}.beyond-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.about-bento-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px minmax(0,1fr);gap:28px;align-items:stretch}.periodic-section-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.work-selector-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.work-showcase-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:stretch}.hero-section-wrapper{max-width:1380px;margin:0 auto;padding:96px var(--gutter) 48px}@media(max-width:768px){.hero-section-wrapper{padding:24px var(--gutter) 32px!important}}@media(max-width:768px){.desktop-only,.desktop-flex{display:none!important}}@media(min-width:769px){.mobile-only,.mobile-flex,.mobile-projects-container{display:none!important}}.mobile-bottom-dock{position:fixed;bottom:16px;left:12px;right:12px;max-width:440px;margin:0 auto;z-index:99;background:#111315e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 6px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 16px 36px #00000059;box-sizing:border-box}[data-theme=light] .mobile-bottom-dock{background:#fffffff0;border-color:#11131524;box-shadow:0 16px 36px #0000001f}.ai-trigger-pill{position:fixed;bottom:24px;right:24px;z-index:990}@media(max-width:768px){.ai-trigger-pill{bottom:80px!important;right:14px!important;padding:8px 13px!important;font-size:12px!important}}.mobile-dock-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;border-radius:999px;font-size:10.5px;font-weight:700;color:#9ca3af;min-height:42px;min-width:0;flex:1;text-align:center;transition:all .2s var(--ease)}[data-theme=light] .mobile-dock-btn{color:#4b5563}.mobile-dock-btn:active,.mobile-dock-btn.active{color:#fff;background:#ffffff1f}[data-theme=light] .mobile-dock-btn:active,[data-theme=light] .mobile-dock-btn.active{color:#111315;background:#11131514}.mobile-dock-btn-primary{background:var(--cat-lang)!important;color:#fff!important;box-shadow:0 4px 14px #2563eb66}.mobile-bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}.mobile-bottom-sheet-content{width:100%;max-width:520px;max-height:82vh;overflow-y:auto;background:var(--card);border:1px solid var(--line-strong);border-radius:28px 28px 0 0;padding:24px 20px 36px;box-shadow:0 -16px 40px #0000004d;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{width:38px;height:4px;border-radius:99px;background:var(--line-strong);margin:0 auto 18px}@media(max-width:768px){body{padding-bottom:80px}.mobile-projects-container{display:flex!important;flex-direction:column!important;gap:20px!important;margin-top:16px}}.mobile-project-card{padding:clamp(18px,5vw,24px);border-radius:22px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 28px #0000000d;box-sizing:border-box}.cert-split-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:48px;align-items:start}.nav-scroll-container{scrollbar-width:none;-ms-overflow-style:none}.nav-scroll-container::-webkit-scrollbar{display:none}.hero-left-col{padding:clamp(24px,4vw,50px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.hero-spec-label{font-weight:700;color:var(--ink);min-width:155px}.hero-cta-group{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cert-sticky-col{position:sticky;top:96px}.inspector-sticky-card{padding:28px;position:sticky;top:96px}.layer-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.talking-stage-frame{width:clamp(280px,34vw,430px)}@media(max-width:860px){.hero-swiss-grid{grid-template-columns:1fr}.hero-left-col{border-right:none;border-bottom:1px solid var(--line)}.hero-ledger-strip{grid-template-columns:repeat(2,1fr)}.hero-ledger-cell:nth-child(2){border-right:none}.hero-ledger-cell:nth-child(1),.hero-ledger-cell:nth-child(2){border-bottom:1px solid var(--line)}.beyond-grid,.about-bento-grid,.periodic-section-layout{grid-template-columns:1fr}.inspector-sticky-card{position:static;order:-1;margin-bottom:4px}.cert-sticky-col{position:static}.periodic-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.work-selector-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.work-showcase-grid{grid-template-columns:1fr}.cert-split-layout{grid-template-columns:1fr;gap:28px}}@media(max-width:768px){.hero-ledger-strip{grid-template-columns:1fr}.hero-ledger-cell{border-right:none!important;border-bottom:1px solid var(--line);padding:18px 20px}.hero-ledger-cell:last-child{border-bottom:none}.id-card-scene{width:min(100%,340px);height:436px}.talking-stage-frame{width:min(100%,360px)!important}.horizontal-scroll-section{height:auto!important}.horizontal-scroll-sticky{position:relative!important;height:auto!important;padding:56px 0!important}.horizontal-scroll-track{transform:none!important;overflow-x:auto!important;padding-bottom:16px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;min-width:0!important;max-width:100%!important;box-sizing:border-box}.horizontal-scroll-card{scroll-snap-align:start;width:min(85vw,320px)!important;min-height:290px!important;padding:20px!important;box-sizing:border-box}.mobile-achievements-track{display:flex!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;scroll-snap-type:x mandatory!important;scroll-padding:0 var(--gutter)!important;padding:10px var(--gutter) 16px!important;scrollbar-width:none!important;-ms-overflow-style:none!important;box-sizing:border-box!important}.mobile-achievements-track::-webkit-scrollbar{display:none!important}.mobile-achievement-card{scroll-snap-align:center!important;width:min(84vw,320px)!important;min-height:290px!important;flex-shrink:0!important;padding:22px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;background:var(--card)!important;color:var(--ink)!important;box-sizing:border-box!important}.periodic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.layer-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.work-selector-grid{display:flex;overflow-x:auto;gap:10px;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.work-selector-grid::-webkit-scrollbar{display:none}.work-selector-grid>button{flex:0 0 168px;scroll-snap-align:start}.hide-mobile{display:none!important}}@media(max-width:540px){.hero-left-col{padding:20px 18px}.hero-spec-label{min-width:auto;width:100%;margin-bottom:2px}.hero-cta-group{flex-direction:column;align-items:stretch}.hero-cta-group>a,.hero-cta-group>button{width:100%}.id-card-scene{height:448px}.inspector-sticky-card{padding:20px 18px}.footer-cta-group{flex-direction:column;align-items:stretch;width:100%}.footer-cta-group>a,.footer-cta-group>button{width:100%;justify-content:center;text-align:center}}@media(max-width:370px){.layer-skills-grid{grid-template-columns:1fr}.id-card-scene{height:462px}}