@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-md:17px;--font-lg:20px;--font-xl:28px;--font-2xl:36px;--font-3xl:48px;--font-hero:clamp(40px, 6vw, 64px);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.25, 1.25, .5, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--dur-fast:.18s;--dur-med:.28s;--dur-slow:.42s;--island-pad-block:10px;--island-pad-inline:20px;--island-max-width:760px}[data-theme=light]{--color-bg:#f0f0f3;--color-surface:#fff;--color-surface-raised:#f7f7fa;--color-border:#e0e1e6;--color-border-input:#d9d9e0;--color-border-hover:#b0b4ba;--color-text-primary:#1c2024;--color-text-secondary:#60646c;--color-text-tertiary:#b0b4ba;--color-accent:#000;--color-accent-inv:#fff;--shadow-whisper:0 2px 4px #0000000f, 0 1px 2px #0000000a;--shadow-card:0 4px 12px #00000012, 0 1px 3px #0000000d;--shadow-card-hover:0 8px 24px #00000017, 0 2px 6px #0000000f;--shadow-island:0 4px 20px #00000014, 0 1px 4px #0000000d;--shadow-island-scrolled:0 6px 28px #0000001c, 0 2px 6px #00000012;--island-bg:#ffffffe0;--island-bg-scrolled:#fffffff2;--overlay-bg:#f0f0f380;--overlay-col:#1c2024d9;--toggle-icon:"";--toggle-label:"Switch to Dark"}[data-theme=dark]{--color-bg:#0d0d0d;--color-surface:#161616;--color-surface-raised:#1e1e1e;--color-border:#ffffff14;--color-border-input:#ffffff1f;--color-border-hover:#ffffff40;--color-text-primary:#f0f0f0;--color-text-secondary:#909090;--color-text-tertiary:#555;--color-accent:#f0f0f0;--color-accent-inv:#111;--shadow-whisper:0 2px 4px #0000004d;--shadow-card:0 4px 16px #00000059;--shadow-card-hover:0 8px 28px #00000073;--shadow-island:0 4px 24px #00000080;--shadow-island-scrolled:0 6px 32px #0009;--island-bg:#141414e0;--island-bg-scrolled:#121212f7;--overlay-bg:#00000073;--overlay-col:#f0f0f0e6;--toggle-icon:"";--toggle-label:"Switch to Light"}*,:before,:after{box-sizing:border-box;border:none;outline:none;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text-primary);font-family:Inter,-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif;font-size:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background var(--dur-med) ease, color var(--dur-med) ease;font-weight:400;line-height:1.6;overflow-x:hidden}body.no-transition,body.no-transition *{transition:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-xs)}#particle-background{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}[data-theme=light] #particle-background{opacity:.18}[data-theme=dark] #particle-background{opacity:.35}.container{width:100%;max-width:1160px;padding-inline:var(--space-6);margin-inline:auto}header{top:0;z-index:100;padding:12px var(--space-5);pointer-events:none;background:0 0;border:none;position:fixed;inset-inline:0}.nav-island{max-width:var(--island-max-width);justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--island-pad-block) var(--island-pad-inline);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);box-shadow:var(--shadow-island);pointer-events:auto;transition:transform var(--dur-slow) var(--ease-out), padding var(--dur-slow) var(--ease-standard), box-shadow var(--dur-med) var(--ease-out), background var(--dur-med) var(--ease-standard), border-color var(--dur-med) var(--ease-standard), max-width var(--dur-slow) var(--ease-standard);background:#6d6d6d14;border:1px solid #5e5e5e1f;margin-inline:auto;display:flex;position:relative}.nav-island:hover{transform:translateY(-2px)scale(1.02)}.nav-island:active{transform:translateY(0)scale(1)}.nav-island nav{position:absolute;left:50%;transform:translate(-50%)}header.scrolled .nav-island{--island-pad-block:7px;--island-pad-inline:16px;max-width:680px;box-shadow:var(--shadow-island-scrolled);background:#6d6d6d14}header.transitioning .nav-island{pointer-events:none}.logo{font-size:var(--font-base);color:var(--color-accent);letter-spacing:-.3px;transition:opacity var(--dur-fast) ease;flex-shrink:0;font-weight:700;line-height:1}.logo:hover{opacity:.55}nav{align-items:center;gap:var(--space-5);display:flex;position:relative}nav a{font-size:var(--font-sm);color:var(--color-text-secondary);padding-block:var(--space-1);white-space:nowrap;transition:color var(--dur-fast) var(--ease-standard);font-weight:500;position:relative}nav a:hover,nav a.active{color:var(--color-text-primary)}nav a.active{position:relative}nav a.active:after{content:"";background:var(--color-accent);border-radius:var(--radius-pill);width:100%;height:2px;transition:opacity .2s;position:absolute;bottom:-2px;left:0}.nav-indicator{border-radius:var(--radius-pill);background:var(--color-accent);pointer-events:none;width:0;height:2px;transition:transform .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;transform:translate(0)}nav.indicator-ready a.active:after{opacity:0;pointer-events:none}.nav-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.nav-cta{padding:6px var(--space-3);background:var(--color-accent);color:var(--color-accent-inv);font-size:var(--font-xs);border-radius:var(--radius-pill);transition:opacity var(--dur-fast) ease, transform var(--dur-fast) ease;white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.nav-cta:hover{opacity:.78}.nav-cta:active{transform:scale(.96)}.theme-toggle{border-radius:var(--radius-pill);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease, background var(--dur-fast) ease, transform var(--dur-fast) ease;background:0 0;border:1px solid #8383831f;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.theme-toggle:hover{color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid #ffffff1f}.theme-toggle:active{transform:scale(.92)}[data-theme=light] .theme-toggle .icon-sun{display:none}[data-theme=light] .theme-toggle .icon-moon{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex}.hero-inner{justify-content:space-between;align-items:center;gap:var(--space-8);max-width:1160px;padding-inline:var(--space-6);width:100%;padding-block:var(--space-9);margin-inline:auto;display:flex}.hero-content{flex:1;max-width:600px}.hero-eyebrow{align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4);font-weight:600;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--color-text-secondary);flex-shrink:0;width:16px;height:1px}.hero h1{font-size:var(--font-hero);color:var(--color-accent);letter-spacing:-2.5px;margin-bottom:var(--space-4);font-weight:800;line-height:1.08}.hero h1 mark{color:inherit;background:0 0;display:inline-block;position:relative}.hero h1 mark:after{content:"";background:var(--color-accent);opacity:.2;border-radius:var(--radius-pill);height:2px;position:absolute;bottom:6px;left:0;right:0}.hero-subtitle{font-size:var(--font-md);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:460px;font-weight:400;line-height:1.5}.hero-cta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.social-links{align-items:center;gap:var(--space-3);display:flex}.social-links a{border-radius:var(--radius-pill);border:1px solid var(--color-border-input);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-med) var(--ease-out);will-change:transform;justify-content:center;align-items:center;font-size:15px;display:flex}.social-links a:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary);box-shadow:var(--shadow-whisper);transform:translateY(-2px)scale(1.05)}.hero-avatar{flex-shrink:0;position:relative}.hero-avatar img{border-radius:var(--radius-pill);object-fit:cover;border:1px solid var(--color-border);background:var(--color-surface);width:240px;height:240px;box-shadow:var(--shadow-card);transition:box-shadow var(--dur-med) var(--ease-out), transform var(--dur-slow) var(--ease-out);display:block}.hero-avatar img:hover{box-shadow:var(--shadow-card-hover);transform:scale(1.02)}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-5);background:var(--color-accent);color:var(--color-accent-inv);font-size:var(--font-sm);border-radius:var(--radius-pill);transition:opacity var(--dur-fast) ease, transform var(--dur-fast) ease;white-space:nowrap;font-weight:600;display:inline-flex}.btn-primary:hover{opacity:.82}.btn-primary:active{transform:scale(.97)}.btn-ghost{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-5);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-sm);border-radius:var(--radius-pill);border:1px solid var(--color-border-input);box-shadow:var(--shadow-whisper);transition:box-shadow var(--dur-fast) ease, border-color var(--dur-fast) ease, transform var(--dur-fast) ease;font-weight:500;display:inline-flex}.btn-ghost:hover{box-shadow:var(--shadow-card);border-color:var(--color-text-secondary)}.btn-ghost:active{transform:scale(.97)}.btn-ghost i{color:var(--color-text-secondary);font-size:13px}.section{padding-block:var(--space-9);border-top:1px solid var(--color-border)}.section-header{margin-bottom:var(--space-7)}.section-label{align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-3);font-weight:600;display:inline-flex}.section-label:before{content:"";background:currentColor;width:16px;height:1px}.section-title{font-size:var(--font-3xl);color:var(--color-accent);letter-spacing:-1.8px;font-weight:700;line-height:1.1}.section-desc{margin-top:var(--space-3);font-size:var(--font-md);color:var(--color-text-secondary);max-width:520px;line-height:1.55}.project-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-whisper);transition:box-shadow var(--dur-med) var(--ease-out), border-color var(--dur-med) ease;flex-direction:column;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-hover)}.project-img-wrapper{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;width:100%;height:220px;display:flex;overflow:hidden}.project-image{object-fit:contain;max-width:100%;max-height:100%;transition:transform var(--dur-slow) var(--ease-out)}.project-card:hover .project-image{transform:scale(1.04)}.project-content{padding:var(--space-5);gap:var(--space-2);flex-direction:column;flex-grow:1;display:flex}.project-title{font-size:var(--font-lg);color:var(--color-text-primary);letter-spacing:-.5px;font-weight:600;line-height:1.25}.project-desc{font-size:var(--font-sm);color:var(--color-text-secondary);flex-grow:1;line-height:1.7}.project-links{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.project-link{padding:6px var(--space-4);background:var(--color-accent);color:var(--color-accent-inv);font-size:var(--font-xs);border-radius:var(--radius-sm);transition:opacity var(--dur-fast) ease, transform var(--dur-fast) ease;align-items:center;font-weight:600;display:inline-flex}.project-link:hover{opacity:.82}.project-link:active{transform:scale(.97)}.project-repo{padding:6px var(--space-4);border:1px solid var(--color-border-input);color:var(--color-text-secondary);font-size:var(--font-xs);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) ease, color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, transform var(--dur-fast) ease;background:0 0;align-items:center;gap:5px;font-weight:500;display:inline-flex}.project-repo:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-whisper)}.project-repo:active{transform:scale(.97)}.video-list{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.video-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-whisper);transition:box-shadow var(--dur-med) var(--ease-out), border-color var(--dur-med) ease;flex-direction:column;display:flex;overflow:hidden}.video-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-hover)}.video-thumbnail-wrapper{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);width:100%;height:190px;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out);display:block}.video-card:hover .video-thumbnail{transform:scale(1.04)}.video-thumbnail-wrapper:after{content:"▶";color:#0000;transition:color var(--dur-med) ease, background var(--dur-med) ease;pointer-events:none;background:0 0;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:0}.video-card:hover .video-thumbnail-wrapper:after{color:var(--overlay-col);background:var(--overlay-bg)}.video-content{padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;flex-grow:1;display:flex}.video-title{font-size:var(--font-base);color:var(--color-text-primary);transition:color var(--dur-fast) ease;font-weight:600;line-height:1.35;display:block}.video-title:hover{color:var(--color-text-secondary)}.video-desc{font-size:var(--font-xs);color:var(--color-text-tertiary);flex-grow:1;line-height:1.65}.video-link{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);padding:6px var(--space-4);border:1px solid var(--color-border-input);color:var(--color-text-secondary);font-size:var(--font-xs);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) ease, color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, transform var(--dur-fast) ease;background:0 0;align-self:flex-start;align-items:center;gap:5px;margin-top:auto;font-weight:500;display:inline-flex}.video-link:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-whisper)}.video-link:active{transform:scale(.97)}footer{padding-block:var(--space-7);border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-inner{max-width:1160px;padding-inline:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-inline:auto;display:flex}#copyright{font-size:var(--font-sm);color:var(--color-text-tertiary);font-weight:400}.footer-links{align-items:center;gap:var(--space-5);display:flex}.footer-links a{font-size:var(--font-sm);color:var(--color-text-secondary);transition:color var(--dur-fast) ease}.footer-links a:hover{color:var(--color-text-primary);opacity:.8}.page-transition{opacity:0;transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}.page-transition.fade-in{opacity:1;transform:translateY(0)}.page-transition.fade-out{opacity:0;transform:translateY(-8px)}.reveal{opacity:0;will-change:transform, opacity;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}body.loaded .reveal{opacity:1;transform:translateY(0)}.delay-1{transition-delay:60ms}.delay-2{transition-delay:.12s}.delay-3{transition-delay:.18s}.delay-4{transition-delay:.24s}@media (width<=1024px){.hero h1{letter-spacing:-1.8px}.video-list{grid-template-columns:repeat(2,1fr)}.project-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width<=640px){:root{--space-6:20px;--space-9:64px;--font-3xl:32px}header{padding:10px var(--space-3)}.nav-island{--island-pad-inline:var(--space-4)}.nav-cta{display:none}nav{gap:var(--space-4)}.hero-inner{padding-block:var(--space-8);gap:var(--space-7);text-align:center;flex-direction:column}.hero-avatar{order:-1}.hero-avatar img{width:160px;height:160px}.hero h1{letter-spacing:-1.5px}.hero-subtitle{max-width:100%}.hero-eyebrow,.hero-cta,.social-links{justify-content:center}.hero-cta{flex-wrap:wrap}.project-list{grid-template-columns:1fr}.video-list{gap:var(--space-4);grid-template-columns:1fr}.section-title{letter-spacing:-1px}.footer-inner{flex-direction:column;align-items:flex-start}.project-links{flex-direction:column}.project-link,.project-repo{justify-content:center;width:100%}}