@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-primary:#050505;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--bg-card:#151515;--bg-elevated:#1c1c1c;--border:#ffffff14;--border-strong:#ffffff24;--border-faint:#ffffff0a;--text-primary:#f5f5f5;--text-secondary:#b0b0b0;--text-tertiary:#6e6e6e;--text-inverse:#050505;--accent:#fff;--accent-dim:#d4d4d4;--accent-soft:#ffffff14;--accent-glow:#ffffff40;--link:#4da6ff;--link-hover:#7cc0ff;--light-warm:#ffffff1a;--fog:#8c96a00f;--font-display:"Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-mega:clamp(4rem, 11vw, 11rem);--fs-display:clamp(2.8rem, 6.2vw, 4.8rem);--fs-section:clamp(2.2rem, 4.5vw, 3.2rem);--fs-h1:clamp(2.25rem, 4.5vw, 3.75rem);--fs-h2:clamp(1.75rem, 3vw, 2.5rem);--fs-h3:clamp(1.25rem, 1.8vw, 1.625rem);--fs-lead:clamp(1.125rem, 1.6vw, 1.5rem);--fs-body:1.0625rem;--fs-sm:.9375rem;--fs-xs:.8125rem;--fs-label:.75rem;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:.95;--lh-snug:1.1;--lh-normal:1.55;--ls-mega:-.04em;--ls-display:-.03em;--ls-tight:-.01em;--ls-normal:0em;--ls-label:.22em;--ls-wide:.35em;--text-eyebrow-size:var(--fs-label);--text-eyebrow-spacing:var(--ls-label);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--space-11:12rem;--section-pad-y:clamp(4rem, 8vw, 8rem);--section-pad-x:clamp(1.5rem, 6vw, 8rem);--container:1440px;--container-narrow:880px;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--z-base:0;--z-sticky:50;--z-nav:100;--z-overlay:200;--shadow-sm:0 2px 8px #0006;--shadow-md:0 12px 32px #00000080;--shadow-lg:0 30px 70px #0009;--shadow-xl:0 50px 120px #000000b3;--shadow-card:0 24px 60px #0000008c;--glow-accent:0 0 0 1px #ffffff4d, 0 0 28px #ffffff2e;--glow-soft:0 0 40px #ffffff1f;--inset-top:inset 0 1px 0 #ffffff0d;--blur-sm:8px;--blur-md:16px;--blur-lg:40px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-out-back:cubic-bezier(.34, 1.4, .64, 1);--ease-glide:cubic-bezier(.22, .61, .36, 1);--dur-fast:.25s;--dur-base:.45s;--dur-slow:.8s;--dur-cine:1.2s;--grad-top-light:radial-gradient(120% 100% at 85% 0%, #ffffff12 0%, #fff0 55%);--grad-fog:radial-gradient(80% 60% at 50% 100%, #8c96a00d 0%, #0000 70%);--grad-vignette:radial-gradient(120% 90% at 50% 40%, #0000 55%, #0000008c 100%);--grad-fade-up:linear-gradient(to top, var(--bg-primary) 0%, #05050500 100%)}.grain-overlay:after{content:"";pointer-events:none;opacity:.05;z-index:2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}:root{--accent:#fff;--accent-dim:#b8b8b8;--accent-soft:#ffffff17;--accent-glow:0 0 0 1px #ffffff47, 0 0 28px #ffffff2e;--glow-accent:0 0 0 1px #ffffff47, 0 0 28px #ffffff2e;--text-inverse:#050505;--bg-card:#151515;--exp-hover-bg:#e6e6e6;--exp-hover-text:#1a1a1a;--exp-hover-text-muted:#666;--exp-hover-border:#0000001a;--exp-badge-bg:#0000000a;--exp-badge-bg-hover:#00000014;--exp-badge-border:#00000014;--terminal-color:#39ff14;--hero-name-shadow:0 8px 32px #0009;--btn-primary-bg:#fff;--btn-primary-color:#050505;--btn-primary-border:#fff;--btn-primary-hover-bg:#d4d4d4;--btn-secondary-border:var(--border-strong);--btn-secondary-color:var(--text-primary);--btn-secondary-hover-bg:transparent;--btn-secondary-hover-border:var(--accent);--btn-secondary-hover-color:var(--accent);--glass-bg:#0f0f0f99;--glass-border:#ffffff14;--glass-hover-bg:#141414cc;--glass-hover-border:#ffffff26;--jrn-spine:#ffffff0d;--jrn-connector:#ffffff0d;--jrn-node-bg:#0d0d0d;--jrn-node-border:#ffffff1a;--jrn-year-color:#ffffff26;--jrn-year-stroke:#fff3;--jrn-year-hover-stroke:#ffffff80;--jrn-year-hover-shadow:#ffffff4d;--jrn-title:#fffffff2;--jrn-body:#fff9;--jrn-year-meta:#fff6;--jrn-divider:#ffffff1a;--jrn-progress-track:#ffffff0d;--jrn-tag-color:#fffc;--jrn-tag-bg:#ffffff0d;--jrn-tag-border:#ffffff1a;--jrn-icon-bg:#ffffff08;--jrn-icon-border:#ffffff0d;--jrn-progress-grad:linear-gradient(to bottom, #fffc 0%, #fff3 100%);--jrn-progress-glow:#ffffff80;--edu-card-bg:#ffffff08;--edu-card-border:#ffffff14;--edu-accent-line:#ffffff1a;--edu-badge-bg:#ffffff0d;--edu-badge-border:#ffffff14;--edu-badge-color:#a0a0a0;--edu-badge-icon:#fff6;--edu-divider:#ffffff14;--edu-tab-bg:var(--accent-dim);--edu-tab-shadow:var(--accent-glow);--edu-tab-text:#1a1a1a;--contact-ft-border:#ffffff0d;--contact-card-bg:#0f0f0f66;--contact-card-border:#ffffff14;--contact-icon-bg:#ffffff08;--contact-icon-border:#ffffff1a;--contact-arrow:#ffffff4d;--contact-avatar-border:#ffffff1a;--back-top-bg:#ffffff0d;--back-top-border:#ffffff1a;--contact-atm:radial-gradient(ellipse at bottom, #ffffff0d 0%, transparent 70%);--contact-marquee-stroke:white;--contact-footer-border:#ffffff0d;--modal-overlay-bg:#050505d9;--modal-card-bg:#0a0a0a;--modal-meta-color:#ffffff59;--modal-tag-bg:#ffffff0a;--modal-tag-border:#ffffff14;--modal-close-bg:#ffffff0f;--modal-close-border:#ffffff1a;--modal-close-color:#f5f5f5;--work-row-stack-bg:#ffffff08;--work-row-stack-bg-hov:#ffffff12;--work-row-arrow-color:#050505;--work-link-hover-border:#fff6;--work-preview-border:#ffffff17;--card-shadow:0 24px 60px #00000073;--card-shadow-hover:0 40px 90px #000000a6}*{box-sizing:border-box}html{scroll-behavior:auto}html,body{margin:0;padding:0}body{color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:0 0;overflow-x:hidden}img{display:block}a{color:inherit}::selection{background:var(--accent);color:var(--text-inverse)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{z-index:9999;background:var(--bg-elevated,#151515);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.05em;border:1px solid var(--border-strong);border-radius:8px;padding:12px 20px;font-size:13px;text-decoration:none;transition:top .25s;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border:3px solid var(--bg-primary);background:#222;border-radius:10px}h1,h2,h3,.hero-name,.milestone-year{font-weight:500!important}.hero-sticky{z-index:1;background:0 0;width:100%;height:100svh;position:relative;overflow:hidden}.hero-fade-bottom{pointer-events:none;z-index:100;opacity:0;background:linear-gradient(#0000 0%,#05050559 35%,#050505b3 60%,#050505f5 85%,#050505 100%);height:50%;position:absolute;bottom:0;left:0;right:0}.hero-inner{will-change:transform,opacity,filter}.content{z-index:2;background-color:#050505;background-image:url(/images/fog.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;position:relative;box-shadow:0 -70px 90px 20px #000000bf}.content:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#050505 0%,#0000 100%);height:160px;position:absolute;top:0;left:0;right:0}.content:before{content:"";pointer-events:none;z-index:0;background:#0505059e;position:absolute;inset:0}.sec{z-index:2;background:0 0;position:relative}.cursor{animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@keyframes float-ds{0%{transform:translateY(0)scale(1.05)}50%{transform:translateY(-12px)scale(1.05)}to{transform:translateY(0)scale(1.05)}}.fog{pointer-events:none;z-index:1;filter:blur(60px);opacity:.6;position:absolute}.fog-a{background:radial-gradient(circle,#96a0aa1a,#0000 70%);width:60vw;height:60vw;top:-10vw;right:-5vw}.fog-b{background:radial-gradient(circle,#78828c12,#0000 70%);width:50vw;height:50vw;bottom:-15vw;left:5vw}.godray{pointer-events:none;z-index:1;opacity:.3;filter:blur(40px);background:linear-gradient(#ffffff1a,#fff0 60%);width:40vw;height:120vh;position:absolute;top:-20%;right:8%;transform:rotate(18deg)}.nav-ind{transition:transform .4s var(--ease-out-expo)}.nav-ind:hover{transform:translateY(-4px)}.nav-ind:hover svg{stroke:var(--accent)}.hero-cta a:hover{transform:translateY(-2px)}.hero-cta a[href]:first-child:hover{background:var(--btn-primary-hover-bg);box-shadow:var(--glow-accent)}.hero-cta a[href]:last-child:hover{background:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-hover-color)}.ac-left,.ac-right{z-index:1;transform:translate(0)rotate(0)}.ac-center{z-index:10;transform:translateY(0)scale(.92)}.reveal-armed{opacity:0;transition:opacity .95s var(--ease-out-expo), transform .95s var(--ease-out-expo);transform:translateY(46px)}.reveal-in{opacity:1!important;transform:none!important}@media (width<=900px){.hero-inner{grid-template-columns:1fr!important}.hero-mono{opacity:.32;inset:0;z-index:1!important;position:absolute!important}.hero-mono img{height:100%!important;right:-10%!important}.hero-copy{grid-column:1;padding-right:1.5rem!important}.hero-nav{display:none!important}.hero-bg-img img{object-position:right top!important}.ac-stage{padding:0 var(--section-pad-x);flex-direction:column;align-items:center;gap:24px;height:auto!important}.ac-card{max-width:360px;margin:0 auto;width:100%!important;height:auto!important;position:relative!important;transform:none!important}.ac-center{order:-1}.ac-portrait{aspect-ratio:792/1070!important;height:auto!important}.work-grid,.work-split{grid-template-columns:1fr!important}.work-split>div:last-child{display:none!important}.numbers-grid{grid-template-columns:repeat(2,1fr)!important}.milestone{grid-template-columns:1fr!important}.exp-row{grid-template-columns:1fr!important;gap:12px!important}.contact-head{font-size:clamp(2.4rem,12vw,5rem)!important}.jrn-year.left,.jrn-year.right{font-size:clamp(3rem,10vw,5rem)}}@media (width<=768px){.hero-copy{padding-top:clamp(2.5rem,7vh,4rem)!important;padding-bottom:clamp(2rem,5vh,3rem)!important}.work-row{margin:8px 0!important;padding:clamp(16px,3vw,24px) clamp(12px,2.5vw,20px)!important}.contact-card{padding:24px 20px!important}.cs-support-card{min-height:210px}.jrn-year.left,.jrn-year.right{font-size:clamp(2.5rem,8vw,4rem)}.jrn-card-inner{padding:26px 24px!important}}@media (width<=640px){.work-row{grid-template-columns:1fr auto!important;gap:10px!important}.work-row>span:first-child{display:none!important}.jrn-card-inner{padding:20px 18px!important}.jrn-card-content{grid-template-columns:1fr!important;gap:14px!important}.jrn-card-side{flex-direction:row!important;justify-content:flex-start!important;align-self:auto!important;align-items:center!important;gap:12px!important}.jrn-year.left,.jrn-year.right{font-size:clamp(2rem,7vw,3rem)}.jrn-card-wrapper{padding-bottom:50px!important}.numbers-grid{grid-template-columns:1fr!important}.contact-footer-bottom{justify-content:center!important;gap:16px!important}.cs-header{margin-bottom:20px}.navbar-root{box-sizing:border-box!important;gap:8px!important;padding:0 12px!important;top:1.5rem!important}.navbar-toggle-wrap{position:static!important;right:auto!important}.expandable-tabs-container{flex-wrap:nowrap!important;max-width:calc(100vw - 24px)!important;overflow:hidden!important}.expandable-tabs-container .tab-button{gap:.3rem!important;padding-left:.5rem!important;padding-right:.5rem!important}.expandable-tabs-container .tab-button span{text-overflow:ellipsis;max-width:22vw;overflow:hidden}}@media (width<=480px){.hero-cta{gap:10px!important;margin-top:1.25rem!important}.hero-roles{margin-top:.75rem!important}.hero-cta-btn a{padding:12px 22px!important;font-size:13px!important}.work-row>div:last-child>span{display:none!important}.jrn-year.left,.jrn-year.right{font-size:clamp(1.8rem,6vw,2.5rem)}.jrn-card-wrapper{padding-bottom:36px!important}.cs-support-card{min-height:180px}.cs-hero-card,.cs-support-card{padding:20px!important}.cs-hero-sidebar{gap:10px!important}.ac-stage{gap:16px}.num-card-anim>div{padding:28px 24px 24px!important}.splash-latlon{display:none!important}}@media (width<=390px){.jrn-card-inner{width:calc(100% - 44px)!important;padding:18px 16px!important}.jrn-spine{left:14px!important;transform:none!important}.jrn-node{left:14px!important}.jrn-year.left,.jrn-year.right{font-size:1.8rem;left:42px!important}.work-row{padding:14px 12px!important}}@media (width<=360px){.jrn-card-inner{padding:16px 14px!important}.work-row{padding:12px 10px!important}.contact-card{padding:20px 16px!important}.cs-support-card{min-height:160px}.cs-hero-card,.cs-support-card{padding:16px!important}}@media (width<=560px){.numbers-grid{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{animation:none}}.expandable-tabs-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--glow-accent), 0 4px 20px #0000004d;background:#0f0f0fbf;border:1px solid #ffffff40;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:8px;width:max-content;padding:4px;display:flex}.tab-separator{background:var(--border);width:1.2px;height:24px;margin:0 4px}.tab-button{font-size:.875rem;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:.75rem;outline:none;align-items:center;padding:8px 16px;font-weight:500;transition:color .3s,background-color .3s;display:flex;position:relative}.tab-inactive{color:var(--text-tertiary)}.tab-inactive:hover{background:var(--accent-soft);color:var(--text-primary)}.tab-active{background:var(--bg-elevated);color:var(--accent)}[data-theme=light]{--bg-primary:#f8f6f2;--bg-secondary:#f3efe8;--bg-tertiary:#ece7dd;--bg-card:#ffffffd9;--bg-elevated:#fff;--exp-hover-bg:#1c1c1e;--exp-hover-text:#fff;--exp-hover-text-muted:#a0a0a0;--exp-hover-border:#ffffff26;--exp-badge-bg:#ffffff0d;--exp-badge-bg-hover:#ffffff1a;--exp-badge-border:#ffffff26;--border:#00000014;--border-strong:#00000024;--border-faint:#0000000a;--text-primary:#1e1e1e;--text-secondary:#4a4a4a;--text-tertiary:#767676;--text-inverse:#f8f6f2;--accent:#c8a97e;--accent-dim:#d8bc96;--accent-soft:#c8a97e1f;--accent-glow:#c8a97e40;--glow-accent:0 0 0 1px #c8a97e4d, 0 0 28px #c8a97e26;--glow-soft:0 0 40px #c8a97e1a;--inset-top:inset 0 1px 0 #fff9;--link:#3d8b6d;--link-hover:#2e8b57;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 12px 32px #0000001a;--shadow-lg:0 30px 70px #0000001f;--shadow-xl:0 50px 120px #00000026;--shadow-card:0 24px 60px #0000001a;--grad-top-light:transparent;--grad-vignette:radial-gradient(120% 90% at 50% 40%, #fff0 55%, #0000000a 100%);--terminal-color:#2e8b57;--hero-name-shadow:0 2px 8px #0000001f;--btn-primary-bg:#1e1e1e;--btn-primary-color:#fff;--btn-primary-border:#1e1e1e;--btn-primary-hover-bg:#333;--btn-secondary-border:var(--accent);--btn-secondary-color:#1e1e1e;--btn-secondary-hover-bg:var(--accent);--btn-secondary-hover-border:var(--accent);--btn-secondary-hover-color:#fff;--glass-bg:#ffffffb3;--glass-border:#00000014;--glass-hover-bg:#ffffffd9;--glass-hover-border:#0000001f;--jrn-spine:#00000014;--jrn-connector:#00000014;--jrn-node-bg:#f8f6f2;--jrn-node-border:#0000001f;--jrn-year-color:#0000001f;--jrn-year-stroke:transparent;--jrn-year-hover-stroke:#0000004d;--jrn-year-hover-shadow:#0000001a;--jrn-title:#1e1e1e;--jrn-body:#4a4a4a;--jrn-year-meta:#0006;--jrn-divider:#00000014;--jrn-progress-track:#00000014;--jrn-tag-color:#4a4a4a;--jrn-tag-bg:#0000000a;--jrn-tag-border:#0000001a;--jrn-icon-bg:#0000000a;--jrn-icon-border:#0000000f;--jrn-progress-grad:linear-gradient(to bottom, #c8a97ee6 0%, #c8a97e33 100%);--jrn-progress-glow:#c8a97e66;--edu-card-bg:#ffffffb3;--edu-card-border:#00000014;--edu-accent-line:#c8a97e66;--edu-badge-bg:#0000000a;--edu-badge-border:#0000000f;--edu-badge-color:#4a4a4a;--edu-badge-icon:#0000004d;--edu-divider:#00000026;--edu-tab-bg:#0000001f;--edu-tab-shadow:#0000000d;--edu-tab-text:#1e1e1e;--contact-ft-border:#0000000f;--contact-card-bg:#ffffffa6;--contact-card-border:#00000014;--contact-icon-bg:#0000000a;--contact-icon-border:#00000014;--contact-arrow:#00000040;--contact-avatar-border:#0000001f;--back-top-bg:#0000000d;--back-top-border:#0000001a;--contact-atm:radial-gradient(ellipse at bottom, #c8a97e14 0%, transparent 70%);--contact-marquee-stroke:#00000026;--contact-footer-border:#0000000f;--modal-overlay-bg:#f0ebe4e0;--modal-card-bg:#fff;--modal-meta-color:#0006;--modal-tag-bg:#0000000a;--modal-tag-border:#00000014;--modal-close-bg:#0000000f;--modal-close-border:#0000001a;--modal-close-color:#1e1e1e;--work-row-stack-bg:#00000008;--work-row-stack-bg-hov:#00000012;--work-row-arrow-color:#f8f6f2;--work-link-hover-border:#0006;--work-preview-border:#00000017;--card-shadow:0 20px 50px #00000014;--card-shadow-hover:0 20px 50px #0000001f}[data-theme=light] body{background:var(--bg-primary)}[data-theme=light] .hero-fade-bottom{display:none}[data-theme=light] .content{background-color:#f8f6f2;background-image:url(/images/white_fog.png);box-shadow:0 -30px 60px 5px #0000001f}[data-theme=light] .content:before{background:#f8f6f280}[data-theme=light] .content:after{background:linear-gradient(#0000000f 0%,#0000 100%)}[data-theme=light] ::-webkit-scrollbar-track{background:#f8f6f2}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c8c0b0;border-color:#f8f6f2}[data-theme=light] ::selection{background:var(--accent);color:#fff}[data-theme=light] .expandable-tabs-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffa6;border:1px solid #0000001a;box-shadow:0 4px 20px #00000014}[data-theme=light] .tab-inactive{color:var(--text-secondary)}[data-theme=light] .tab-inactive:hover{color:var(--text-primary);background:#0000000d}[data-theme=light] .tab-active{color:var(--text-primary);background:#0000000f}[data-theme=light] .tab-separator{background:#0000001a}[data-theme=light] .nav-ind:hover svg{stroke:var(--accent)}[data-theme=light] .contact-card:hover{box-shadow:var(--glow-accent), 0 30px 60px #00000014!important;background:#ffffffd9!important;border-color:#c8a97e59!important}[data-theme=light] .back-to-top:hover{color:#f8f6f2!important;background:#1e1e1e!important}
