:root{--contrib-level-3:var(--brand-green);--contrib-level-4:var(--accent-mint);--photo-print-bg:#ddd9d3;--photo-print-text:#2a2520}:root,:root[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-white:#fff;--bg-panel:#111;--bg-elevated:#1a1a1a;--bg-code:#0d0d0d;--text-primary:#fff;--text-secondary:#8f8f8f;--text-on-inverse:#0a0a0a;--stroke-light:#8f8f8f33;--border:var(--stroke-light);--fg:#fff;--fg-a75:#ffffffbf;--fg-a70:#ffffffb3;--fg-a50:#ffffff80;--fg-a40:#fff6;--fg-a35:#ffffff59;--fg-a30:#ffffff4d;--fg-a28:#ffffff47;--fg-a25:#ffffff40;--fg-a20:#fff3;--fg-a18:#ffffff2e;--fg-a14:#ffffff24;--fg-a12:#ffffff1f;--fg-a10:#ffffff1a;--fg-a09:#ffffff17;--fg-a08:#ffffff14;--fg-a07:#ffffff12;--fg-a06:#ffffff0f;--fg-a05:#ffffff0d;--fg-a04:#ffffff0a;--fg-a02:#ffffff05;--shadow-soft:#00000059;--brand-green:#1d9e75;--accent-green:#21d0a1;--accent-green-dk:#1d9e75;--accent-green-light:#21d0a11f;--accent-green-a08:#21d0a114;--accent-green-a40:#21d0a166;--accent-green-a22:#21d0a138;--accent-green-a18:#21d0a12e;--accent-green-a12:var(--accent-green-light);--accent-shell-grad-start:#10342799;--accent-shell-grad-end:#0a1c16e6;--accent-purple:#a78bfa;--accent-purple-light:#a78bfa1f;--accent-purple-a25:#a78bfa40;--accent-purple-a10:#a78bfa1a;--accent-purple-a08:#a78bfa14;--accent-pink:#ec4899;--accent-pink-light:#ec48991f;--accent-pink-a04:#ec48990a;--accent-mint:#5dcaa5;--accent-orange:#fb923c;--accent-orange-light:#fb923c1f;--accent-rose:#f472b6;--project-motive-grad-start:#1a1040;--project-motive-grad-end:#2d1b69;--project-motive-accent-bg:var(--accent-purple-light);--project-motive-accent-border:var(--accent-purple-light);--project-jupiter-grad-start:#1c1010;--project-jupiter-grad-end:#3d1a1a;--project-jupiter-accent-bg:var(--accent-orange-light);--project-jupiter-accent-border:var(--accent-orange-light);--project-gojek-grad-start:#0d2318;--project-gojek-grad-end:#0a3d2b;--project-gojek-accent-bg:var(--accent-green-light);--project-gojek-accent-border:var(--accent-green-light);--contrib-level-0:#161616;--contrib-level-1:#0c1c14;--contrib-level-2:#0d2e1e;--tape-bg:#c8c8c838;--sticky-yellow-bg:#2a2400;--sticky-yellow-text:#fcd34d;--sticky-pink-bg:#1f0a14;--sticky-pink-text:#f9a8d4;--sticky-teal-bg:#0a2218;--sticky-teal-text:var(--accent-mint);--sticky-purple-bg:#1a1030;--sticky-purple-text:var(--accent-purple)}:root[data-theme=light]{--bg-primary:#fbfbf9;--bg-secondary:#f4f3f0;--bg-panel:#f4f3f0;--bg-elevated:#fff;--bg-code:#e8e5dd;--text-primary:#17170f;--text-secondary:#67665f;--border:#e3e1db;--fg:#17170f;--fg-a75:#14140ee0;--fg-a70:#14140ed1;--fg-a50:#14140ea8;--fg-a40:#14140e94;--fg-a35:#14140e8a;--fg-a30:#14140e7a;--fg-a28:#14140e75;--fg-a25:#14140e70;--fg-a20:#14140e66;--fg-a18:#14140e29;--fg-a14:#14140e21;--fg-a12:#14140e1c;--fg-a10:#14140e17;--fg-a09:#14140e14;--fg-a08:#14140e12;--fg-a07:#14140e0f;--fg-a06:#14140e0e;--fg-a05:#14140e0b;--fg-a04:#14140e0a;--fg-a02:#14140e06;--shadow-soft:#14140e1a;--brand-green:#0f8f66;--accent-green:#0d8562;--accent-green-a40:#0d856266;--accent-green-a22:#0d856238;--accent-green-a18:#0d85622e;--accent-green-a12:#0d85621f;--accent-shell-grad-start:#dff3ebbf;--accent-shell-grad-end:#f0faf6f2;--accent-purple:#6d4bd8;--accent-purple-a25:#6d4bd840;--accent-purple-a10:#6d4bd81a;--accent-purple-a08:#6d4bd814;--accent-pink:#c92a76;--accent-pink-a04:#c92a760d;--accent-mint:#1f9070;--accent-orange:#c2610c;--accent-rose:#c53f80;--bg-white:#fff;--text-on-inverse:#fbfbf9;--stroke-light:#14140e21;--accent-green-dk:#0f8f66;--accent-green-light:#0d85621f;--accent-green-a08:#0d856214;--accent-purple-light:#6d4bd81f;--accent-orange-light:#c2610c1f;--accent-pink-light:#c92a761f;--project-motive-grad-start:#ece6fd;--project-motive-grad-end:#d9ccfa;--project-motive-accent-bg:#6d4bd81a;--project-motive-accent-border:#6d4bd83d;--project-gojek-grad-start:#e2f4ec;--project-gojek-grad-end:#c8e9da;--project-gojek-accent-bg:#0d85621a;--project-gojek-accent-border:#0d85623d;--project-jupiter-grad-start:#fdeade;--project-jupiter-grad-end:#f9d9c2;--project-jupiter-accent-bg:#c2610c1a;--project-jupiter-accent-border:#c2610c3d;--contrib-level-0:#eceae4;--contrib-level-1:#cfe9dc;--contrib-level-2:#93d3b6;--tape-bg:#7876692e;--sticky-yellow-bg:#fdf4d0;--sticky-yellow-text:#75590a;--sticky-pink-bg:#fce6ef;--sticky-pink-text:#9c1a5b;--sticky-teal-bg:#d8f1e6;--sticky-teal-text:#0d6a4f;--sticky-purple-bg:#eae2fc;--sticky-purple-text:#5431bd}@font-face{font-family:OpenSauceOne;src:url(/fonts/OpenSauceOne-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:OpenSauceOne;src:url(/fonts/OpenSauceOne-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenSauceOne;src:url(/fonts/OpenSauceOne-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:OpenSauceOne;src:url(/fonts/OpenSauceOne-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:OpenSauceOne;src:url(/fonts/OpenSauceOne-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono%5Bwght%5D.ttf)format("truetype");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-Italic%5Bwght%5D.ttf)format("truetype");font-weight:100 800;font-style:italic;font-display:swap}@font-face{font-family:AwesomeSerif;src:url(/fonts/AwesomeSerif-BoldTall.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:BasisGrotesqueArabicPro;src:url(/fonts/BasisGrotesqueArabicPro-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:BasisGrotesqueArabicPro;src:url(/fonts/BasisGrotesqueArabicPro-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--font-family-sans:"OpenSauceOne", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-title:"BasisGrotesqueArabicPro", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-serif:"AwesomeSerif", Georgia, serif;--font-family-mono:"JetBrainsMono", "Monaco", "Menlo", monospace;--font-family-hand:"Caveat", cursive;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-body:15px;--fs-base:16px;--fs-xl:20px;--fs-lg:24px;--fs-heading-sm:28px;--fs-2xl:32px;--fs-heading-md:40px;--fs-heading-fluid:42px;--fs-3xl:48px;--fs-page:56px;--fs-hero:64px;--type-title-family:var(--font-family-sans);--type-title-size:var(--fs-base);--type-title-weight:500;--type-title-line:1.3;--type-title-tracking:-.2px;--type-h1-family:var(--font-family-title);--type-h1-size:var(--fs-hero);--type-h1-weight:700;--type-h1-line:1.125;--type-h1-tracking:-1.8px;--type-title-page-family:var(--font-family-title);--type-title-page-size:var(--fs-page);--type-title-page-weight:700;--type-title-page-line:1.1429;--type-title-page-tracking:-1.8px;--type-heading-family:var(--font-family-serif);--type-heading-size:var(--fs-2xl);--type-heading-weight:700;--type-heading-line:1.25;--type-heading-tracking:.9px;--type-heading-lg-family:var(--font-family-serif);--type-heading-lg-size:var(--fs-3xl);--type-heading-lg-weight:700;--type-heading-lg-line:1.1667;--type-heading-lg-tracking:.9px;--type-heading-md-family:var(--font-family-serif);--type-heading-md-size:var(--fs-heading-md);--type-heading-md-weight:700;--type-heading-md-line:1.2;--type-heading-md-tracking:.9px;--type-heading-fluid-family:var(--font-family-serif);--type-heading-fluid-size:var(--fs-heading-fluid);--type-heading-fluid-weight:700;--type-heading-fluid-line:1.2;--type-heading-fluid-tracking:.9px;--type-heading-sm-family:var(--font-family-serif);--type-heading-sm-size:var(--fs-heading-sm);--type-heading-sm-weight:700;--type-heading-sm-line:1.2;--type-heading-sm-tracking:.9px;--type-body-family:var(--font-family-sans);--type-body-size:var(--fs-base);--type-body-weight:400;--type-body-line:1.5;--type-body-lg-family:var(--font-family-sans);--type-body-lg-size:var(--fs-lg);--type-body-lg-weight:400;--type-body-lg-line:1.3333;--type-body-md-family:var(--font-family-sans);--type-body-md-size:var(--fs-xl);--type-body-md-weight:400;--type-body-md-line:1.4;--type-label-family:var(--font-family-title);--type-label-size:var(--fs-base);--type-label-weight:500;--type-label-line:1.5;--type-label-tracking:0;--type-button-family:var(--font-family-title);--type-button-size:var(--fs-base);--type-button-weight:500;--type-button-line:1.5;--type-button-tracking:0;--type-utility-lg-family:var(--font-family-mono);--type-utility-lg-size:var(--fs-lg);--type-utility-lg-weight:700;--type-utility-lg-line:1.3333;--type-utility-lg-tracking:1.44px;--type-utility-md-family:var(--font-family-mono);--type-utility-md-size:var(--fs-base);--type-utility-md-weight:500;--type-utility-md-line:1.5;--type-utility-md-tracking:.84px;--type-utility-sm-family:var(--font-family-mono);--type-utility-sm-size:var(--fs-xs);--type-utility-sm-weight:500;--type-utility-sm-line:1.3333;--type-utility-sm-tracking:.84px;--type-caption-family:var(--font-family-sans);--type-caption-size:var(--fs-sm);--type-caption-weight:400;--type-caption-line:1.45;--type-meta-family:var(--font-family-sans);--type-meta-size:var(--fs-xs);--type-meta-weight:400;--type-meta-line:1.4;--type-small-family:var(--font-family-sans);--type-small-size:var(--fs-2xs);--type-small-weight:400;--type-small-line:1.4;--type-code-family:var(--font-family-mono);--type-code-size:var(--fs-xs);--type-code-weight:400;--type-code-line:1.8;font-family:var(--font-family-sans);font-synthesis:none;text-rendering:optimizelegibility;--space-base:4px;--space-x:4px;--space-2x:8px;--space-3x:12px;--space-4x:16px;--space-5x:20px;--space-6x:24px;--space-7x:28px;--space-8x:32px;--space-9x:36px;--space-10x:40px;--space-11x:44px;--space-12x:48px;--space-13x:52px;--space-14x:56px;--space-15x:60px;--space-16x:64px;--space-17x:68px;--space-18x:72px;--space-20x:80px;--space-22x:88px;--space-24x:96px;--space-26x:104px;--space-28x:112px;--space-30x:120px;--space-31x:124px;--space-32x:128px;--space-33x:132px;--space-35x:140px;--space-37x:148px;--space-40x:160px;--space-42x:168px;--space-45x:180px;--space-50x:200px;--space-55x:220px;--space-59x:236px;--space-60x:240px;--space-63x:252px;--space-70x:280px;--space-75x:300px;--space-76x:304px;--space-90x:360px;--space-100x:400px;--space-105x:420px;--space-115x:460px;--space-117x:468px;--space-130x:520px;--space-140x:560px;--space-145x:580px;--space-170x:680px;--space-190x:760px;--space-215x:860px;--space-270x:1080px;--space-330x:1320px;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-sans);line-height:var(--type-body-line);overflow:hidden}#root{flex-direction:column;width:100%;height:100vh;display:flex}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.portfolio-container{background:var(--bg-primary);flex-direction:row;height:100vh;min-height:100dvh;display:flex;overflow:hidden}.portfolio-left{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content{flex:1;display:flex;overflow:hidden}.main-content.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.canvas{padding-top:var(--space-16x);scrollbar-color:transparent transparent;scrollbar-gutter:stable;flex:1;transition:scrollbar-color .18s;position:relative;overflow:hidden auto}.canvas.is-scrolling{scrollbar-color:var(--fg-a20) transparent}.canvas::-webkit-scrollbar{width:10px}.canvas::-webkit-scrollbar-track{background:0 0}.canvas::-webkit-scrollbar-thumb{background:padding-box content-box;border:3px solid #0000;border-radius:999px}.canvas.is-scrolling::-webkit-scrollbar-thumb{background:var(--fg-a20);background-clip:content-box}.canvas.inspect-active{cursor:crosshair}.canvas-body{width:100%;max-width:1320px;padding:0 var(--space-18x);margin:0 auto}.work-page{gap:var(--space-32x);flex-direction:column;display:flex}@media (width<=1200px){.canvas{scrollbar-gutter:auto;scrollbar-width:none}.canvas::-webkit-scrollbar{width:0}.canvas-body{padding:0 var(--space-12x)}}@media (width<=900px){.canvas{padding-top:var(--space-12x)}.canvas-body{padding:0 var(--space-6x)}}@media (width<=640px){.canvas-body{padding:0 var(--space-4x)}}.topbar{padding:0 var(--space-4x);box-sizing:border-box;background:var(--bg-primary);z-index:100;border-bottom:.5px solid #0000;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;transition:border-color .18s;display:flex}.topbar.is-scrolled{border-bottom-color:var(--fg-a07)}.topbar-left{align-items:stretch;gap:var(--space-8x);height:100%;display:flex;position:relative}.topbar-brand{align-items:center;gap:var(--space-2x);min-width:max-content;color:inherit;text-decoration:none;display:inline-flex}.topbar-avatar{border:.5px solid var(--fg-a14);object-fit:cover;object-position:center;opacity:1;visibility:visible;border-radius:50%;width:24px;height:24px;transition:opacity .2s,transform .2s,visibility .2s;display:block;transform:scale(1)}.topbar-avatar.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.82)}.portfolio-name{font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-line);letter-spacing:var(--type-title-tracking);color:var(--fg);white-space:nowrap;opacity:1;visibility:visible;transition:opacity .2s,visibility .2s}.portfolio-name.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.nav-links{gap:var(--space-x);align-items:stretch;height:100%;display:flex}.nav-links a{font-family:var(--type-label-family);font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:var(--type-button-line);letter-spacing:var(--type-button-tracking);color:var(--text-secondary);border-radius:0;align-items:center;height:100%;padding:0 12px;text-decoration:none;transition:color .15s,background .15s;display:inline-flex;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a.active:after{content:"";background:var(--accent-green);border-radius:999px;height:2px;position:absolute;bottom:-.5px;left:12px;right:12px}.resume-nav-link{align-items:center;gap:var(--space-2x);display:inline-flex}.topbar-actions{align-items:center;gap:var(--space-4x);display:flex}.resume-arrow{color:var(--fg-a50);align-items:center;display:inline-flex}.resume-nav-link:hover .resume-arrow,.mobile-menu a:hover .resume-arrow{color:var(--fg-a70)}.hamburger-button,.mobile-menu{display:none}.mobile-topbar-controls{display:contents}.edit-button.mobile-terminal-button{display:none}.hamburger-button{border:.5px solid var(--stroke-light);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0}.hamburger-button span{background:currentColor;border-radius:999px;width:16px;height:2px;display:block}.edit-button{background:var(--bg-secondary);border:.5px solid var(--stroke-light);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.edit-button:hover{background:var(--fg-a09);color:var(--text-primary)}.edit-button.active{background:var(--accent-green-light);color:var(--accent-green);border-color:var(--accent-green-light)}@media (width<=900px){.topbar{height:56px;padding:0 var(--space-4x)}.topbar-left{gap:var(--space-4x);flex:1;justify-content:space-between;align-items:center;min-width:0}.nav-links a{padding:0 var(--space-2x)}.topbar-actions{margin-left:auto}}@media (width>=521px) and (width<=900px){.topbar-actions{margin-left:var(--space-3x)}}@media (width<=640px){.topbar-brand{gap:var(--space-2x);width:auto;height:32px}.portfolio-name{display:block}.topbar-avatar{width:32px;height:32px}.nav-links a{padding:0 var(--space-2x);font-size:var(--type-body-size)}}@media (width<=520px){.topbar{height:48px;padding:var(--space-2x) var(--space-3x)}.topbar-avatar{width:32px;height:32px}.topbar-left{gap:var(--space-2x)}.nav-links{display:none}.mobile-topbar-controls{align-items:center;gap:var(--space-2x);display:inline-flex}.edit-button.mobile-terminal-button{width:32px;height:32px;padding:0;display:inline-flex}.desktop-terminal-button{display:none}.hamburger-button{width:32px;height:32px;display:inline-flex}.topbar-actions{display:none}.mobile-menu{width:min(200px,100vw - 24px);padding:var(--space-2x);border:.5px solid var(--stroke-light);background:var(--bg-secondary);z-index:120;gap:var(--space-x);border-radius:8px;flex-direction:column;position:absolute;top:calc(100% + 8px);right:0}.mobile-menu.open{display:flex}.mobile-menu a{font-family:var(--type-label-family);font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:var(--type-button-line);color:var(--text-secondary);padding:var(--space-2x) var(--space-3x);align-items:center;gap:var(--space-2x);border-radius:8px;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.mobile-menu a.active{color:var(--text-primary);background:var(--fg-a08)}.mobile-menu a:hover{color:var(--fg-a70)}}.theme-toggle svg{display:block}.theme-toggle.mobile-theme-toggle{display:none}@media (width<=520px){.theme-toggle.mobile-theme-toggle{width:32px;height:32px;padding:0;display:inline-flex}.theme-toggle.desktop-theme-toggle{display:none}}.hero-section{flex-direction:column;align-items:center;display:flex}.hero-profile{width:160px;height:160px;margin-bottom:var(--space-8x);border:.5px solid var(--fg-a07);border-radius:50%;flex-shrink:0;overflow:hidden}.profile-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-eyebrow{font-family:var(--type-utility-lg-family);font-size:var(--type-utility-lg-size);font-weight:var(--type-utility-lg-weight);line-height:var(--type-utility-lg-line);letter-spacing:var(--type-utility-lg-tracking);text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-4x);text-align:center}.hero-badge{justify-content:center;align-items:center;gap:var(--space-2x);font-family:var(--type-utility-md-family);font-size:var(--type-utility-md-size);font-weight:var(--type-utility-md-weight);line-height:var(--type-utility-md-line);letter-spacing:var(--type-utility-md-tracking);text-transform:uppercase;color:var(--text-secondary);margin-top:var(--space-4x);display:flex}.hero-badge-items{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.hero-badge-item{white-space:nowrap;align-items:center;display:inline-flex}.hero-badge-split-group{align-items:center;display:inline-flex}.hero-badge-item--mobile{display:none}.hero-badge-separator{margin:0 var(--space-2x);color:var(--fg-a25)}.g-dot{width:var(--space-2x);height:var(--space-2x);background:var(--brand-green);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero-headline{font-family:var(--type-h1-family);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-line);letter-spacing:var(--type-h1-tracking);margin-bottom:var(--space-4x);text-align:center;max-width:880px}.accent{font-family:var(--type-code-family);color:var(--accent-green)}.typing-cursor{background:var(--accent-green);vertical-align:middle;border-radius:1px;width:4px;height:.8em;margin-left:4px;animation:.75s step-end infinite blink;display:inline-block;transform:translateY(-.08em)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-subline{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-line);color:var(--text-secondary);text-align:center;max-width:880px}@media (width<=1200px){.hero-headline{font-size:clamp(42px,6.5vw,56px)}.hero-subline{font-size:20px}}@media (width<=900px){.hero-profile{width:132px;height:132px;margin-bottom:var(--space-6x)}.hero-eyebrow{font-size:var(--type-utility-md-size);line-height:var(--type-utility-md-line);letter-spacing:var(--type-utility-md-tracking);margin-bottom:var(--space-4x)}.hero-headline{margin-bottom:var(--space-4x);font-size:clamp(34px,9vw,46px)}.hero-subline{font-size:var(--type-body-size);line-height:var(--type-body-line)}.hero-badge{font-size:var(--type-utility-sm-size);line-height:var(--type-utility-sm-line);letter-spacing:var(--type-utility-sm-tracking);margin-top:var(--space-4x);align-items:center}.hero-badge .g-dot{display:none}.hero-badge-items{gap:var(--space-2x);max-width:320px}.hero-badge-item{padding:var(--space-x) var(--space-2x);border:.5px solid var(--fg-a10);background:var(--fg-a05);border-radius:999px}.hero-badge-split-group{display:contents}.hero-badge-item--desktop{display:none}.hero-badge-item--mobile{display:inline-flex}.hero-badge-separator{display:none}}@media (width<=640px){.hero-headline{font-size:clamp(30px,10.5vw,40px)}.hero-badge{font-size:var(--type-utility-sm-size)}.hero-badge-item{padding:var(--space-x) var(--space-2x)}.hero-badge-items{gap:var(--space-2x);flex-wrap:wrap;max-width:100%}}@media (width<=375px){.hero-profile{width:116px;height:116px}.hero-eyebrow{font-size:var(--type-utility-sm-size);margin-bottom:var(--space-2x)}.hero-headline{letter-spacing:-1px;font-size:32px;line-height:1.12}.hero-subline{font-size:var(--type-body-size)}.hero-badge{font-size:var(--type-utility-sm-size);margin-top:var(--space-4x)}.hero-badge-items{justify-content:center;gap:var(--space-x);flex-wrap:wrap;max-width:260px}.hero-badge-item{padding:var(--space-x) var(--space-2x)}}.project-card{align-items:stretch;gap:var(--space-8x);padding:var(--space-10x);cursor:pointer;color:inherit;border:.5px solid;border-radius:16px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.project-card:hover{box-shadow:0 20px 40px var(--shadow-soft);transform:translateY(-4px)}.project-card:focus-visible{outline:1px solid var(--fg-a30);outline-offset:2px}.project-content{flex:1;min-width:0}.project-company-row{margin-bottom:var(--space-8x);align-items:center;gap:0;display:flex}.project-company-mark{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line);text-transform:uppercase;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.project-company-logo{object-fit:contain;opacity:.6;width:auto;height:24px;transition:opacity .2s;display:block}.project-card:hover .project-company-logo{opacity:1}.project-title{font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);letter-spacing:var(--type-heading-tracking);margin-bottom:var(--space-4x);line-height:var(--type-heading-line);max-width:520px}.project-description{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);color:var(--fg-a40);margin-bottom:var(--space-8x);max-width:560px}.project-labels{margin-bottom:var(--space-8x);flex-direction:column;gap:16px;display:flex}.project-label-block{gap:var(--space-2x);flex-direction:column;display:flex}.project-label{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);color:var(--fg-a35)}.project-value{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);color:var(--text-primary)}.project-view-button{min-width:96px;height:48px;padding:0 var(--space-4x);justify-content:center;align-items:center;gap:var(--space-2x);font-family:var(--type-button-family);font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:var(--type-button-line);letter-spacing:var(--type-button-tracking);cursor:pointer;border:.5px solid;border-radius:8px;text-decoration:none;transition:opacity .15s;display:inline-flex}.project-view-arrow{opacity:.7;align-items:center;transition:opacity .15s;display:inline-flex}.project-view-button:hover{opacity:.85}.project-view-button:hover .project-view-arrow{opacity:1}.project-image{width:52%;min-width:0;max-width:552px;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:600;line-height:var(--type-body-line);color:var(--fg-a25);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;border-radius:0;flex-shrink:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.project-image-asset{border-radius:12px;width:100%;height:auto;display:block}@media (width<=1200px){.project-card{padding:var(--space-8x);flex-direction:column;align-items:stretch}.project-image{align-self:center;width:100%;min-width:0}.project-title{font-size:var(--type-heading-sm-size);line-height:var(--type-heading-sm-line)}}@media (width<=720px){.project-card{padding:var(--space-6x)}}@media (width<=375px){.project-card{padding:var(--space-5x);gap:var(--space-5x);border-radius:16px}.project-company-row{margin-bottom:var(--space-4x)}.project-title{margin-bottom:var(--space-3x);font-size:28px}.project-description{font-size:var(--type-body-size);margin-bottom:var(--space-5x)}.project-labels{gap:var(--space-3x);margin-bottom:var(--space-5x)}.project-view-button{text-align:center;width:100%}}:root[data-theme=light] .project-company-logo{filter:invert()}.projects-section{gap:var(--space-8x);flex-direction:column;padding:0;display:flex}.projects-heading{font-family:var(--type-utility-lg-family);font-size:var(--type-utility-lg-size);font-weight:var(--type-utility-lg-weight);line-height:var(--type-utility-lg-line);letter-spacing:var(--type-utility-lg-tracking);text-transform:uppercase;color:var(--text-secondary);text-align:center;padding:var(--space-4x) 0;margin:0}.projects-section>.project-card+.project-card{margin-top:0}@media (width<=900px){.projects-section{gap:var(--space-6x)}.projects-heading{padding:var(--space-3x) 0;font-size:var(--type-utility-md-size);line-height:var(--type-utility-md-line);letter-spacing:var(--type-utility-md-tracking)}.projects-section>.project-card+.project-card{margin-top:0}}.inspect-panel-wrapper{flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.inspect-panel-wrapper.resizing{transition:none}.inspect-panel{--inspect-title-family:var(--type-label-family);--inspect-title-size:var(--type-label-size);--inspect-title-weight:var(--type-label-weight);--inspect-title-line:var(--type-label-line);--inspect-control-family:var(--type-caption-family);--inspect-control-size:var(--type-caption-size);--inspect-control-weight:var(--type-label-weight);--inspect-control-line:var(--type-caption-line);--inspect-field-family:var(--type-caption-family);--inspect-field-size:var(--type-label-size);--inspect-field-weight:var(--type-label-weight);--inspect-field-line:var(--type-caption-line);--inspect-field-color:var(--fg);--inspect-label-family:var(--type-small-family);--inspect-label-size:var(--type-small-size);--inspect-label-weight:var(--type-label-weight);--inspect-label-line:var(--type-small-line);background:var(--bg-panel);border-left:.5px solid var(--fg-a07);height:100%;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);flex-direction:column;display:flex;position:relative;overflow:hidden}.inspect-panel-resize-handle{cursor:col-resize;z-index:2;background:0 0;border:none;width:10px;height:100%;margin-left:-5px;padding:0;position:absolute;top:0;left:0}.inspect-panel-resize-handle:after{content:"";background:var(--fg-a08);border-radius:999px;width:2px;height:36px;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inspect-panel-resize-handle:hover:after,.inspect-panel-resize-handle:focus-visible:after{background:var(--accent-green-a40)}.panel-head{border-bottom:.5px solid var(--fg-a06);padding:0 14px}.panel-title-row{font-size:var(--type-label-size);font-weight:var(--type-label-weight);color:var(--fg);justify-content:space-between;align-items:center;height:56px;display:flex}.panel-ver{font-family:var(--type-meta-family);font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);line-height:var(--type-meta-line);color:var(--fg-a25);background:var(--fg-a06);border-radius:4px;padding:3px 8px}.panel-tabs{display:flex}.tab{font-size:var(--type-label-size);font-weight:var(--type-small-weight);line-height:var(--type-label-line);color:var(--fg-a28);cursor:pointer;background:0 0;border:none;border-bottom:1.5px solid #0000;padding:9px 14px;font-family:inherit;transition:color .15s}.tab.active{color:var(--fg);border-bottom-color:var(--accent-green)}.tab:hover{color:var(--fg-a70)}.inspect-status-banner{border:.5px solid var(--accent-green-a22);background:var(--accent-green-a08);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:12px 12px 0;padding:10px 12px;display:flex}.inspect-status-banner>div{gap:2px;min-width:0;display:grid}.inspect-status-kicker{font-family:var(--inspect-label-family);font-size:var(--inspect-label-size);font-weight:var(--inspect-label-weight);line-height:var(--inspect-label-line);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-a25)}.inspect-status-target{min-width:0;color:var(--fg);font-family:var(--type-code-family);font-size:var(--type-code-size);font-weight:var(--type-code-weight);line-height:var(--type-code-line);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspect-status-action{border:.5px solid var(--fg-a14);background:var(--fg-a06);height:30px;color:var(--fg-a70);font-family:var(--inspect-control-family);font-size:var(--inspect-control-size);font-weight:var(--inspect-control-weight);line-height:var(--inspect-control-line);cursor:pointer;border-radius:7px;flex-shrink:0;padding:0 10px;transition:background .15s,border-color .15s,color .15s}.inspect-status-action:hover{border-color:var(--fg-a18);background:var(--fg-a09);color:var(--fg)}.edit-tab{flex:1;padding:14px 12px;overflow-y:auto}.ps{margin-bottom:14px}.layout-card{background:var(--bg-elevated);border:.5px solid var(--fg-a06);border-radius:8px;margin-bottom:14px;padding:10px}.inspector-card{background:var(--bg-elevated);border:.5px solid var(--fg-a06);border-radius:10px;margin-bottom:14px;padding:12px}.type-preview{border:.5px solid var(--fg-a06);background:color-mix(in srgb, var(--bg-code) 76%, transparent);min-height:104px;font-size:var(--type-body-size);font-weight:var(--type-heading-weight);line-height:var(--inspect-field-line);letter-spacing:-.03em;color:var(--inspect-field-color);white-space:pre-wrap;border-radius:10px;margin-bottom:12px;padding:16px;overflow:hidden}.type-toolbar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.segmented-row,.mode-switch{border:.5px solid var(--fg-a08);background:color-mix(in srgb, var(--bg-code) 82%, transparent);border-radius:9px;padding:2px;display:grid}.segmented-row{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-btn,.mode-pill{height:44px;color:var(--fg-a30);font-family:var(--inspect-control-family);font-size:var(--inspect-control-size);font-weight:var(--inspect-control-weight);line-height:var(--inspect-control-line);text-align:center;background:0 0;border-radius:7px;justify-content:center;align-items:center;display:flex}.segmented-btn{border:none}.segmented-btn.active,.mode-pill.active{color:var(--fg);background:color-mix(in srgb, var(--fg) 7%, transparent)}.select-field-wrap{margin-bottom:12px}.field-caption{font-family:var(--inspect-label-family);font-size:var(--inspect-label-size);font-weight:var(--inspect-label-weight);line-height:var(--inspect-label-line);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-a20);margin-bottom:8px}.select-field{border:.5px solid var(--fg-a08);background:color-mix(in srgb, var(--bg-code) 76%, transparent);min-height:46px;font-family:var(--inspect-field-family);font-size:var(--inspect-field-size);font-weight:var(--inspect-field-weight);line-height:var(--inspect-field-line);color:var(--inspect-field-color);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 16px;display:flex;position:relative}.select-chevron{color:var(--fg-a30);justify-content:center;align-items:center;display:inline-flex}.select-chevron-icon{width:12px;height:12px;display:block}.inline-metrics-grid,.appearance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.typography-card .inline-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-metric{border:.5px solid var(--fg-a08);background:color-mix(in srgb, var(--bg-code) 76%, transparent);border-radius:10px;align-items:center;gap:8px;min-height:56px;padding:12px 14px;display:flex}.inline-metric-icon{font-family:var(--inspect-label-family);font-size:var(--inspect-label-size);font-weight:var(--inspect-label-weight);line-height:var(--inspect-label-line);text-transform:uppercase;color:var(--fg-a25)}.inline-metric-value{font-family:var(--inspect-field-family);font-size:var(--inspect-field-size);font-weight:var(--inspect-field-weight);line-height:var(--inspect-field-line);color:var(--inspect-field-color)}.inline-metric-suffix{color:var(--inspect-field-color);font-family:var(--inspect-field-family);font-size:var(--inspect-field-size);font-weight:var(--inspect-field-weight);line-height:var(--inspect-field-line);margin-left:auto}.fill-block{padding-top:12px}.fill-header-row{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.mode-switch.compact{margin-bottom:8px}.color-field{border:.5px solid var(--fg-a08);background:color-mix(in srgb, var(--bg-code) 76%, transparent);border-radius:10px;align-items:center;gap:12px;min-height:54px;padding:0 16px;display:flex}.color-chip{border:1px solid var(--fg-a12);border-radius:999px;flex-shrink:0;width:24px;height:24px;position:relative}.gradient-chip{border-radius:8px}.color-value{font-family:var(--inspect-field-family);font-size:var(--inspect-field-size);font-weight:var(--inspect-field-weight);line-height:var(--inspect-field-line);color:var(--inspect-field-color)}.color-opacity{font-family:var(--inspect-field-family);font-size:var(--inspect-field-size);font-weight:var(--inspect-field-weight);line-height:var(--inspect-field-line);color:var(--inspect-field-color);margin-left:auto}.surface-field{justify-content:flex-start}.layout-section-title,.layout-subsection-title{font-family:var(--inspect-label-family);font-size:var(--inspect-label-size);font-weight:var(--inspect-label-weight);line-height:var(--inspect-label-line);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-a20)}.layout-section-title{margin-bottom:8px}.layout-subsection-title{margin:12px 0 8px}.position-xy-grid,.position-wh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:6px;display:grid}.position-wh-grid{margin-bottom:12px}.metric-field{border:.5px solid var(--fg-a08);background:color-mix(in srgb, var(--bg-code) 78%, transparent);border-radius:6px;justify-content:space-between;align-items:center;gap:6px;min-height:38px;padding:7px 8px;display:flex}.metric-label{font-family:var(--inspect-label-family);font-size:var(--inspect-label-size);font-weight:var(--inspect-label-weight);line-height:var(--inspect-label-line);text-transform:uppercase;color:var(--fg-a25)}.metric-value{font-family:var(--inspect-field-family);font-size:var(--inspect-field-size);font-weight:var(--inspect-field-weight);line-height:var(--inspect-field-line);color:var(--inspect-field-color)}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.mode-pill{font-family:var(--inspect-control-family);font-size:var(--inspect-control-size);font-weight:var(--inspect-control-weight);line-height:var(--inspect-control-line);color:var(--fg-a30);padding:0 8px}.box-quad{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.ps-label{font-family:var(--inspect-label-family);font-size:var(--inspect-label-size);font-weight:var(--inspect-label-weight);line-height:var(--inspect-label-line);letter-spacing:.07em;text-transform:uppercase;color:var(--fg-a20);margin-bottom:6px}.pb{background:var(--bg-elevated);border:.5px solid var(--fg-a06);border-radius:5px;overflow:hidden}.pr{justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.pk{font-family:var(--type-caption-family);font-size:var(--type-meta-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line);color:var(--fg-a25)}.pv{font-size:var(--type-caption-size);color:var(--fg-a75);font-family:var(--type-caption-family);font-weight:var(--type-label-weight);line-height:var(--type-caption-line);align-items:center;gap:4px;display:flex}.swatch{border:.5px solid var(--fg-a12);border-radius:2px;flex-shrink:0;width:9px;height:9px;display:inline-block}.inspect-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:32px 20px;display:flex}.inspect-empty-icon-shell{background:linear-gradient(180deg, var(--accent-shell-grad-start), var(--accent-shell-grad-end));border:.5px solid var(--accent-green-a22);width:64px;height:64px;box-shadow:inset 0 1px 0 var(--fg-a04);border-radius:18px;justify-content:center;align-items:center;display:flex}.inspect-empty-icon{width:24px;height:24px;color:var(--accent-green);display:block}.inspect-empty p{max-width:280px;font-size:var(--type-body-size);font-weight:var(--type-label-weight);color:var(--fg-a18);line-height:var(--type-body-line);letter-spacing:-.02em}.inspect-empty-action{border:.5px solid var(--fg-a14);background:var(--fg-a05);min-width:136px;height:36px;color:var(--fg-a70);font-family:var(--type-label-family);font-size:var(--type-body-size);font-weight:var(--type-label-weight);line-height:var(--type-body-line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.inspect-empty-action:hover{border-color:var(--fg-a18);background:var(--fg-a09);color:var(--fg)}.code-tab{flex-direction:column;flex:1;display:flex;overflow:hidden}.code-file-header{border-bottom:.5px solid var(--fg-a06);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.code-filename{font-size:var(--type-code-size);font-family:var(--type-code-family);font-weight:var(--type-code-weight);line-height:var(--type-code-line);color:var(--fg-a40)}.copy-btn{font-size:var(--type-small-size);background:var(--fg-a06);border:.5px solid var(--fg-a10);color:var(--fg-a50);cursor:pointer;border-radius:4px;padding:3px 10px;font-family:inherit;transition:color .15s,background .15s}.copy-btn:hover{color:var(--fg);background:var(--fg-a10)}.code-viewer{background:var(--bg-code);flex:1;padding:12px;overflow:auto}.code-viewer pre{margin:0}.code-viewer code{font-family:var(--type-code-family);font-size:var(--type-code-size);font-weight:var(--type-code-weight);line-height:var(--type-code-line);white-space:pre}@media (width<=640px){.type-toolbar-grid,.inline-metrics-grid,.appearance-grid,.fill-header-row{grid-template-columns:1fr;display:grid}.mode-switch.compact{width:100%}}.inspect-input{appearance:none;background:0 0;border:none;outline:none;flex:1;min-width:0;margin:0;padding:0}.metric-field .inspect-input{text-align:right}.select-native-overlay{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-chip-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.segmented-btn,.mode-pill[role=button]{cursor:pointer}.type-preview[contenteditable=true]{cursor:text}.token.keyword{color:var(--accent-purple)}.token.function{color:var(--accent-mint)}.token.string{color:var(--accent-orange)}.token.comment{color:var(--fg-a20);font-style:italic}.token.number{color:var(--accent-rose)}.token.operator{color:var(--fg-a50)}.token.punctuation{color:var(--fg-a30)}.token.class-name{color:var(--accent-mint)}.token.tag{color:var(--accent-purple)}.token.attr-name{color:var(--accent-mint)}.token.attr-value{color:var(--accent-orange)}.el-tag{font-size:var(--type-code-size);font-family:var(--type-code-family);background:var(--brand-green);color:var(--fg);pointer-events:none;z-index:999;white-space:nowrap;border-radius:3px;padding:2px 6px;position:fixed}.terminal-shell{flex-shrink:0;transition:height .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.terminal-shell.resizing{transition:none}.terminal{background:var(--bg-code);border-top:.5px solid var(--fg-a10);height:100%;font-family:var(--type-code-family);flex-direction:column;font-size:13px;line-height:1.6;display:flex;position:relative;overflow:hidden}.terminal-resize-handle{cursor:row-resize;z-index:10;height:4px;position:absolute;top:0;left:0;right:0}.terminal-resize-handle:hover,.terminal-resize-handle.is-resizing{background:var(--fg-a08)}.terminal-titlebar{border-bottom:.5px solid var(--fg-a08);flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 16px;display:flex}.terminal-title{font-family:var(--type-code-family);color:var(--fg-a40);letter-spacing:.04em;text-transform:lowercase;font-size:11px;font-weight:500}.terminal-hint{font-family:var(--type-code-family);color:var(--fg-a25);font-size:11px}.terminal-output{cursor:text;flex-direction:column;flex:1;gap:1px;padding:10px 16px 8px;display:flex;overflow-y:auto}.terminal-output::-webkit-scrollbar{width:4px}.terminal-output::-webkit-scrollbar-track{background:0 0}.terminal-output::-webkit-scrollbar-thumb{background:var(--fg-a10);border-radius:2px}.terminal-line{white-space:pre-wrap;word-break:break-all;align-items:baseline;gap:0;display:flex}.terminal-line--output{color:var(--fg-a50)}.terminal-line--input{color:var(--fg-a75)}.terminal-line--success{color:var(--accent-green)}.terminal-line--error{color:var(--accent-rose)}.terminal-prompt{flex-shrink:0;align-items:baseline;margin-right:2px;display:inline-flex}.terminal-prompt-user{color:var(--accent-green);font-weight:500}.terminal-prompt-sep{color:var(--fg-a30)}.terminal-prompt-host{color:var(--accent-purple);font-weight:500}.terminal-prompt-arrow{color:var(--fg-a30)}.terminal-input-row{align-items:baseline;margin-top:2px;display:flex}.terminal-input-wrap{flex:1;align-items:baseline;display:flex;position:relative}.terminal-input{color:var(--fg-a75);font-family:var(--type-code-family);caret-color:#0000;background:0 0;border:none;outline:none;min-width:1ch;padding:0;font-size:13px;line-height:1.6}.terminal-cursor{background:var(--accent-green);border-radius:1px;align-self:center;width:4px;height:1em;animation:.75s step-end infinite terminal-blink;display:inline-block}@keyframes terminal-blink{0%,to{opacity:1}50%{opacity:0}}.terminal-autocomplete-hint{color:var(--fg-a25);font-family:var(--type-code-family);pointer-events:none;white-space:pre;font-size:13px;line-height:1.6}.contrib-footer{margin-top:var(--space-32x);padding:var(--space-10x) var(--space-4x)}.contact-cta{text-align:center;max-width:920px;margin:0 auto var(--space-8x);flex-direction:column;align-items:center;display:flex}.contact-eyebrow{font-family:var(--type-utility-lg-family);font-size:var(--type-utility-lg-size);font-weight:var(--type-utility-lg-weight);line-height:var(--type-utility-lg-line);text-transform:uppercase;letter-spacing:var(--type-utility-lg-tracking);color:var(--text-secondary);margin-bottom:var(--space-4x)}.contact-heading{font-family:var(--type-heading-lg-family);font-size:var(--type-heading-lg-size);font-weight:var(--type-heading-lg-weight);line-height:var(--type-heading-lg-line);letter-spacing:var(--type-heading-lg-tracking);color:var(--text-primary);margin-bottom:var(--space-4x)}.contact-accent{color:var(--accent-green)}.contact-subheading{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-line);color:var(--text-secondary);max-width:860px}.contact-actions{align-items:center;gap:var(--space-4x);margin-top:var(--space-8x);display:flex}.contact-action{justify-content:center;align-items:center;gap:var(--space-2x);min-width:96px;height:48px;padding:0 var(--space-4x);font-family:var(--type-button-family);font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:var(--type-button-line);border:.5px solid;border-radius:8px;text-decoration:none;transition:opacity .15s,background .15s,color .15s;display:inline-flex}.contact-action:hover{opacity:.9}.contact-action.primary{background:var(--fg);color:var(--text-on-inverse);border-color:var(--text-primary)}.contact-action.secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--stroke-light)}.contact-action.secondary:hover{background:var(--fg-a09);color:var(--fg)}.contact-action-icon{color:var(--fg-a50);align-items:center;display:inline-flex}.contact-action.secondary:hover .contact-action-icon{color:var(--fg-a70)}.contrib-label{font-family:var(--type-label-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-line);text-transform:uppercase;letter-spacing:.07em;color:var(--fg-a20);margin-bottom:16px}.contrib-graph{flex-direction:column;align-items:flex-start;width:max-content;margin:48px auto 0;display:flex}.contrib-grid{grid-template-rows:repeat(9,12px);gap:2px;display:grid}.contrib-cell{border-radius:3px}.contrib-meta{justify-content:space-between;align-items:center;width:100%;margin-top:10px;display:flex}.contrib-count{font-family:var(--type-label-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-line);color:var(--fg-a25)}.contrib-legend{align-items:center;gap:4px;display:flex}.contrib-legend-label{font-family:var(--type-label-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-line);color:var(--fg-a25)}.contrib-legend-swatch{border-radius:3px;width:12px;height:12px}.footer-socials{justify-content:center;align-items:center;gap:var(--space-4x);margin-top:var(--space-8x);flex-wrap:wrap;display:flex}.footer-social-link{color:var(--text-secondary);justify-content:flex-start;align-items:center;gap:8px;text-decoration:none;transition:color .15s;display:inline-flex}.footer-social-link:hover{color:var(--fg)}.footer-social-icon{width:16px;height:16px;display:inline-flex}.footer-social-icon svg{width:16px;height:16px}.footer-social-text{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line)}.footer-signature{margin-top:var(--space-8x);padding-top:var(--space-4x);border-top:.5px solid var(--fg-a07);justify-content:center;align-items:center;gap:var(--space-2x);display:flex}.footer-signature-avatar{border:.5px solid var(--fg-a14);object-fit:cover;object-position:center;border-radius:50%;flex-shrink:0;width:24px;height:24px;display:block}.footer-signature-text{font-family:var(--type-utility-sm-family);font-size:var(--type-utility-sm-size);font-weight:var(--type-utility-sm-weight);line-height:var(--type-utility-sm-line);letter-spacing:var(--type-utility-sm-tracking);color:var(--fg-a30)}@media (width<=900px){.contrib-footer{margin-top:var(--space-32x);padding:var(--space-8x) var(--space-6x) var(--space-16x)}.contact-eyebrow{font-size:var(--type-utility-md-size);line-height:var(--type-utility-md-line);letter-spacing:var(--type-utility-md-tracking);margin-bottom:var(--space-4x)}.contrib-graph{display:none}.contact-heading{font-size:var(--type-heading-size);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking)}.contact-subheading{font-size:var(--type-body-size);line-height:var(--type-body-line)}.contact-action{white-space:nowrap;flex:1;min-width:0}.contact-action-icon{display:none}.footer-socials{justify-content:center;margin-top:0}.footer-signature{margin-top:var(--space-8x);justify-content:center}}@media (width<=640px){.contrib-footer{padding:var(--space-8x) var(--space-4x) var(--space-16x)}.contact-cta{margin-bottom:var(--space-8x)}.contact-actions{margin-top:var(--space-6x)}.contrib-meta{gap:var(--space-3x);flex-direction:column;align-items:flex-start}.footer-socials{margin-top:var(--space-6x);justify-content:center;gap:var(--space-3x)}.footer-signature{align-items:center;gap:var(--space-2x);text-align:center;flex-direction:column}.footer-signature-avatar{display:none}.footer-signature-text{max-width:360px;font-size:var(--type-meta-size);line-height:var(--type-meta-line);letter-spacing:.05em}}@media (width<=375px){.contrib-footer{padding:var(--space-6x) var(--space-3x) var(--space-16x)}.contact-eyebrow{font-size:var(--type-label-size);margin-bottom:var(--space-4x)}.contact-heading{letter-spacing:-.8px;margin-bottom:var(--space-4x);font-size:32px;line-height:1.18}.contact-subheading{font-size:var(--type-body-size)}.contact-action{height:40px}.footer-signature{margin-top:var(--space-8x);gap:var(--space-2x)}.footer-signature-text{font-size:var(--type-meta-size);letter-spacing:.04em;max-width:280px}}.about-page{gap:var(--space-32x);padding:0 0 var(--space-16x);flex-direction:column;display:flex}.about-page>.marquee-strip{margin-top:var(--space-2x);margin-bottom:var(--space-2x);width:calc(100% + 144px);margin-left:-72px;margin-right:-72px}@media (width<=1200px){.about-page>.marquee-strip{width:calc(100% + 96px);margin-left:-48px;margin-right:-48px}}@media (width<=900px){.about-page>.marquee-strip{width:calc(100% + 48px);margin-left:-24px;margin-right:-24px}}@media (width<=640px){.about-page>.marquee-strip{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}}.about-sticky-shell:after,.about-sticky-shell:before{content:none}.about-sticky-shell-currently{background:var(--sticky-teal-bg);color:var(--sticky-teal-text);transform:rotate(-6deg)translate(18px,-58px)}.about-sticky-shell-bring{background:var(--sticky-purple-bg);color:var(--sticky-purple-text);transform:rotate(4.5deg)translate(-20px,64px)}.about-sticky-shell-currently .currently-label{font-family:var(--font-family-hand);font-size:var(--type-body-size);letter-spacing:var(--type-utility-sm-tracking);text-transform:uppercase;color:inherit;opacity:.7;margin-bottom:var(--space-2x);font-weight:700}.about-sticky-shell-currently .currently-item{margin-bottom:var(--space-2x);display:block}.about-sticky-shell-currently .currently-key,.about-sticky-shell-currently .currently-val{width:auto;color:inherit;opacity:1;font-family:var(--font-family-hand);font-size:var(--type-body-size);line-height:1.45;display:block}.about-sticky-shell-currently .currently-key{opacity:.72;font-weight:700}.about-sticky-shell-bring .bring-card{width:100%;color:inherit;box-shadow:none;background:0 0;border:none;padding:0}.about-sticky-shell-bring .bring-title{opacity:.72}.about-sticky-shell-bring .bring-item{border-bottom-color:var(--stroke-light)}.about-detail-section{gap:var(--space-7x);flex-direction:column;display:flex}.about-section-intro{align-items:center;gap:var(--space-2x);text-align:center;flex-direction:column;display:flex}.about-section-title{font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking);color:var(--text-primary)}.about-detail-card{border:.5px solid var(--stroke-light);border-radius:var(--space-4x);background:var(--bg-secondary);padding:var(--space-11x)}.about-work-grid,.about-skills-grid{gap:var(--space-6x);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.about-panel,.about-skills-side{gap:var(--space-5x);flex-direction:column;display:flex}.about-sticky-row{gap:var(--space-4x);flex-wrap:wrap;display:flex}@media (width<=1200px){.about-page{gap:var(--space-17x);padding:var(--space-8x) 0 var(--space-9x)}.about-detail-section{gap:var(--space-6x)}.about-detail-card{padding:var(--space-9x)}.about-work-grid,.about-skills-grid{gap:var(--space-5x)}}@media (width<=900px){.about-page{gap:var(--space-13x);padding:var(--space-5x) 0 var(--space-6x)}.about-hero-title{font-size:clamp(34px,9vw,46px)}.about-hero-meta{font-size:var(--type-meta-size);line-height:var(--type-label-line)}.about-hero-subline{font-size:var(--type-body-size);line-height:var(--type-body-line)}.about-hero-eyebrow,.about-section-eyebrow{font-size:var(--type-label-size)}.about-section-title{font-size:var(--type-body-lg-size);line-height:1.2}.about-work-grid,.about-skills-grid{grid-template-columns:1fr}.about-detail-card{padding:var(--space-8x)}.about-sticky-shell{width:var(--space-40x);min-height:var(--space-42x)}}@media (width<=640px){.about-page{gap:var(--space-11x)}.about-photo-row{justify-content:center}.about-photo-section{gap:var(--space-5x)}.about-sticky-shell{width:var(--space-35x);min-height:var(--space-37x);padding:var(--space-3x)}.about-sticky-shell-currently,.about-sticky-shell-bring{transform:none}.about-section-title{font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line)}.about-detail-card{padding:var(--space-6x)}}.about-hero-new{min-height:var(--space-130x);padding:var(--space-12x) 0 var(--space-10x);justify-content:center;align-items:center;display:flex;position:relative}.about-hero-ellipse{aspect-ratio:5/3;border:.5px dashed var(--stroke-light);pointer-events:none;border-radius:50%;width:72%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-hero-ellipse--outer{aspect-ratio:5/2.8;border-color:var(--stroke-light);width:90%}.about-hero-ellipse--outermost{aspect-ratio:5/2.6;border-color:var(--stroke-light);width:110%}.about-hero-center{text-align:center;max-width:var(--space-145x);z-index:2;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.about-hero-eyebrow{font-family:var(--type-utility-lg-family);font-size:var(--type-utility-lg-size);font-weight:var(--type-utility-lg-weight);line-height:var(--type-utility-lg-line);letter-spacing:var(--type-utility-lg-tracking);text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--space-2x)}.about-hero-title-new{font-family:var(--type-h1-family);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-line);letter-spacing:var(--type-h1-tracking);color:var(--text-primary);margin:0 0 var(--space-5x);flex-direction:column;align-items:center;display:flex}.about-hero-title-lead{display:block}.about-hero-accent-new{min-width:3ch;font-size:var(--space-24x);font-family:var(--type-code-family);color:var(--accent-green);-webkit-text-fill-color:var(--accent-green);display:block}.about-hero-cursor{width:var(--space-x);background:var(--accent-green);height:.8em;margin-left:var(--space-2x);vertical-align:middle;border-radius:1px;animation:.75s step-end infinite about-cursor-blink;display:inline-block;transform:translateY(-.08em)}@keyframes about-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.about-hero-statement-new{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-line);color:var(--text-secondary);max-width:var(--space-130x);margin:0}.about-hero-tag{font-family:var(--type-label-family);font-size:var(--type-button-size);font-weight:var(--type-label-weight);line-height:var(--type-button-line);padding:var(--space-4x) var(--space-8x);white-space:nowrap;z-index:3;opacity:0;cursor:default;border-radius:100px;animation:.4s forwards tag-appear;position:absolute}@keyframes tag-appear{0%{opacity:0}to{opacity:1}}.about-hero-tag--purple{background:var(--accent-purple-light);border:.5px solid var(--accent-purple-light);color:var(--accent-purple)}.about-hero-tag--teal{background:var(--accent-green-light);border:.5px solid var(--accent-green-light);color:var(--accent-green)}.about-hero-tag--outline{border:.5px solid var(--stroke-light);color:var(--text-secondary);background:0 0}.about-hero-tag-row{display:none}@media (width<=1200px){.about-hero-title-new{font-size:clamp(42px,6.5vw,56px)}}@media (width<=900px){.about-hero-new{min-height:auto;padding:var(--space-10x) 0 var(--space-7x);gap:var(--space-6x);flex-direction:column}.about-hero-eyebrow{font-size:var(--type-label-size)}.about-hero-new>.about-hero-tag,.about-hero-ellipse{display:none}.about-hero-tag-row{justify-content:center;gap:var(--space-2x);padding:0 var(--space-4x);flex-wrap:wrap;display:flex}.about-hero-tag-row .about-hero-tag{opacity:1;animation:none;position:static;transform:none!important}.about-hero-center{padding:0 var(--space-4x)}.about-hero-title-new{font-size:clamp(34px,9vw,46px)}.about-hero-accent-new{font-size:clamp(56px,14vw,80px)}.about-hero-statement-new{font-size:var(--type-body-size);line-height:var(--type-body-line)}}@media (width<=640px){.about-hero-title-new{font-size:clamp(30px,10.5vw,40px)}.about-hero-accent-new{font-size:clamp(48px,16vw,64px)}.about-hero-tag-row .about-hero-tag{font-size:var(--type-body-size);padding:var(--space-2x) var(--space-4x)}}@media (width<=375px){.about-hero-title-new{font-size:var(--type-heading-size);letter-spacing:0;line-height:1.12}.about-hero-eyebrow{font-size:var(--type-meta-size)}.about-hero-tag-row .about-hero-tag{font-size:var(--type-caption-size);padding:var(--space-2x) var(--space-3x)}.about-hero-accent-new{font-size:var(--type-title-page-size)}.about-hero-statement-new{font-size:var(--type-body-size)}}.marquee-strip{width:100%;padding:var(--space-6x) 0;position:relative;overflow:hidden}.marquee-fade{width:var(--space-20x);z-index:2;pointer-events:none;position:absolute;top:0;bottom:0}.marquee-fade--left{background:linear-gradient(to right, var(--bg-primary), transparent);left:0}.marquee-fade--right{background:linear-gradient(to left, var(--bg-primary), transparent);right:0}.marquee-track{gap:var(--space-6x);width:max-content;animation:60s linear infinite marquee-scroll;display:flex}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-photo{align-items:center;gap:var(--space-3x);flex-direction:column;flex-shrink:0;display:flex}.marquee-photo-frame{width:var(--space-90x);height:var(--space-63x);border-radius:var(--space-2x);border:.5px solid var(--stroke-light);background:var(--bg-secondary);overflow:hidden}.marquee-photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.marquee-photo-label{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);color:var(--text-secondary);white-space:nowrap;margin:0;font-style:italic;line-height:1}@media (width<=900px){.marquee-photo-frame{width:var(--space-60x);height:var(--space-42x)}}@media (width<=640px){.marquee-photo-frame{width:var(--space-45x);height:var(--space-32x)}}.where-im-from{align-items:center;gap:var(--space-8x);padding:var(--space-16x) 0;flex-direction:column;display:flex}.where-im-from-body{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-line);color:var(--text-secondary);max-width:var(--space-215x);text-align:center;margin:0}@media (width<=1200px){.where-im-from-body{font-size:var(--type-body-md-size)}}@media (width<=900px){.where-im-from-body{font-size:var(--type-body-size);line-height:var(--type-body-line)}}.what-i-do{align-items:center;gap:var(--space-8x);padding:var(--space-16x) 0;flex-direction:column;display:flex}.what-i-do-intro{align-items:center;gap:var(--space-8x);width:100%;max-width:var(--space-215x);flex-direction:column;display:flex}.what-i-do-body{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-line);color:var(--text-secondary);max-width:var(--space-215x);text-align:center;margin:0}@media (width<=1200px){.what-i-do-body{font-size:var(--type-body-md-size)}}@media (width<=900px){.what-i-do-body{font-size:var(--type-body-size);line-height:var(--type-body-line)}}.what-i-do-body a{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline}.what-i-do-experience{margin-top:var(--space-4x);width:100%;max-width:var(--space-215x)}.what-i-do-sublabel{font-family:var(--type-utility-sm-family);font-size:var(--type-utility-sm-size);font-weight:var(--type-utility-sm-weight);line-height:var(--type-utility-sm-line);text-transform:uppercase;letter-spacing:var(--type-utility-sm-tracking);color:var(--text-secondary);margin-bottom:var(--space-4x);display:block}.what-i-do-table{border-collapse:collapse;width:100%}.what-i-do-row{border-top:.5px solid var(--stroke-light)}.what-i-do-row:last-child{border-bottom:.5px solid var(--stroke-light)}.what-i-do-cell{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);padding:var(--space-4x) 0;vertical-align:middle}.what-i-do-cell--company{width:var(--space-40x)}.what-i-do-cell--role{color:var(--text-secondary)}.what-i-do-cell--location{width:var(--space-28x);font-size:var(--type-caption-size);color:var(--text-secondary);text-align:right;white-space:nowrap}.what-i-do-cell--period{width:var(--space-40x);font-size:var(--type-caption-size);color:var(--text-secondary);text-align:right;white-space:nowrap}.what-i-do-company-link{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:500;line-height:var(--type-label-line);color:var(--text-primary);border-bottom:.5px solid var(--stroke-light);text-decoration:none;transition:border-color .15s}.what-i-do-company-link:hover{border-color:var(--text-primary)}.about-section-heading{font-family:var(--type-heading-lg-family);font-size:var(--type-heading-lg-size);font-weight:var(--type-heading-lg-weight);line-height:var(--type-heading-lg-line);letter-spacing:var(--type-heading-lg-tracking);color:var(--text-primary);text-align:center;margin:0}@media (width<=900px){.about-section-heading{font-size:var(--type-heading-size);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking)}}.work-behind{align-items:center;gap:var(--space-12x);padding:var(--space-16x) 0;flex-direction:column;display:flex}.work-behind-grid{gap:var(--space-4x);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.work-behind-card{background:var(--bg-elevated);border:.5px solid var(--fg-a07);border-radius:var(--space-3x);padding:var(--space-5x);gap:var(--space-3x);height:var(--space-60x);flex-direction:column;justify-content:center;display:flex}.work-behind-card-header{align-items:center;gap:var(--space-2x);flex-wrap:wrap;display:flex}.work-behind-icon{font-size:var(--type-body-size);color:var(--fg-a30);flex-shrink:0;line-height:1}.work-behind-card-label{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--text-primary);font-weight:600;line-height:1}.work-behind-stat{font-family:var(--type-label-family);font-size:var(--type-meta-size);font-weight:var(--type-label-weight);color:var(--accent-purple);margin-left:var(--space-x);line-height:1}.work-behind-card-body{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);color:var(--fg-a35);margin:0}.work-behind-photo-cell{border-radius:var(--space-3x);height:var(--space-60x);overflow:hidden}.work-behind-photo-img{object-fit:cover;border-radius:var(--space-3x);width:100%;height:100%;display:block}@media (width<=900px){.work-behind-grid{grid-template-columns:repeat(2,1fr)}.work-behind-photo-cell{display:none}}@media (width<=600px){.work-behind-grid{grid-template-columns:1fr}}.everything-else{align-items:center;gap:var(--space-12x);flex-direction:column;display:flex}.everything-else-list{gap:var(--space-5x);flex-direction:column;width:100%;display:flex}.ee-row{gap:var(--space-5x);grid-template-columns:1fr 1fr;align-items:center;display:grid}.ee-card{background:var(--bg-secondary);border:.5px solid var(--stroke-light);border-radius:var(--space-3x);padding:var(--space-5x);gap:var(--space-3x);height:var(--space-60x);flex-direction:column;justify-content:center;align-self:stretch;display:flex}.ee-card-label{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--text-primary);margin:0;font-weight:600;line-height:1.2}.ee-card-body{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);color:var(--text-secondary);margin:0}.ee-photo-cell{border-radius:var(--space-3x);height:var(--space-60x);overflow:hidden}.ee-photo-img{object-fit:cover;border-radius:var(--space-3x);width:100%;height:100%;display:block}@media (width<=720px){.ee-row{grid-template-columns:1fr}.ee-photo-cell{display:none}.ee-row--photo-left,.ee-row>*{direction:ltr}}.world-map-footer{flex-direction:column;align-items:stretch;display:flex}.world-map-card{background:var(--bg-secondary);border:.5px solid var(--stroke-light);border-radius:var(--space-4x);padding:var(--space-6x) var(--space-6x) var(--space-5x)}.world-map-eyebrow{font-family:var(--type-utility-sm-family);font-size:var(--type-utility-sm-size);font-weight:var(--type-utility-sm-weight);line-height:var(--type-utility-sm-line);letter-spacing:var(--type-utility-sm-tracking);text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--space-4x)}.world-map-container{width:100%;position:relative}.world-map-grid{gap:var(--space-x);width:100%;display:grid}.world-map-cell{aspect-ratio:1;border-radius:var(--space-x)}.world-map-cell.is-visited{cursor:pointer}.world-map-tooltip{background:var(--bg-elevated);border:.5px solid var(--accent-green);border-radius:var(--space-2x);padding:var(--space-3x) var(--space-4x);pointer-events:auto;white-space:nowrap;z-index:10;gap:var(--space-x);flex-direction:column;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.world-map-tooltip-name{font-family:var(--type-code-family);font-size:var(--type-body-size);color:var(--accent-green);font-weight:700;line-height:1.2}.world-map-tooltip-link{font-family:var(--type-label-family);font-size:var(--type-meta-size);color:var(--text-secondary);text-decoration:none}.world-map-tooltip-link:hover{color:var(--text-primary)}.world-map-tooltip-empty{font-family:var(--type-label-family);font-size:var(--type-meta-size);color:var(--text-secondary)}.world-map-bottom{margin-top:var(--space-4x);justify-content:space-between;align-items:center;display:flex}.world-map-stat{font-family:var(--type-label-family);font-size:var(--type-meta-size);color:var(--text-secondary);margin:0}.world-map-stat strong{color:var(--accent-green);font-weight:600}.world-map-legend{align-items:center;gap:var(--space-2x);display:flex}.world-map-legend-dot{width:var(--space-3x);height:var(--space-3x);border-radius:var(--space-x);flex-shrink:0}.world-map-legend-dot--land{background:var(--contrib-level-2)}.world-map-legend-dot--visited{background:var(--contrib-level-4)}.world-map-legend-label{font-family:var(--type-label-family);font-size:var(--type-meta-size);color:var(--text-secondary);margin-right:var(--space-2x)}.world-map-legend-label:last-child{margin-right:0}.about-teaser{padding:var(--space-16x) var(--space-18x) var(--space-18x);margin-left:calc(var(--space-18x) * -1);margin-right:calc(var(--space-18x) * -1);width:calc(100% + 144px)}.about-teaser-composition{aspect-ratio:5/2.2;justify-content:center;align-items:center;max-width:1176px;min-height:360px;margin:0 auto;display:flex;position:relative;overflow:visible}.about-teaser-ellipse{aspect-ratio:5/3;border:.5px dashed var(--fg-a07);pointer-events:none;border-radius:50%;width:55%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-teaser-ellipse--outer{aspect-ratio:5/2.8;border-color:var(--fg-a04);width:70%}.about-teaser-ellipse--outermost{aspect-ratio:5/2.6;border-color:var(--fg-a02);width:85%}.about-teaser-center{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.about-teaser-title{font-family:var(--type-title-page-family);font-size:var(--type-title-page-size);font-weight:var(--type-title-page-weight);line-height:var(--type-title-page-line);letter-spacing:var(--type-title-page-tracking);margin:0 0 var(--space-4x);flex-direction:column;align-items:center;display:flex}.about-teaser-line{display:block}.about-teaser-line--dim{color:var(--text-secondary)}.about-teaser-line--accent{color:var(--accent-green)}.about-teaser-tag{font-family:var(--type-label-family);font-weight:var(--type-label-weight);line-height:var(--type-button-line);padding:var(--space-4x) var(--space-8x);white-space:nowrap;z-index:3;cursor:default;-webkit-user-select:none;user-select:none;border-radius:100px;position:absolute}.about-teaser-tag--purple{background:var(--accent-purple-light);border:.5px solid var(--accent-purple-light);color:var(--accent-purple);font-size:var(--type-button-size)}.about-teaser-tag--teal{background:var(--accent-green-light);border:.5px solid var(--accent-green-light);color:var(--accent-green);font-size:var(--type-button-size)}.about-teaser-tag--outline{border:.5px solid var(--fg-a12);color:var(--text-secondary);font-size:var(--type-button-size);background:0 0}.about-teaser-btn{justify-content:center;align-items:center;gap:var(--space-2x);min-width:96px;height:48px;padding:0 var(--space-4x);border:.5px solid var(--stroke-light);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--type-button-family);font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:var(--type-button-line);border-radius:8px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.about-teaser-btn:hover{background:var(--fg-a09);color:var(--fg)}.about-teaser-btn-icon{color:var(--fg-a50);align-items:center;display:inline-flex}.about-teaser-btn:hover .about-teaser-btn-icon{color:var(--fg-a70)}@media (width<=1200px){.about-teaser{padding:var(--space-16x) var(--space-12x) var(--space-16x);margin-left:calc(var(--space-12x) * -1);margin-right:calc(var(--space-12x) * -1);width:calc(100% + 96px)}}@media (width<=900px){.about-teaser{padding:var(--space-12x) var(--space-6x) var(--space-12x);margin-left:calc(var(--space-6x) * -1);margin-right:calc(var(--space-6x) * -1);width:calc(100% + 48px)}.about-teaser-composition{aspect-ratio:5/2.8;min-height:280px}.about-teaser-title{font-size:40px}}@media (width<=640px){.about-teaser{padding:var(--space-10x) var(--space-4x) var(--space-12x);margin-left:calc(var(--space-4x) * -1);margin-right:calc(var(--space-4x) * -1);text-align:center;width:calc(100% + 32px)}.about-teaser-composition{aspect-ratio:unset;min-height:unset;width:100%;height:auto}.about-teaser-title{font-size:32px}.about-teaser-tag,.about-teaser-ellipse{display:none}}.skills-page{padding-bottom:var(--space-24x)}.skills-hero{padding:var(--space-9x) 0 var(--space-14x)}.skills-kicker{font-family:var(--type-utility-lg-family);font-size:var(--type-utility-lg-size);font-weight:var(--type-utility-lg-weight);line-height:var(--type-utility-lg-line);letter-spacing:var(--type-utility-lg-tracking);text-transform:uppercase;color:var(--text-secondary);margin-bottom:0}.skills-panel-label,.skills-group-heading p,.skills-detail-meta p{font-family:var(--type-meta-family);font-size:var(--type-meta-size);font-weight:600;line-height:var(--type-meta-line);color:var(--accent-green);text-transform:uppercase}.skills-panel-label{color:var(--text-primary)}.skills-group-heading .skills-group-category{font-family:var(--type-code-family);font-size:var(--type-label-size)}.skills-typing-word{font-family:var(--type-code-family);color:var(--accent-green)}.skills-hero h2,.skills-detail-shell h2{max-width:var(--space-190x);margin-top:var(--space-4x);font-family:var(--type-h1-family);font-size:var(--type-heading-lg-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-line);letter-spacing:var(--type-h1-tracking)}.skills-hero p:not(.skills-kicker),.skills-detail-description{max-width:var(--space-170x);margin-top:var(--space-6x);font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-line);color:var(--text-secondary)}.skills-install-panel,.skills-usage-panel,.skills-detail-meta,.skill-card{border:.5px solid var(--stroke-light);background:var(--bg-secondary);border-radius:var(--space-2x)}.skills-info-panels{gap:var(--space-4x);margin-top:var(--space-14x);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skills-install-panel,.skills-usage-panel{padding:var(--space-6x)}.skills-install-panel code,.skills-usage-panel code,.skills-detail-meta code{margin-top:var(--space-3x);overflow-wrap:anywhere;font-family:var(--type-code-family);font-size:var(--type-code-size);line-height:var(--type-code-line);color:var(--text-primary);background:var(--bg-code);border:.5px solid var(--stroke-light);border-radius:var(--space-2x);padding:var(--space-3x);display:block}.skills-command-wrap{margin-top:var(--space-3x);position:relative}.skills-command-wrap .skills-install-command{padding-right:var(--space-10x);margin-top:0}.skills-copy-btn{top:50%;right:var(--space-3x);cursor:pointer;color:var(--text-secondary);padding:var(--space-x);border-radius:var(--space-x);background:0 0;border:none;align-items:center;transition:color .15s;display:flex;position:absolute;transform:translateY(-50%)}.skills-copy-btn:hover{color:var(--text-primary)}.skills-command-list{gap:var(--space-3x);margin-top:var(--space-3x);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skills-command-list code{margin-top:0}.skills-steps{gap:var(--space-3x);margin:var(--space-3x) 0 0;padding-left:var(--space-7x);color:var(--text-primary);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-line);display:grid}.skills-steps li::marker{color:var(--accent-green);font-family:var(--type-code-family)}.skills-install-panel p:not(.skills-panel-label),.skills-usage-panel p:not(.skills-panel-label){margin-top:var(--space-4x);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-secondary)}.skills-panel-links{gap:var(--space-3x);margin-top:var(--space-5x);flex-wrap:wrap;display:flex}.skills-panel-links a,.skill-card-link,.skills-detail-meta a,.skills-back-link{align-items:center;gap:var(--space-2x);color:var(--accent-green);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-label-weight);line-height:var(--type-body-line);display:inline-flex}.skills-panel-links a:hover,.skill-card:hover .skill-card-link,.skills-detail-meta a:hover,.skills-back-link:hover{color:var(--text-primary)}.skills-summary{border-top:.5px solid var(--stroke-light);border-bottom:.5px solid var(--stroke-light);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skills-summary div{padding:var(--space-6x);border-right:.5px solid var(--stroke-light)}.skills-summary div:last-child{border-right:0}.skills-summary span{font-family:var(--type-code-family);font-size:var(--type-heading-size);line-height:var(--type-heading-line);color:var(--text-primary);display:block}.skills-summary p{margin-top:var(--space-2x);font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--text-secondary)}.skills-filter{gap:var(--space-4x);margin-top:var(--space-14x);grid-template-columns:auto minmax(220px,420px) auto;align-items:center;display:grid}.skills-filter label,.skills-filter span{font-family:var(--type-caption-family);font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--text-secondary)}.skills-filter input{border:.5px solid var(--stroke-light);border-radius:var(--space-2x);background:var(--bg-secondary);width:100%;min-width:0;color:var(--text-primary);padding:var(--space-3x);font-family:var(--type-code-family);font-size:var(--type-code-size);line-height:var(--type-code-line);outline:none}.skills-filter input::placeholder{color:var(--text-secondary)}.skills-filter input:focus{border-color:var(--accent-green-a40);background:var(--accent-green-light)}.skills-groups{gap:var(--space-15x);margin-top:var(--space-16x);flex-direction:column;display:flex}.skills-group{gap:var(--space-9x);grid-template-columns:220px minmax(0,1fr);display:grid}.skills-group-heading{top:var(--space-8x);align-self:start;position:sticky}.skills-group-heading h3{margin-top:var(--space-3x);font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking)}.skills-group-heading span{margin-top:var(--space-3x);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-secondary);display:block}.skills-grid{gap:var(--space-4x);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skill-card{min-height:var(--space-59x);padding:var(--space-6x);color:inherit;flex-direction:column;transition:transform .18s,border-color .18s,background .18s;display:flex}.skill-card:hover{border-color:var(--accent-green-a40);background:var(--accent-green-a12);transform:translateY(-2px)}.skill-card:focus-visible,.skills-back-link:focus-visible,.skills-panel-links a:focus-visible,.skills-detail-meta a:focus-visible{outline:1px solid var(--fg-a30);outline-offset:2px}.skill-card-topline{justify-content:space-between;align-items:center;gap:var(--space-4x);margin-bottom:var(--space-7x);display:flex}.skill-command,.skill-category{font-family:var(--type-code-family);font-size:var(--type-code-size);line-height:var(--type-code-line)}.skill-command{color:var(--accent-green);overflow-wrap:anywhere}.skill-category{color:var(--text-secondary)}.skill-card h3{font-family:var(--type-code-family);font-size:var(--type-body-size);font-weight:600;line-height:var(--type-body-line);color:var(--text-primary)}.skill-card-tag{margin-top:var(--space-3x);padding:var(--space-x) var(--space-2x);border:.5px solid var(--stroke-light);font-family:var(--type-code-family);font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--text-secondary);border-radius:100px;align-items:center;display:inline-flex}.skill-card p{margin-top:var(--space-3x);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-secondary)}.skill-card-link{padding-top:var(--space-6x);margin-top:auto}.skills-detail-page{padding-top:var(--space-7x)}.skills-back-link{margin-bottom:var(--space-7x)}.skills-detail-shell{grid-template-columns:minmax(0, 1fr) minmax(var(--space-70x), 392px);gap:var(--space-11x);padding:var(--space-9x) 0 var(--space-20x);align-items:start;display:grid}.skills-detail-excerpt{max-width:var(--space-190x);margin-top:var(--space-7x);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-secondary)}.skills-detail-meta{padding:var(--space-6x)}.skills-detail-meta div+div{margin-top:var(--space-6x);padding-top:var(--space-6x);border-top:.5px solid var(--stroke-light)}.skills-detail-meta a{margin-top:var(--space-3x);overflow-wrap:anywhere}.skills-empty-state{border:.5px solid var(--stroke-light);border-radius:var(--space-2x);background:var(--bg-secondary);padding:var(--space-6x)}.skills-empty-state p{font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-secondary)}@media (width<=1040px){.skills-detail-shell{grid-template-columns:1fr}.skills-detail-meta{max-width:var(--space-140x)}.skills-group{gap:var(--space-5x);grid-template-columns:1fr}.skills-group-heading{position:static}}@media (width<=720px){.skills-page{padding-bottom:var(--space-16x)}.skills-hero{padding:var(--space-4x) 0 var(--space-10x)}.skills-hero h2,.skills-detail-shell h2{font-size:var(--type-heading-fluid-size)}.skills-hero p:not(.skills-kicker),.skills-detail-description{font-size:var(--type-body-md-size)}.skills-info-panels,.skills-command-list,.skills-filter,.skills-grid{grid-template-columns:1fr}.skills-summary div{border-right:0;border-bottom:.5px solid var(--stroke-light)}.skills-summary div:last-child{border-bottom:0}.skills-groups{margin-top:var(--space-12x);gap:var(--space-11x)}}@media (width<=420px){.skills-hero h2,.skills-detail-shell h2{font-size:var(--type-heading-md-size)}.skills-install-panel,.skills-usage-panel,.skills-detail-meta,.skill-card{padding:var(--space-5x)}.skill-card-topline{align-items:flex-start;gap:var(--space-2x);flex-direction:column}}.project-cover{padding:var(--space-14x) 0 var(--space-7x)}.project-cover-body{max-width:var(--space-270x);margin:0 auto}.project-cover-company{align-items:center;gap:var(--space-3x);color:var(--text-secondary);font-family:var(--type-utility-md-family);font-size:var(--type-utility-md-size);font-weight:var(--type-utility-md-weight);line-height:var(--type-utility-md-line);letter-spacing:var(--type-utility-md-tracking);margin-bottom:var(--space-5x);display:inline-flex}.project-cover-logo-tile{width:var(--space-7x);height:var(--space-7x);border:.5px solid var(--project-accent-border);border-radius:var(--space-2x);background:var(--project-accent-bg);color:var(--project-accent);font-family:var(--type-label-family);font-size:var(--type-small-size);place-items:center;font-weight:700;line-height:1;display:grid}.project-cover-logo-tile img{max-width:var(--space-5x);max-height:var(--space-5x);display:block}.project-cover h1{color:var(--text-primary);font-family:var(--type-heading-family);font-size:var(--type-heading-lg-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-lg-line);letter-spacing:var(--type-heading-tracking);margin:0 0 var(--space-8x)}.project-cover-overview{gap:var(--space-12x);margin-bottom:var(--space-13x);display:flex}.project-cover-overview>p{color:var(--text-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);flex:1.7;margin:0}.project-cover-overview dl{gap:var(--space-4x);padding-top:var(--space-x);flex:1;grid-template-columns:1fr;margin:0;display:grid}.project-cover-overview dt{color:var(--text-secondary);font-family:var(--type-utility-sm-family);font-size:var(--type-utility-sm-size);font-weight:var(--type-utility-sm-weight);line-height:var(--type-utility-sm-line);letter-spacing:var(--type-utility-sm-tracking);text-transform:uppercase;margin-bottom:var(--space-x)}.project-cover-overview dd{color:var(--text-secondary);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line);margin:0}.project-cover-overview .project-cover-impact{color:var(--project-accent)}.project-cover-hero{min-height:var(--space-100x);border-top:.5px solid var(--project-accent-border);place-items:center;display:grid;position:relative;overflow:hidden}.project-cover-hero:after{content:"";height:var(--space-20x);background:linear-gradient(to top, var(--bg-primary), transparent);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.project-cover-hero img{z-index:1;width:min(860px,82%);max-height:var(--space-117x);object-fit:contain;filter:drop-shadow(0 28px 42px var(--shadow-soft));position:relative}.project-cover-hero span{color:var(--text-secondary);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line)}@media (width<=1200px){.project-cover h1{font-size:var(--type-heading-md-size)}}@media (width<=900px){.project-cover{padding-top:var(--space-8x)}.project-cover h1{font-size:var(--type-heading-size)}.project-cover-overview{gap:var(--space-6x);flex-direction:column}.project-cover-overview dl{grid-template-columns:repeat(2,minmax(0,1fr))}.project-cover-hero{min-height:var(--space-70x)}}@media (width<=640px){.project-cover h1{font-size:var(--type-heading-sm-size)}.project-cover-overview dl{grid-template-columns:1fr}.project-cover-hero{min-height:var(--space-50x)}}@media (width<=375px){.project-cover h1{font-size:var(--type-body-lg-size)}}:root[data-theme=light] .project-cover-logo-tile img{filter:invert()}.project-cta-band{margin-top:var(--space-6x);padding:var(--space-18x) 0 var(--space-20x);border-top:.5px solid var(--project-accent-border);position:relative;overflow:hidden}.project-cta-band:before{content:"";background:radial-gradient(ellipse 70% 80% at 50% 0%, transparent, var(--shadow-soft));pointer-events:none;position:absolute;inset:0}.project-cta-band-inner{z-index:1;max-width:var(--space-190x);padding:0 var(--space-6x);text-align:center;margin:0 auto;position:relative}.project-cta-band p{color:var(--text-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);margin:0 0 var(--space-5x)}.project-cta-band-button{justify-content:center;align-items:center;gap:var(--space-2x);border:.5px solid var(--project-accent-border);border-radius:var(--space-2x);background:var(--project-accent-bg);color:var(--project-accent);padding:var(--space-3x) var(--space-7x);font-family:var(--type-label-family);font-size:var(--type-body-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line);text-decoration:none;transition:opacity .15s,background .15s;display:inline-flex}.project-cta-band-button:hover{opacity:.9;background:var(--accent-green-light)}.project-cta-band hr{width:var(--space-8x);border:0;border-top:.5px solid var(--stroke-light);margin:var(--space-8x) auto}.project-cta-links{justify-content:center;align-items:center;gap:var(--space-3x);flex-wrap:wrap;display:flex}.project-cta-links a{align-items:center;gap:var(--space-2x);max-width:var(--space-55x);border:.5px solid var(--stroke-light);border-radius:var(--space-2x);background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-2x) var(--space-4x);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line);text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.project-cta-links a:hover{background:var(--bg-secondary);border-color:var(--stroke-light)}.project-cta-links span,.project-cta-links svg{width:var(--space-4x);height:var(--space-4x);color:var(--text-secondary);flex-shrink:0}@media (width<=900px){.project-cta-band{padding:var(--space-13x) 0 var(--space-15x)}}@media (width<=640px){.project-cta-band{padding:var(--space-10x) 0 var(--space-12x)}.project-cta-band p{font-size:var(--type-caption-size);line-height:var(--type-caption-line)}}@media (width<=375px){.project-cta-links a{max-width:var(--space-40x);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.project-nav{min-height:var(--space-37x);border-top:.5px solid var(--stroke-light);border-bottom:.5px solid var(--stroke-light);display:flex}.project-nav-link{justify-content:space-between;gap:var(--space-7x);padding:var(--space-7x) var(--space-9x);flex-direction:column;flex:1;text-decoration:none;transition:background .15s,opacity .15s;display:flex;position:relative;overflow:hidden}.project-nav-link:hover{opacity:.9}.project-nav-prev{background:var(--bg-secondary);color:var(--text-secondary)}.project-nav-next{text-align:right;border-left:.5px solid var(--stroke-light);color:var(--next-project-accent);align-items:flex-end}.project-nav-next:before{content:"";background:linear-gradient(to left, transparent, var(--shadow-soft));pointer-events:none;position:absolute;inset:0}.project-nav-link>*{z-index:1;position:relative}.project-nav-direction{align-items:center;gap:var(--space-2x);color:var(--text-secondary);font-family:var(--type-utility-sm-family);font-size:var(--type-utility-sm-size);font-weight:var(--type-utility-sm-weight);line-height:var(--type-utility-sm-line);letter-spacing:var(--type-utility-sm-tracking);text-transform:uppercase;display:inline-flex}.project-nav-project{align-items:center;gap:var(--space-3x);max-width:var(--space-90x);display:inline-flex}.project-nav-logo{width:var(--space-9x);height:var(--space-9x);border:.5px solid var(--stroke-light);border-radius:var(--space-2x);background:var(--bg-secondary);color:currentColor;font-family:var(--type-label-family);font-size:var(--type-small-size);flex-shrink:0;place-items:center;font-weight:700;line-height:1;display:grid}.project-nav-logo img{max-width:var(--space-6x);max-height:var(--space-6x);display:block}.project-nav-company{color:currentColor;font-family:var(--type-utility-sm-family);font-size:var(--type-utility-sm-size);font-weight:var(--type-utility-sm-weight);line-height:var(--type-utility-sm-line);letter-spacing:var(--type-utility-sm-tracking);text-transform:uppercase;margin-bottom:var(--space-x);display:block}.project-nav-title{color:currentColor;font-family:var(--type-label-family);font-size:var(--type-body-size);font-weight:500;line-height:var(--type-body-line);display:block}@media (width<=640px){.project-nav{flex-direction:column}.project-nav-link{padding:var(--space-7x) var(--space-6x)}.project-nav-next{text-align:left;border-left:0;border-top:.5px solid var(--stroke-light);align-items:flex-start}.project-nav-next .project-nav-project{flex-direction:row-reverse}}:root[data-theme=light] .project-nav-logo img{filter:invert()}.project-scrollspy{top:50%;right:var(--space-7x);z-index:20;gap:var(--space-3x);border-left:.5px solid var(--stroke-light);padding-left:var(--space-3x);flex-direction:column;display:flex;position:fixed;transform:translateY(-50%)}.project-scrollspy a{width:var(--space-x);height:var(--space-x);background:var(--stroke-light);border-radius:999px;transition:background .2s,box-shadow .2s,transform .2s;position:relative}.project-scrollspy a:after{content:"";top:var(--space-2x);width:.5px;height:var(--space-2x);background:var(--stroke-light);position:absolute;left:50%;transform:translate(-50%)}.project-scrollspy a:last-child:after{display:none}.project-scrollspy a.active{background:var(--project-accent);box-shadow:0 0 14px var(--project-accent);transform:scale(1.45)}@media (width<=900px){.project-scrollspy{display:none}}.project-not-found{min-height:calc(100dvh - 180px);padding:var(--space-12x) 0 var(--space-18x);place-items:center;display:grid}.project-not-found-panel{border:.5px solid var(--stroke-light);border-radius:var(--space-4x);background:var(--bg-elevated);width:min(100%,520px);padding:var(--space-8x);position:relative;overflow:hidden}.project-not-found-path{color:var(--accent-green);font-family:var(--type-code-family);font-size:var(--type-code-size);font-weight:var(--type-code-weight);line-height:var(--type-code-line);margin:0 0 var(--space-5x)}.project-not-found h2{color:var(--text-primary);font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking);margin:0 0 var(--space-4x)}.project-not-found p:not(.project-not-found-path){max-width:var(--space-105x);color:var(--text-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);margin:0}.project-not-found-actions{margin-top:var(--space-7x);display:flex}.project-not-found-actions a{border:.5px solid var(--stroke-light);border-radius:var(--space-2x);background:var(--bg-primary);color:var(--text-primary);padding:var(--space-3x) var(--space-4x);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line);text-decoration:none}.project-not-found-dots{right:var(--space-7x);bottom:var(--space-7x);gap:var(--space-2x);flex-direction:column;display:flex;position:absolute}.project-not-found-dots span{width:var(--space-2x);height:var(--space-2x);border:.5px solid var(--stroke-light);background:var(--bg-secondary);border-radius:999px}.project-not-found-dots span:first-child{background:var(--accent-green);border-color:var(--accent-green)}@media (width<=640px){.project-not-found-panel{padding:var(--space-6x)}.project-not-found-dots{display:none}}.project-locked{min-height:calc(100dvh - 180px);padding:var(--space-12x) 0 var(--space-18x);place-items:center;display:grid}.project-locked-panel{border:.5px solid var(--project-accent-border);border-radius:var(--space-4x);background:var(--bg-elevated);width:min(100%,460px);padding:var(--space-8x);text-align:center}.project-locked-logo{width:var(--space-11x);height:var(--space-11x);border:.5px solid var(--project-accent-border);border-radius:var(--space-3x);background:var(--project-accent-bg);color:var(--project-accent);margin-bottom:var(--space-5x);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line);justify-content:center;align-items:center;display:inline-flex}.project-locked-logo img{max-width:var(--space-6x);max-height:var(--space-6x)}.project-locked-eyebrow{color:var(--project-accent);font-family:var(--type-utility-sm-family);font-size:var(--type-utility-sm-size);font-weight:var(--type-utility-sm-weight);line-height:var(--type-utility-sm-line);letter-spacing:var(--type-utility-sm-tracking);text-transform:uppercase;margin:0 0 var(--space-3x)}.project-locked h2{color:var(--text-primary);font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking);margin:0 0 12px}.project-locked p:not(.project-locked-eyebrow){color:var(--text-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);margin:0 0 var(--space-6x)}.project-locked-form{justify-content:center;align-items:stretch;gap:var(--space-2x);margin-top:var(--space-x);display:flex}.project-locked-form input{border:.5px solid var(--stroke-light);border-radius:var(--space-2x);background:var(--bg-secondary);min-width:0;color:var(--text-primary);padding:var(--space-3x);font-family:var(--type-code-family);font-size:var(--type-code-size);font-weight:var(--type-code-weight);line-height:var(--type-code-line);outline:none;flex:1;transition:border-color .15s}.project-locked-form input:focus{border-color:var(--project-accent-border)}.project-locked-form input.has-error{border-color:var(--accent-rose)}.project-locked-form button{border:.5px solid var(--project-accent-border);border-radius:var(--space-2x);background:var(--project-accent-bg);color:var(--project-accent);cursor:pointer;padding:var(--space-3x) var(--space-4x);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line);flex-shrink:0}.project-locked-error{color:var(--accent-rose);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line);margin-top:var(--space-3x);display:block}@media (width<=520px){.project-locked-panel{padding:var(--space-7x) var(--space-5x)}.project-locked-form{flex-direction:column}}:root[data-theme=light] .project-locked-logo img{filter:invert()}.project-section-eyebrow{align-items:center;gap:var(--space-2x);width:max-content;max-width:100%;color:var(--project-accent);font-family:var(--type-utility-sm-family);font-size:var(--type-utility-sm-size);font-weight:var(--type-utility-sm-weight);line-height:var(--type-utility-sm-line);letter-spacing:var(--type-utility-sm-tracking);text-transform:uppercase;margin:0 0 var(--space-3x);display:inline-flex}.project-section-eyebrow span{color:var(--text-secondary);font-family:var(--type-utility-sm-family);font-size:var(--type-utility-sm-size);font-weight:var(--type-utility-sm-weight);line-height:var(--type-utility-sm-line);letter-spacing:0}.project-module-text-image{align-items:center;gap:var(--space-10x);padding:var(--space-20x) 0;border-top:.5px solid var(--stroke-light);display:flex}.project-module-text-image.image-left{flex-direction:row-reverse}.project-module-text-copy{flex:1.3;min-width:0}.project-module-text-copy h2{color:var(--text-primary);font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking);margin:0 0 16px}.project-module-text-copy>p:not(.project-section-eyebrow){color:var(--text-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);margin:0}.project-module-inline-callout{border-left:.5px solid var(--project-accent-border);border-radius:var(--space-2x);background:var(--project-accent-bg);color:var(--text-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);margin-top:var(--space-5x);padding:var(--space-4x) var(--space-5x)}.project-module-text-visual{border:.5px solid var(--stroke-light);border-radius:var(--space-2x);background:var(--bg-secondary);flex:1;min-width:0;overflow:hidden}.project-module-text-visual img{width:100%;height:auto;display:block}.project-module-text-visual span{min-height:var(--space-75x);color:var(--text-secondary);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line);place-items:center;display:grid}@media (width<=900px){.project-module-text-image,.project-module-text-image.image-left{padding:var(--space-14x) 0;flex-direction:column;align-items:stretch}}@media (width<=640px){.project-module-text-image,.project-module-text-image.image-left{padding:var(--space-10x) 0}.project-module-inline-callout{padding:var(--space-4x)}}.project-module-full-image{padding:var(--space-20x) 0;border-top:.5px solid var(--stroke-light)}.project-module-full-image-heading{max-width:var(--space-190x);margin:0 auto var(--space-6x)}.project-module-full-image h2{color:var(--text-primary);font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking);margin:0}.project-module-full-image-frame{border-top:.5px solid var(--project-accent-border);border-bottom:.5px solid var(--project-accent-border);background:var(--bg-secondary);overflow:hidden}.project-module-full-image-frame img{width:100%;height:auto;display:block}.project-module-full-image>p{max-width:var(--space-190x);color:var(--text-secondary);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line);margin:var(--space-4x) auto 0}@media (width<=900px){.project-module-full-image{padding:var(--space-14x) 0}}@media (width<=640px){.project-module-full-image{padding:var(--space-10x) 0}}.project-module-horizontal{padding:var(--space-20x) 0;border-top:.5px solid var(--stroke-light);position:relative}.project-module-horizontal-heading{max-width:var(--space-190x);margin:0 auto var(--space-6x)}.project-module-horizontal h2{color:var(--text-primary);font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking);margin:0}.project-module-horizontal-frame{scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-top:.5px solid var(--project-accent-border);border-bottom:.5px solid var(--project-accent-border);background:var(--bg-secondary);position:relative;overflow:auto hidden}.project-module-horizontal-frame::-webkit-scrollbar{display:none}.project-module-horizontal-frame:after{content:"";width:var(--space-22x);background:linear-gradient(to right, transparent, var(--bg-primary));pointer-events:none;height:100%;margin-left:auto;display:block;position:sticky;right:0}.project-module-horizontal.is-end .project-module-horizontal-frame:after{opacity:0}.project-module-horizontal-frame img{width:var(--space-330x);max-width:none;max-height:var(--space-140x);-webkit-user-select:none;user-select:none;height:auto;display:block}.project-module-horizontal>p{max-width:var(--space-190x);color:var(--text-secondary);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line);margin:var(--space-4x) auto 0}@media (pointer:fine){.project-module-horizontal-frame{cursor:grab}.project-module-horizontal-frame:active{cursor:grabbing}}@media (width<=900px){.project-module-horizontal{padding:var(--space-14x) 0}}@media (width<=640px){.project-module-horizontal{padding:var(--space-10x) 0}.project-module-horizontal-frame img{max-height:var(--space-90x)}}.project-module-annotated{padding:var(--space-20x) 0;border-top:.5px solid var(--stroke-light)}.project-module-annotated-heading{max-width:var(--space-190x);margin:0 auto var(--space-6x)}.project-module-annotated h2{color:var(--text-primary);font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking);margin:0}.project-module-annotated-frame{border:.5px solid var(--stroke-light);border-radius:var(--space-2x);background:var(--bg-secondary);position:relative;overflow:hidden}.project-module-annotated-frame img{width:100%;height:auto;display:block}.project-module-annotation-dot{width:var(--space-7x);height:var(--space-7x);border:.5px solid var(--project-accent-border);background:var(--project-accent-bg);color:var(--project-accent);font-family:var(--type-small-family);font-size:var(--type-small-size);box-shadow:0 0 18px var(--project-accent-border);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.project-module-annotated ol{gap:var(--space-3x);margin:var(--space-4x) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.project-module-annotated li{align-items:flex-start;gap:var(--space-2x);color:var(--text-secondary);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line);display:flex}.project-module-annotated li span{color:var(--project-accent);font-family:var(--type-code-family)}@media (width<=900px){.project-module-annotated{padding:var(--space-14x) 0}.project-module-annotated ol{grid-template-columns:1fr}}@media (width<=640px){.project-module-annotated{padding:var(--space-10x) 0}.project-module-annotation-dot{display:none}}.project-module-before-after{padding:var(--space-20x) 0;border-top:.5px solid var(--stroke-light)}.project-module-before-after-heading{max-width:var(--space-190x);margin:0 auto var(--space-6x)}.project-module-before-after h2{color:var(--text-primary);font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking);margin:0}.project-module-comparison-grid{gap:var(--space-4x);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-module-comparison-grid figure{margin:0}.project-module-comparison-grid img{border:.5px solid var(--stroke-light);border-radius:var(--space-2x);background:var(--bg-secondary);width:100%;height:auto;display:block}.project-module-comparison-grid figcaption{color:var(--text-secondary);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line);margin-top:var(--space-3x)}.project-module-comparison-grid .after figcaption{color:var(--project-accent)}@media (width<=900px){.project-module-before-after{padding:var(--space-14x) 0}}@media (width<=640px){.project-module-before-after{padding:var(--space-10x) 0}.project-module-comparison-grid{grid-template-columns:1fr}}.project-module-image-row{padding:var(--space-20x) 0;border-top:.5px solid var(--stroke-light)}.project-module-image-row-heading{max-width:var(--space-190x);margin:0 auto var(--space-6x)}.project-module-image-row h2{color:var(--text-primary);font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking);margin:0}.project-module-image-row-grid{grid-template-columns:repeat(var(--image-row-columns), minmax(0, 1fr));gap:var(--space-4x);display:grid}.project-module-image-row figure{margin:0}.project-module-image-row img{border:.5px solid var(--stroke-light);border-radius:var(--space-2x);background:var(--bg-secondary);width:100%;height:auto;display:block}.project-module-image-row .accent img{border-color:var(--project-accent-border)}.project-module-image-row figcaption{color:var(--text-secondary);font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-line);margin-top:var(--space-3x)}.project-module-image-row .accent figcaption{color:var(--project-accent)}@media (width<=900px){.project-module-image-row{padding:var(--space-14x) 0}.project-module-image-row-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.project-module-image-row{padding:var(--space-10x) 0}.project-module-image-row-grid{grid-template-columns:1fr}}.project-module-callout{padding:var(--space-14x) 0;border-top:.5px solid var(--stroke-light)}.project-module-callout div{border-left:.5px solid var(--project-accent-border);border-radius:var(--space-2x);background:var(--project-accent-bg);color:var(--text-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);padding:var(--space-4x) var(--space-5x)}.project-module-callout.quote div{color:var(--text-secondary);font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-line)}@media (width<=640px){.project-module-callout{padding:var(--space-10x) 0}.project-module-callout div{padding:var(--space-4x)}}.project-module-stats{padding:var(--space-20x) 0;border-top:.5px solid var(--stroke-light)}.project-module-stats h2{color:var(--text-primary);font-family:var(--type-heading-family);font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);letter-spacing:var(--type-heading-tracking);margin:0 0 var(--space-6x)}.project-module-stats-grid{gap:var(--space-4x);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project-module-stats article{min-height:var(--space-35x);border:.5px solid var(--stroke-light);border-radius:var(--space-2x);background:var(--bg-secondary);padding:var(--space-6x)}.project-module-stats strong{color:var(--project-accent);font-family:var(--type-code-family);font-size:var(--type-heading-size);margin-bottom:var(--space-3x);font-weight:500;line-height:1.1;display:block}.project-module-stats p{color:var(--text-secondary);font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-line);margin:0}@media (width<=900px){.project-module-stats{padding:var(--space-14x) 0}.project-module-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.project-module-stats{padding:var(--space-10x) 0}.project-module-stats strong{font-size:var(--type-body-lg-size)}}@media (width<=375px){.project-module-stats-grid{grid-template-columns:1fr}}.project-module-reflections{padding:var(--space-20x) 0;border-top:.5px solid var(--stroke-light)}.project-module-reflection-list{gap:var(--space-3x);display:grid}.project-module-reflections article{border-left:.5px solid var(--stroke-light);border-radius:var(--space-x);background:var(--bg-secondary);padding:var(--space-3x) var(--space-4x)}.project-module-reflections article.accent{border-left-color:var(--project-accent-border)}.project-module-reflections span{color:var(--text-secondary);font-family:var(--type-utility-sm-family);font-size:var(--type-utility-sm-size);font-weight:var(--type-utility-sm-weight);line-height:var(--type-utility-sm-line);letter-spacing:var(--type-utility-sm-tracking);text-transform:uppercase;margin-bottom:var(--space-x);display:block}.project-module-reflections p{color:var(--text-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);margin:0}@media (width<=900px){.project-module-reflections{padding:var(--space-14x) 0}}@media (width<=640px){.project-module-reflections{padding:var(--space-10x) 0}}.project-page{--project-accent:var(--accent-green);--project-accent-bg:var(--accent-green-a12);--project-accent-border:var(--accent-green-a18);padding:0 0 var(--space-6x);flex-direction:column;display:flex}.project-page-modules{max-width:var(--space-270x);width:100%;margin:0 auto}@media (width<=900px){.project-page{padding-bottom:var(--space-2x)}}