@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap";:root{--color-bg:#fff;--color-canvas:#fff;--color-surface:#f5f5f7;--color-surface-2:#fafafc;--color-border:#e0e0e0;--color-border-2:#d2d2d7;--color-primary:#06c;--color-primary-focus:#0071e3;--color-primary-on-dark:#2997ff;--color-primary-2:#06c;--color-accent:#06c;--color-accent-2:#2997ff;--color-cyan:#2997ff;--color-text:#1d1d1f;--color-text-muted:#86868b;--color-text-dim:#7a7a7a;--font-heading:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Inter", sans-serif;--font-body:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Inter", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", SFProText-Regular, "Space Mono", Monaco, Consolas, monospace;--radius-sm:8px;--radius-md:11px;--radius-lg:18px;--radius-xl:18px;--radius-full:9999px;--shadow-glow-primary:none;--shadow-glow-accent:none;--shadow-card:none;--product-shadow:#00000038 3px 5px 30px 0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);letter-spacing:-.022em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.47;overflow-x:hidden}@media (hover:hover) and (pointer:fine){html.custom-cursor-ready,html.custom-cursor-ready *{cursor:auto!important}}.custom-cursor{z-index:10000;pointer-events:none;filter:none;mix-blend-mode:multiply;opacity:.95;will-change:transform, width, height;background:#6366f11a;border:1px solid #59438a80;border-radius:999px;width:30px;height:30px;transition:width .22s,height .22s,background-color .22s,border-color .22s,box-shadow .22s,filter .22s,opacity .22s;display:none;position:fixed;top:0;left:0;box-shadow:0 0 18px #6366f138}.custom-cursor.is-hovering-control{filter:none;background:#000000b8;border-color:#000000a6;width:16px;height:16px;box-shadow:0 0 0 8px #0000000f}.custom-cursor.is-hovering-text{filter:none;background:#6366f114;border-color:#6366f15c;width:58px;height:58px;box-shadow:0 0 0 1px #6366f11f,0 0 28px #6366f124}.custom-cursor.is-hidden{opacity:0}.noise-overlay{display:none}.dynamic-bg-container{z-index:-1;background:var(--color-bg);position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.15;animation:15s ease-in-out infinite alternate blob-morph;position:absolute}.blob-1{background:var(--color-primary-2);width:50vw;height:50vw;animation-delay:0s;top:10%;left:20%}.blob-2{background:var(--color-text-dim);width:40vw;height:40vw;animation-duration:20s;animation-delay:-5s;top:40%;right:10%}.blob-3{background:var(--color-text-muted);width:60vw;height:60vw;animation-duration:25s;animation-delay:-10s;bottom:0%;left:40%}@keyframes blob-morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0)scale(1)}50%{border-radius:30% 60% 70% 40%/50% 60% 30%;transform:rotate(180deg)scale(1.1)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(360deg)scale(1)}}#root{text-align:left;width:100%;min-height:100svh}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}h1,h2,h3,h4,h5{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--color-text);font-weight:600;line-height:1.1}.glass{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border)}.glass-2{background:var(--color-surface-2);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border-2)}.gradient-text,.gradient-text-cyan{color:var(--color-text)}.container{max-width:1200px;margin:0 auto}.container-narrow{max-width:860px;margin:0 auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:2px}::selection{color:#fff;background:#6366f159}.mesh-bg{display:none}@keyframes meshFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(5%,5%)scale(1.1)}66%{transform:translate(-3%,3%)scale(.95)}}@keyframes meshFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-4%,-4%)scale(1.15)}}.progress-bar{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));transform-origin:0;z-index:100;height:2px;position:fixed;top:0;left:0;right:0}.section-transition-layer{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.section-wash{opacity:0;transition:background .55s,opacity .55s;position:absolute;inset:0}.section-wash.tone-home{opacity:0;background:radial-gradient(circle at 50% 12%,#ffffff03,#0000 58%)}.section-wash.tone-skills{opacity:1;background:radial-gradient(circle at 12% 28%,#6366f112,#0000 42%)}.section-wash.tone-journey{opacity:1;background:radial-gradient(circle at 82% 36%,#22d3ee0e,#0000 44%)}.section-wash.tone-works{opacity:1;background:radial-gradient(circle at 50% 24%,#0000000b,#0000 48%)}.section-sweep{opacity:0;background:linear-gradient(90deg,#0000,#6366f1b8,#00000094,#0000);width:100%;height:1px;animation:.72s cubic-bezier(.16,1,.3,1) section-sweep;position:absolute;top:96px;left:0;transform:translate(-100%)}@keyframes section-sweep{0%{opacity:0;transform:translate(-100%)}18%{opacity:1}to{opacity:0;transform:translate(100%)}}.sub-nav{z-index:999;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);background:#f5f5f7cc;justify-content:center;align-items:center;height:52px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.sub-nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1024px;padding:0 22px;display:flex}.sub-nav-title{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.015em;font-size:21px;font-weight:600;text-decoration:none}.sub-nav-links{align-items:center;gap:24px;display:flex}.sub-nav-link{color:var(--color-text-muted);letter-spacing:-.12px;font-size:12px;font-weight:400;font-family:var(--font-body);text-decoration:none;transition:color .2s}.sub-nav-link:hover{color:var(--color-primary)}.sub-nav-link.active{color:var(--color-text)}.sub-nav-btn{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;cursor:pointer;font-size:12px;font-weight:400;font-family:var(--font-body);border:none;align-items:center;padding:4px 12px;text-decoration:none;transition:all .2s;display:inline-flex}.sub-nav-btn:active{transform:scale(.95)}.hero{justify-content:center;align-items:center;min-height:100svh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.bento-hero{background:var(--color-bg);--hero-scroll:0}.hero-scroll-pin{height:200vh;position:relative}.hero-scroll-pin .bento-hero,.hero-scroll-pin .vesper-hero{height:100svh;min-height:unset;position:sticky;top:0;overflow:hidden}.hero-scroll-pin .hero-bento-grid{will-change:transform, opacity;transform-origin:50%;transition:none}.hero-scroll-indicator{opacity:calc(1 - var(--hero-scroll) * 4);pointer-events:none;z-index:10;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-dot{background:var(--color-text);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite scroll-bounce;display:block}@keyframes scroll-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(10px)}}.scroll-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-dim);font-size:10px}.hero-canvas-wrapper{z-index:0;pointer-events:none;transition:opacity .3s ease-out;position:absolute;inset:0}.hero-canvas-wrapper canvas{width:100%!important;height:100%!important}.hero-bento-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.bento-hero.is-scroll-active .bento-card{border-color:#00000024}.bento-card{background:var(--color-surface);border:1px solid var(--color-border);opacity:0;will-change:opacity, transform;padding:40px;transition:opacity .6s,transform .6s,border-color .2s,background-color .2s;position:relative;overflow:hidden;transform:translateY(30px)}.bento-card.bento-visible{opacity:1;transform:translateY(0)}.stat-card{transform-style:preserve-3d}.stat-card.is-tilting{transition:opacity .6s,transform .18s,border-color .2s,background-color .2s}.col-span-2{grid-column:span 2}.col-span-4{grid-column:span 4}.main-title-card{grid-column:span 3}@media (width<=768px){.hero-bento-grid{grid-template-columns:1fr}.main-title-card,.bento-card.col-span-2{grid-column:span 1}}.bento-title{letter-spacing:-.03em;color:var(--color-text);text-transform:none;margin-bottom:24px;font-size:clamp(42px,5.8vw,74px);font-weight:400;line-height:.98}.bento-title b{font-weight:700}.bento-desc{color:var(--color-text-muted);max-width:620px;margin-bottom:28px;font-size:17px;line-height:1.6}.hero-kicker{color:var(--color-primary-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-size:12px}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:26px;display:flex}.hero-location{color:var(--color-text-dim);letter-spacing:.02em;align-items:center;gap:8px;font-size:14px;display:flex}.hero-location:before{content:"";background:var(--color-text-dim);border-radius:999px;width:5px;height:5px}.hero-scroll-line{background:#00000014;height:1px;position:absolute;bottom:22px;left:40px;right:40px;overflow:hidden}.hero-scroll-line:after{content:"";width:100%;height:100%;transform:scaleX(var(--hero-scroll));transform-origin:0;background:linear-gradient(90deg,#6366f1bf,#000000bf);display:block}.bento-btn{color:var(--color-text);letter-spacing:.1em;border:1px solid var(--color-border-2);text-transform:uppercase;background:0 0;align-items:center;gap:8px;padding:12px 24px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.bento-btn-dark{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.bento-btn:hover{background:var(--color-text);color:var(--color-bg)}.corner-tl,.corner-tr,.corner-bl,.corner-br{border:1px solid var(--color-border-2);opacity:0;width:6px;height:6px;transition:opacity .6s,transform .6s;position:absolute}.corner-tl{border-bottom:none;border-right:none;top:8px;left:8px;transform:translate(-16px,-16px)}.corner-tr{border-bottom:none;border-left:none;top:8px;right:8px;transform:translate(16px,-16px)}.corner-bl{border-top:none;border-right:none;bottom:8px;left:8px;transform:translate(-16px,16px)}.corner-br{border-top:none;border-left:none;bottom:8px;right:8px;transform:translate(16px,16px)}.main-title-card.bento-visible .corner-tl,.main-title-card.bento-visible .corner-tr,.main-title-card.bento-visible .corner-bl,.main-title-card.bento-visible .corner-br{opacity:1;transform:translate(0)}.flex-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.stat-number{font-size:48px;font-weight:700;font-family:var(--font-heading);color:var(--color-text);margin-bottom:8px;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);font-size:11px}.tags-card{align-items:center;padding:28px 40px;display:flex}.bento-tags{flex-wrap:wrap;gap:12px;list-style:none;display:flex}.bento-tags li{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);border:1px solid var(--color-border);background:#ffffff94;border-radius:999px;padding:8px 12px;font-size:11px;transition:transform .2s,border-color .2s,color .2s,background-color .2s}.bento-tags li:hover{color:var(--color-primary);border-color:var(--color-primary);background:#0066cc0d;transform:translateY(-2px)}.btn-primary{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;cursor:pointer;font-size:15px;font-weight:500;font-family:var(--font-body);border:none;align-items:center;gap:8px;padding:11px 22px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--color-primary-focus)}.btn-primary:active{transform:scale(.95)}.btn-ghost{border-radius:var(--radius-full);color:var(--color-primary);border:1px solid var(--color-primary);cursor:pointer;font-size:15px;font-weight:500;font-family:var(--font-body);background:0 0;align-items:center;gap:8px;padding:11px 22px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:#0066cc0d}.btn-ghost:active{transform:scale(.95)}.section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary-2);margin-bottom:16px;font-size:11px;display:inline-block}.capabilities-heading .section-label,.experience-intro .section-label,.works-heading .section-label{z-index:3;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);background:#ffffffd1;border-radius:999px;padding:6px 10px;position:sticky;top:92px}.section-title{letter-spacing:-.03em;color:var(--color-text);margin-bottom:16px;font-size:clamp(36px,5vw,64px);font-weight:800}.section-subtitle{color:var(--color-text-muted);max-width:500px;margin-bottom:64px;font-size:16px;line-height:1.7}.capabilities-section{--section-progress:0;background:var(--color-surface);position:relative}.capabilities-section:after,.experience-section:after,.works-section:after{content:"";width:min(100% - 48px,1200px);height:1px;transform:scaleX(var(--section-progress));transform-origin:0;opacity:.58;pointer-events:none;background:linear-gradient(90deg,#6366f1bd,#000000a6);position:absolute;top:84px;left:max(24px,50% - 600px)}.capabilities-heading{max-width:760px}.capabilities-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;display:grid}.capability-card{--accent:var(--color-primary);--level:80%;--scroll-shift:0px;border-radius:var(--radius-lg);cursor:default;isolation:isolate;border:1px solid var(--color-border);min-height:330px;transform:translateY(var(--scroll-shift));padding:0;transition:transform .28s,border-color .28s;position:relative;overflow:hidden;background:var(--color-canvas)!important;box-shadow:none!important}.capability-card:before{content:"";z-index:-1;opacity:0;background:0 0;position:absolute;inset:0}.capability-card:after{content:"";background:var(--color-primary);opacity:.1;height:2px;position:absolute;inset:auto 24px 0}.capability-card:hover{transform:translateY(calc(var(--scroll-shift) - 4px));border-color:var(--color-primary)}.capability-card:hover:before{opacity:1}.capability-card-inner{z-index:1;flex-direction:column;height:100%;padding:28px;display:flex;position:relative}.capability-header{align-items:center;gap:14px;margin-bottom:22px;display:flex}.capability-icon{background:color-mix(in srgb, var(--accent) 12%, white);border:1px solid color-mix(in srgb, var(--accent) 25%, var(--color-border));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:transform .28s;display:flex}.capability-card:hover .capability-icon{transform:rotate(-4deg)scale(1.04)}.capability-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:4px;font-size:10px}.capability-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.capability-focus{color:var(--color-text-muted);min-height:68px;margin-bottom:22px;font-size:14px;line-height:1.6}.capability-meter{background:#0000000f;border-radius:999px;height:6px;margin-bottom:22px;overflow:hidden}.capability-meter span{width:var(--level);border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 35%, white));transform-origin:0;height:100%;animation:1s cubic-bezier(.16,1,.3,1) .25s forwards capability-meter-fill;display:block;transform:scaleX(0)}@keyframes capability-meter-fill{to{transform:scaleX(1)}}.capability-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.capability-tag{background:#ffffffb3;font-size:12px}.capability-tag:hover{color:var(--color-text);border-color:color-mix(in srgb, var(--accent) 26%, var(--color-border));background:color-mix(in srgb, var(--accent) 8%, white);transform:translateY(-2px)}.capability-watermark{opacity:.035;filter:grayscale();pointer-events:none;font-size:112px;line-height:1;transition:opacity .28s,transform .28s;position:absolute;bottom:-28px;right:-18px;transform:rotate(-8deg)}.capability-card:hover .capability-watermark{opacity:.07;transform:rotate(-4deg)scale(1.04)}.capability-stat-strip{border-radius:var(--radius-md);grid-template-columns:repeat(4,minmax(150px,1fr));gap:24px;margin-top:60px;padding:28px 40px;display:grid}.capability-stat{text-align:center;position:relative}.capability-stat:not(:last-child):after{content:"";background:var(--color-border);width:1px;height:80%;position:absolute;top:10%;right:-12px}.capability-stat-value{font-size:36px;font-weight:800;font-family:var(--font-heading);line-height:1}.capability-stat-label{color:var(--color-text-dim);letter-spacing:.06em;margin-top:8px;font-size:12px}.card{border-radius:var(--radius-lg);padding:32px;transition:all .3s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px);border-color:#6366f14d!important}.card:before{content:"";background:radial-gradient(circle at var(--x,50%) var(--y,50%), #6366f114 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:1}.tag{border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:13px;font-family:var(--font-mono);background:#ffffff0d;align-items:center;padding:6px 14px;transition:all .2s;display:inline-flex}.tag:hover{color:var(--color-primary-2);background:#6366f126;border-color:#6366f14d}.experience-section{--experience-progress:0;--section-progress:0;color:#fff!important;background:#272729!important}.experience-section .section-title,.experience-section .experience-company,.experience-section h1,.experience-section h2,.experience-section h3{color:#fff!important}.experience-section h3.release-company{color:var(--accent)!important}.experience-section .section-subtitle,.experience-section .experience-preview,.experience-section .experience-detail{color:#ccc!important}.experience-section .experience-card{color:#fff!important;box-shadow:none!important;background:#2a2a2c!important;border:1px solid #ffffff1a!important}.experience-section .experience-period,.experience-section .experience-summary span,.experience-section .experience-chips span{color:#000!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important}.experience-section .timeline-line{background:linear-gradient(#0000,#fff3,#0000)!important}.experience-section .timeline-line-fill{background:linear-gradient(to bottom, var(--color-primary-on-dark), var(--color-primary))!important}.experience-section .capabilities-heading .section-label,.experience-section .experience-intro .section-label{color:var(--color-primary-on-dark)!important;background:#2a2a2cd1!important;border:1px solid #ffffff1a!important}.experience-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.35fr);align-items:start;gap:72px;display:grid}.experience-intro{position:sticky;top:120px}.experience-summary{border-radius:var(--radius-md);flex-wrap:wrap;gap:10px;max-width:430px;padding:14px;display:flex}.experience-summary span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#000;border:1px solid var(--color-border);background:#ffffffa3;border-radius:999px;padding:6px 10px;font-size:11px}.experience-timeline{padding-left:36px;position:relative}.timeline-line{background:linear-gradient(#0000,#0000002e,#0000);width:1px;position:absolute;top:0;bottom:0;left:0}.timeline-line-fill{width:1px;height:100%;transform:scaleY(var(--experience-progress));transform-origin:top;z-index:1;background:linear-gradient(#6366f1f2,#000000bf);transition:transform .14s ease-out;position:absolute;top:0;left:0}.experience-item{--accent:var(--color-text);margin-bottom:32px;position:relative}.timeline-dot{z-index:2;background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 12%, transparent), 0 0 16px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;position:absolute;top:28px;left:-40px}.experience-card{--accent:var(--color-text);border-radius:var(--radius-md);cursor:pointer;padding:28px;transition:transform .28s,border-color .28s,box-shadow .28s,background-color .28s;position:relative;overflow:hidden}.experience-card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%), color-mix(in srgb, var(--accent) 15%, transparent) 0%, transparent 34%), linear-gradient(135deg, #ffffffdb, #ffffff61);transition:opacity .28s;position:absolute;inset:0}.experience-card:hover,.experience-card.is-active{border-color:color-mix(in srgb, var(--accent) 34%, var(--color-border));box-shadow:0 24px 58px -36px color-mix(in srgb, var(--accent) 40%, black);transform:translateY(-4px)}.experience-card:hover:before,.experience-card.is-active:before{opacity:1}.experience-card>*{z-index:1;position:relative}.experience-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.experience-role-block{align-items:center;gap:14px;display:flex}.experience-logo{background:color-mix(in srgb, var(--accent) 11%, white);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--color-border));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;transition:transform .28s;display:flex}.experience-card:hover .experience-logo,.experience-card.is-active .experience-logo{transform:rotate(-4deg)scale(1.04)}.experience-company{color:var(--color-text);margin-bottom:3px;font-size:20px;font-weight:700}.experience-role{color:var(--accent);font-size:14px;font-weight:600}.experience-meta{align-items:center;gap:10px;display:flex}.experience-period{font-family:var(--font-mono);color:var(--color-text-dim);border:1px solid var(--color-border);background:#ffffff94;border-radius:999px;padding:5px 10px;font-size:11px}.experience-expand{color:var(--color-text-dim);font-size:20px;line-height:1}.experience-preview{color:var(--color-text-muted);max-width:680px;margin-top:20px;font-size:14px;line-height:1.7}.experience-detail{color:var(--color-text-muted);border-top:1px solid var(--color-border);margin-top:20px;padding-top:16px;font-size:14px;line-height:1.7}.experience-chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.experience-chips span{font-size:11px;font-weight:600;font-family:var(--font-mono);background:color-mix(in srgb, var(--accent) 8%, white);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--color-border));color:var(--accent);letter-spacing:.04em;border-radius:999px;padding:5px 11px}.experience-chips.expanded{margin-top:16px}.education{margin-bottom:0}.education .experience-card{cursor:default}.experience-release-log{flex-direction:column;gap:14px;display:flex}.release-log-header{font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.14em;text-transform:uppercase;grid-template-columns:minmax(0,1fr) 120px;gap:18px;padding:0 22px 8px;font-size:10px;display:grid}.release-item{--accent:var(--color-text);position:relative}.release-card{text-align:left;border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;color:inherit;font:inherit;cursor:pointer;grid-template-columns:minmax(0,1fr) 120px;align-items:start;gap:18px;padding:22px;transition:transform .28s,border-color .28s,box-shadow .28s,background-color .28s;display:grid;position:relative;overflow:hidden}.release-card:before{content:"";background:var(--accent);transform-origin:top;width:3px;transition:transform .28s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.release-card:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);transform-origin:0;opacity:.55;height:1px;transition:transform .28s;position:absolute;bottom:0;left:22px;right:22px;transform:scaleX(0)}.release-card:hover,.release-card.is-active{border-color:color-mix(in srgb, var(--accent) 32%, var(--color-border));box-shadow:0 24px 60px -40px color-mix(in srgb, var(--accent) 38%, black);background:color-mix(in srgb, var(--accent) 3%, white);transform:translate(8px)}.release-card:hover:before,.release-card:hover:after,.release-card.is-active:before,.release-card.is-active:after{transform:scale(1)}.release-title-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.release-title-row h3{margin-bottom:4px;font-size:21px;line-height:1.2}.release-company{color:var(--accent)}.release-title-row p{color:var(--accent);font-size:14px;font-weight:600}.release-period{font-family:var(--font-mono);color:var(--color-text-dim);border:1px solid var(--color-border);background:#ffffff9e;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11px}.release-summary{color:var(--color-text-muted);margin-top:15px;font-size:14px;line-height:1.65}.release-commits{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.release-commits span,.release-detail-tags span{font-family:var(--font-mono);color:color-mix(in srgb, var(--accent) 80%, black);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--color-border));background:color-mix(in srgb, var(--accent) 7%, white);border-radius:999px;padding:5px 10px;font-size:11px}.release-status{justify-content:flex-end;align-items:center;gap:14px;display:flex}.release-status span{font-family:var(--font-mono);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.release-status i{color:var(--color-text);font-size:20px;font-style:normal;line-height:1}.release-detail{border-radius:var(--radius-md);margin:8px 0;padding:0 22px;overflow:hidden}.release-detail p{color:var(--color-text-muted);padding-top:18px;font-size:14px;line-height:1.7}.release-detail-tags{flex-wrap:wrap;gap:8px;padding:16px 0 20px;display:flex}.education-card{cursor:default}.blog-card{border-radius:var(--radius-lg);cursor:pointer;transition:all .3s;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-card);transform:translateY(-6px)}.blog-card-image{object-fit:cover;background:linear-gradient(135deg,#6366f14d,#a855f733);width:100%;height:200px}.category-badge{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.category-tech{color:var(--color-primary-2);background:#6366f126;border:1px solid #6366f140}.category-flutter{color:#67e8f9;background:#22d3ee1f;border:1px solid #22d3ee40}.category-android{color:#86efac;background:#86efac1f;border:1px solid #86efac40}.category-career{color:#fcd34d;background:#fbbf241f;border:1px solid #fbbf2440}.category-life{color:#f9a8d4;background:#f472b61f;border:1px solid #f472b640}.filter-tabs{flex-wrap:wrap;gap:8px;margin-bottom:48px;display:flex}.filter-tab{border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);background:0 0;padding:8px 20px;transition:all .2s}.filter-tab:hover{color:var(--color-primary-2);border-color:#6366f166}.filter-tab.active{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-color:#0000;box-shadow:0 0 20px #6366f166}.works-section{--section-progress:0;background:var(--color-bg)!important}.works-heading{max-width:760px}.works-console{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);padding:18px;overflow:hidden}.works-toolbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:6px 6px 18px;display:flex}.works-filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.works-filter{border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:#ffffff9e;border-radius:999px;padding:8px 14px;font-size:11px;transition:all .2s}.works-filter:hover,.works-filter.active{color:var(--color-text);background:#fff;border-color:#0000003d;transform:translateY(-1px)}.works-count{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;font-size:11px}.works-console-grid{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);align-items:stretch;gap:18px;display:grid}.works-list{flex-direction:column;gap:10px;display:flex}.works-row{--cover:var(--color-primary);text-align:left;border:1px solid var(--color-border);background:var(--color-canvas);width:100%;color:inherit;border-radius:var(--radius-sm);font:inherit;cursor:pointer;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:14px;transition:transform .24s,border-color .24s,background-color .24s;display:grid;position:relative;overflow:hidden}.works-row:before{content:"";background:var(--cover);transform-origin:top;width:3px;transition:transform .24s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.works-row:hover,.works-row.active{border-color:var(--color-primary);background:var(--color-surface-2);transform:translate(4px);box-shadow:none!important}.works-row:hover:before,.works-row.active:before{transform:scaleY(1)}.works-row-index{font-family:var(--font-mono);color:var(--color-text-dim);font-size:12px}.works-row-main{flex-direction:column;gap:3px;min-width:0;display:flex}.works-row-main strong{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.works-row-main small{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.works-row-signal{border:1px solid var(--color-border-2);border-radius:999px;justify-self:end;width:8px;height:8px}.works-row.active .works-row-signal{background:var(--cover);border-color:#0000;box-shadow:0 0 0 5px #0000000a}.works-feature-wrap{min-width:0}.works-feature{--cover:var(--color-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border);grid-template-columns:minmax(190px,.55fr) minmax(0,1fr);gap:24px;min-height:100%;padding:28px;display:grid;position:relative;overflow:hidden;background:var(--color-bg)!important}.works-feature:before{content:"";opacity:0;background:0 0;position:absolute;inset:0}.works-feature:hover:before{opacity:0}.works-feature>*{z-index:1;position:relative}.works-feature-preview{--preview-shift:0px;border-radius:var(--radius-md);background:var(--cover);min-height:340px;transform:translateY(var(--preview-shift));justify-content:center;align-items:center;padding:18px;transition:transform .16s ease-out;display:flex;overflow:hidden}.works-device-frame{aspect-ratio:9/16;background:#ffffffdb;border:8px solid #000000c7;border-radius:28px;flex-direction:column;justify-content:space-between;width:min(190px,100%);padding:18px;transition:transform .28s;display:flex;transform:rotate(-3deg);box-shadow:var(--product-shadow)!important}.works-feature:hover .works-device-frame{transform:rotate(0)translateY(-4px)}.works-device-frame span{background:#00000040;border-radius:999px;align-self:center;width:42px;height:5px}.works-device-frame strong{color:var(--color-text);margin-bottom:8px;font-size:20px;line-height:1.1;display:block}.works-device-frame small{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.works-feature-content{flex-direction:column;min-width:0;display:flex}.works-feature-meta{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.works-feature-meta span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim);border:1px solid var(--color-border);background:#fff9;border-radius:999px;padding:5px 9px;font-size:10px}.works-feature h3{margin-bottom:16px;font-size:clamp(30px,4vw,48px);line-height:1}.works-feature p{color:var(--color-text-muted);max-width:620px;font-size:15px;line-height:1.7}.works-stack{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.works-stack span{font-family:var(--font-mono);color:var(--color-text-muted);border:1px solid var(--color-border);background:#ffffffad;border-radius:999px;padding:6px 10px;font-size:11px}.works-feature-footer{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:28px;display:flex}.works-link{background:var(--color-text);color:var(--color-bg);letter-spacing:.04em;border-radius:999px;align-items:center;padding:9px 14px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex}.works-link:hover{opacity:.86;transform:translateY(-2px)}.works-private{font-family:var(--font-mono);color:var(--color-text-dim);font-size:12px}.admin-layout{background:var(--color-bg);min-height:100svh;display:flex}.admin-sidebar{border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:4px;width:240px;padding:24px 16px;display:flex}.admin-content{flex:1;padding:32px;overflow-y:auto}.admin-nav-item{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;text-align:left;width:100%;font-size:14px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;transition:all .2s;display:flex}.admin-nav-item:hover,.admin-nav-item.active{color:var(--color-primary-2);background:#6366f11f}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--color-text-muted);font-size:13px;font-weight:500;font-family:var(--font-mono);letter-spacing:.04em}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);font-size:14px;font-family:var(--font-body);resize:vertical;outline:none;padding:12px 16px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.form-select option{background:#1a1a2e}.prose{color:var(--color-text-muted);font-size:16px;line-height:1.8}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--color-text);margin-top:2em;margin-bottom:.5em}.prose h2{font-size:1.7em}.prose h3{font-size:1.3em}.prose p{margin-bottom:1.2em}.prose a{color:var(--color-primary-2);-webkit-text-decoration:underline #818cf84d;text-decoration:underline #818cf84d}.prose code{font-family:var(--font-mono);color:var(--color-text);background:#0000000d;border-radius:4px;padding:2px 8px;font-size:.85em}.prose pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:1.5em 0;padding:20px;overflow-x:auto}.prose pre code{color:var(--color-text);background:0 0;padding:0;font-size:13px}.prose ul,.prose ol{margin-bottom:1.2em;padding-left:1.5em}.prose li{margin-bottom:.4em}.prose blockquote{border-left:3px solid var(--color-primary);color:var(--color-text-dim);margin:1.5em 0;padding-left:16px;font-style:italic}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2em 0}.footer-divider{background:linear-gradient(90deg, transparent, var(--color-border-2), transparent);height:1px;margin-bottom:60px}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:60px}.section{padding:80px 20px}.experience-layout{grid-template-columns:1fr;gap:40px}.experience-intro{position:static}.experience-summary{max-width:none}.capability-stat-strip{grid-template-columns:repeat(2,minmax(150px,1fr))}.capability-stat:nth-child(2):after,.release-log-header{display:none}.release-card{grid-template-columns:minmax(0,1fr) 110px}.release-status{justify-content:flex-start}.release-detail{margin-left:0}.works-console-grid,.works-feature{grid-template-columns:1fr}.works-feature-preview{min-height:280px}.works-device-frame{width:min(170px,72%)}}@media (prefers-reduced-motion:reduce){.capability-card,.works-feature-preview{transform:none!important}.section-wash{transition:none}.section-sweep{display:none}.capabilities-section:after,.experience-section:after,.works-section:after{transition:none}}@media (width<=768px){.hero{padding:100px 20px 60px}.hero-title{font-size:52px}.experience-timeline{padding-left:26px}.timeline-dot{left:-31px}.experience-card{padding:22px}.experience-card-top,.experience-meta,.experience-role-block{align-items:flex-start}.release-card{grid-template-columns:1fr;gap:14px}.release-card:hover,.release-card.is-active{transform:translateY(-4px)}.release-title-row{flex-direction:column;gap:10px}.release-status{grid-column:auto}.release-detail{margin-left:0}.works-toolbar{flex-direction:column;align-items:flex-start}.works-row:hover,.works-row.active{transform:translateY(-2px)}.works-feature{padding:22px}.admin-layout{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;width:100%;overflow-x:auto}.admin-content{padding:20px}.blog-page-header{display:none!important}}@media (width<=480px){.hero-title{font-size:40px}.nav{gap:2px;padding:6px 10px}.nav-link{padding:6px 10px;font-size:12px}.experience-summary,.experience-chips{gap:6px}.experience-logo{width:40px;height:40px}.experience-company{font-size:18px}.capability-stat-strip{grid-template-columns:1fr}.capability-stat:after{display:none}.works-console{padding:14px}.works-row{grid-template-columns:30px minmax(0,1fr) 16px;padding:12px}.works-feature-preview{min-height:240px}.works-device-frame{width:min(150px,78%)}}.stat-card,.tags-card,.blog-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important}.bento-tags li{background:0 0!important}.ask-section{color:#f5f5f7;background:#0d0d0f;position:relative;overflow:hidden}.ask-section:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#2997ff57,#0000 68%);border-radius:50%;width:min(52vw,720px);animation:8s ease-in-out infinite alternate ask-glow;position:absolute;top:-55%;right:-14%}.ask-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(36px,7vw,110px);display:grid;position:relative}.ask-section .section-label{color:#7dbfff}.ask-section .section-title{color:#fff;font-size:clamp(42px,5vw,72px)}.ask-section .section-subtitle{color:#a1a1aa;max-width:420px}.ask-orbit{border:1px solid #ffffff38;border-radius:50%;width:112px;height:112px;margin-top:42px;animation:12s linear infinite ask-spin}.ask-orbit span{background:#2997ff;border-radius:50%;width:14px;height:14px;margin:-7px auto;display:block;box-shadow:0 0 22px #2997ff}.ask-console{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:20px;padding:16px;position:relative;box-shadow:0 24px 70px #00000047}.ask-console-bar{align-items:center;gap:6px;height:25px;padding:0 4px 13px;display:flex}.console-dot{background:#1eedab;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #1eedab}.console-count{font-size:11px;font-family:var(--font-mono);color:#fff9;letter-spacing:.04em;white-space:nowrap}.ask-console-bar p{color:#85858c;font:11px var(--font-mono);margin-left:auto}.ask-message{border-radius:13px;width:fit-content;max-width:88%;margin:10px 0;padding:12px 14px;font-size:15px;line-height:1.42}.ask-message-bot{color:#ececf0;background:#242428;border-bottom-left-radius:3px}.ask-message-user{color:#07111d;background:#72baff;border-bottom-right-radius:3px;margin-left:auto}.ask-answer{min-height:64px}.ask-prompts{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.ask-prompts button{color:#cfe8ff;font:12px var(--font-body);background:0 0;border:1px solid #7dbfff59;border-radius:999px;padding:7px 10px;transition:background .2s,transform .2s}.ask-prompts button:hover{background:#2997ff29;transform:translateY(-2px)}.ask-form{border-top:1px solid #ffffff1a;gap:8px;padding-top:8px;display:flex}.ask-form input{color:#fff;min-width:0;font:14px var(--font-body);background:0 0;border:0;outline:0;flex:1}.ask-form input::placeholder{color:#85858c}.ask-form button{color:#06101a;background:#2997ff;border:0;border-radius:50%;width:32px;height:32px;font-size:19px;line-height:1}@keyframes ask-glow{to{transform:translate(-8%,12%)scale(1.16)}}@keyframes ask-spin{to{transform:rotate(360deg)}}@media (width<=992px){.ask-layout{grid-template-columns:1fr!important;gap:36px!important}.ask-stage{min-height:auto!important;padding:0!important}.ask-orbit,.ask-mascot{display:none!important}.ask-section{padding:60px 16px!important}.ask-proof{flex-wrap:wrap!important;gap:16px 24px!important;margin-top:24px!important}}@media (width<=580px){.ask-prompts{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){.ask-section:before,.ask-orbit{animation:none}.ask-prompts button:hover{transform:none}}.ask-section{background:#12101a}.ask-section:before{background:radial-gradient(circle,#ae65ff61,#0000 68%);width:min(58vw,760px)}.ask-grid{opacity:.18;background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 24% 76%,#0000);mask-image:linear-gradient(#0000,#000 24% 76%,#0000)}.ask-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.ask-eyebrow{color:#e2cbff;font:600 12px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;display:inline-flex}.ask-section .section-title em{color:#b889ff;font-family:Georgia,serif;font-weight:400}.ask-proof{font:12px var(--font-mono);color:#a8a3b4;gap:26px;margin-top:36px;display:flex}.ask-proof span{gap:3px;display:grid}.ask-proof b{color:#fff;font:700 28px var(--font-heading)}.ask-stage{min-height:510px;padding:70px 0 0 114px;position:relative}.ask-stage .ask-console{z-index:2;background:#1a1624db;border:1px solid #ffffff2b;border-radius:24px;padding:16px 16px 14px;box-shadow:0 28px 80px #00000061}.ask-console-bar{color:#b9b4c7;height:28px;font:10px var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:0 3px 13px;display:flex}.console-dot{background:#1eedab;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #1eedab}.console-count{font-size:11px;font-family:var(--font-mono);color:#fff9;letter-spacing:.04em}.ask-console-bar p{margin:0}.ask-console-bar i{color:#a6ff6b;font-style:normal}.ask-message-bot{color:#f1eef8;background:#2a2535}.ask-message-user{color:#1a1027;background:#c69bff}.ask-prompts{grid-template-columns:1fr 1fr;gap:7px;display:grid}.ask-prompts button{color:#dfd5ed;text-align:left;background:#ffffff06;border-color:#caa9ff38;border-radius:11px;grid-template-columns:22px 1fr 14px;align-items:center;gap:5px;min-width:0;padding:9px;font-size:11px;display:grid}.ask-prompts button small{color:#b889ff;font:10px var(--font-mono)}.ask-prompts button svg{opacity:.5}.ask-prompts button:hover{background:#b889ff24;border-color:#b889ff}.ask-form{padding:10px 0 0}.ask-form button{color:#22112f;background:#c69bff;place-items:center;width:34px;height:34px;display:grid}.ask-mascot{z-index:1;transform-origin:50% 100%;width:220px;height:300px;animation:4.5s ease-in-out infinite mascot-float;position:absolute;top:0;left:0}.mascot-halo{border:1px solid #dfceff61;border-radius:50%;width:184px;height:184px;position:absolute;top:12px;left:18px;box-shadow:0 0 0 18px #b889ff14,0 0 70px #b889ff57}.mascot-head{z-index:2;background:#ffd2aa;border-radius:48% 48% 42% 42%;width:95px;height:87px;position:absolute;top:58px;left:63px;box-shadow:inset 0 -9px #e9aa7f}.mascot-head:before{content:"";background:#261b2e;border-radius:55% 48% 15px 10px;height:34px;position:absolute;inset:-8px 12px auto;transform:rotate(-4deg)}.mascot-eye{background:#241829;border-radius:50%;width:8px;height:12px;position:absolute;top:40px}.mascot-eye:first-child{left:26px}.mascot-eye:nth-child(2){right:26px}.mascot-smile{border-bottom:3px solid #7e4d4a;border-radius:50%;width:20px;height:9px;position:absolute;top:60px;left:38px}.mascot-body{z-index:1;background:linear-gradient(115deg,#7b4bc3,#b889ff);border-radius:42px 42px 18px 18px;width:140px;height:130px;position:absolute;top:133px;left:41px}.mascot-body:before{content:"";clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:#ffd2aa;width:48px;height:55px;position:absolute;top:-24px;left:46px}.mascot-body i{background:#9d6ae4;border-radius:20px;width:39px;height:83px;position:absolute;top:43px}.mascot-body i:first-child{left:-23px;transform:rotate(21deg)}.mascot-body i:nth-child(2){right:-21px;transform:rotate(-33deg)}.mascot-phone{z-index:4;background:#f0ebff;border:4px solid #20172a;border-radius:10px;width:39px;height:69px;padding:5px;position:absolute;top:153px;right:4px;transform:rotate(18deg);box-shadow:0 6px #20172a}.mascot-phone span{background:linear-gradient(135deg,#89edff,#a56bff);border-radius:4px;height:100%;display:block}.mascot-spark{z-index:4;background:#ffe078;width:10px;height:10px;position:absolute;transform:rotate(45deg);box-shadow:0 0 18px #ffe078}.mascot-spark-one{animation:2.5s ease-in-out infinite spark;top:36px;right:17px}.mascot-spark-two{animation:2.5s ease-in-out .8s infinite spark;top:158px;left:7px}@keyframes mascot-float{50%{transform:translateY(-13px)rotate(2deg)}}@keyframes spark{50%{opacity:.4;transform:rotate(45deg)scale(.35)}}@media (width<=768px){.ask-stage{max-width:560px;min-height:500px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.ask-mascot,.mascot-spark{animation:none}}.floating-character{z-index:40;pointer-events:none;justify-items:end;gap:8px;display:grid;position:fixed;bottom:22px;right:clamp(16px,3vw,42px)}.character-note{color:#37313f;background:#ffffffeb;border:1px solid #1d1d1f1f;border-radius:12px 12px 3px;max-width:210px;padding:9px 12px;font-size:12px;line-height:1.35;animation:.35s cubic-bezier(.16,1,.3,1) character-note-in;box-shadow:0 12px 32px #2d19421f}.character-button{cursor:pointer;pointer-events:auto;background:0 0;border:0;width:78px;height:96px;transition:transform .2s;animation:4.2s ease-in-out infinite character-float;position:relative}.character-button:hover{transform:scale(1.08)rotate(3deg)}.character-halo{border:1px solid #b889ff80;border-radius:50%;position:absolute;inset:12px 3px 5px;box-shadow:0 0 0 8px #b889ff14,0 0 30px #b889ff47}.character-head{z-index:2;background:#ffd2aa;border-radius:48%;width:39px;height:36px;position:absolute;top:20px;left:22px;box-shadow:inset 0 -5px #e9aa7f}.character-head:before{content:"";background:#261b2e;border-radius:55% 48% 5px 4px;height:14px;position:absolute;inset:-4px 5px auto;transform:rotate(-4deg)}.character-head i{background:#241829;border-radius:50%;width:4px;height:6px;position:absolute;top:17px}.character-head i:first-child{left:10px}.character-head i:nth-child(2){right:10px}.character-head b{border-bottom:2px solid #7e4d4a;border-radius:50%;width:9px;height:4px;position:absolute;top:26px;left:15px}.character-body{z-index:1;background:linear-gradient(115deg,#7b4bc3,#b889ff);border-radius:17px 17px 9px 9px;width:56px;height:39px;position:absolute;top:51px;left:14px}.character-body i{background:#9561d6;border-radius:10px;width:15px;height:30px;position:absolute;top:8px}.character-body i:first-child{left:-8px;transform:rotate(22deg)}.character-body i:nth-child(2){right:-8px;transform:rotate(-30deg)}.character-phone{z-index:4;background:linear-gradient(135deg,#89edff,#a56bff);border:2px solid #20172a;border-radius:4px;width:14px;height:27px;position:absolute;top:55px;right:1px;transform:rotate(18deg)}.character-spark{z-index:4;background:#ffe078;width:6px;height:6px;animation:2.5s ease-in-out infinite character-spark;position:absolute;transform:rotate(45deg);box-shadow:0 0 10px #ffe078}.character-spark-a{top:8px;right:2px}.character-spark-b{animation-delay:.8s;top:53px;left:2px}@keyframes character-float{50%{transform:translateY(-8px)rotate(2deg)}}@keyframes character-spark{50%{opacity:.4;transform:rotate(45deg)scale(.35)}}@keyframes character-note-in{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:none}}@media (width<=768px){.ask-stage{padding:64px 0 0}.ask-mascot{transform-origin:0 0;left:2px;transform:scale(.78)}.floating-character{transform-origin:100% 100%;bottom:12px;right:10px;transform:scale(.82)}.character-note{max-width:178px}}@media (width<=480px){.floating-character{display:none}.ask-stage{min-height:470px}.ask-console{margin-top:8px}.ask-prompts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.character-button,.character-spark,.character-note{animation:none}.character-button:hover{transform:none}}:root{--color-bg:#030716;--color-canvas:#030716;--color-surface:#11172b;--color-surface-2:#171d34;--color-border:#d6d8ff24;--color-border-2:#d6d8ff38;--color-primary:#c4a7ff;--color-primary-focus:#dac7ff;--color-primary-on-dark:#cdb8ff;--color-primary-2:#c4a7ff;--color-accent:#9e83dc;--color-accent-2:#d6c3ff;--color-cyan:#b9c6ff;--color-text:#f7f5ff;--color-text-muted:#b8b8c9;--color-text-dim:#8e8ea6;--shadow-card:0 20px 70px #0000003d}body{color:var(--color-text);background:linear-gradient(105deg,#030716 0% 31%,#8a899d 100%) fixed}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(64% 96% at 88% 12%,#c2bde04d,#0000 68%);position:fixed;inset:0}#root{z-index:1;position:relative}.dynamic-bg-container{pointer-events:none;background:#030716}.dynamic-bg-shader{width:100%;height:100%;display:block}.blob{opacity:.08;filter:blur(110px)}.blob-1{background:#ae91f8}.blob-2{background:#d6d3ed}.blob-3{background:#7064a1}.sub-nav{background:#161a2fad;border:1px solid #ffffff1a;border-radius:999px;width:auto;height:44px;top:8px;left:20px;right:20px;box-shadow:0 10px 36px #00000029}.sub-nav-container{max-width:1180px;padding:0 18px}.sub-nav-title{color:#fff;font-size:16px;font-weight:700}.sub-nav-link{color:#f5f3ffad;font:10px var(--font-mono);letter-spacing:.04em}.sub-nav-link:hover,.sub-nav-link.active{color:#fff}.sub-nav-btn{color:#2b2140;background:#d8c6ff;padding:6px 14px;font-size:10px}.sub-nav-btn:hover{background:#f0eaff}.hero{padding:104px 24px 90px}.bento-hero{background:0 0}.hero-bento-grid{gap:18px;max-width:1180px}.bento-card{color:#fff;background:0 0;border-color:#0000}.main-title-card{padding:42px 0 26px}.bento-title{color:#fff;letter-spacing:-.065em;font-size:clamp(48px,7vw,86px);font-weight:700}.bento-desc{color:#d0cede;max-width:530px;font-size:13px;line-height:1.55}.hero-kicker{color:#e6d8ff}.hero-location{color:#aaa9bd;font:10px var(--font-mono)}.hero-side-stat{grid-column:span 1;place-self:center;width:140px;height:140px;padding:0}.hero-side-stat .stat-number{font-size:38px}.hero-side-stat .stat-label{font-size:10px}.hero-actions .bento-btn{color:#fff;background:#ffffff0a;border-color:#fff3}.hero-actions .bento-btn-dark{color:#281c3b;background:#d8c6ff;border-color:#d8c6ff}.stat-card{background:#d2c7f31a;border:1px solid #dfd6ff14;border-radius:50%}.stat-number,.stat-label{color:#fff}.tags-card{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f}.bento-tags li{color:#c4bfd3}.section{padding:150px 24px}.section-label{color:#d0b8ff;font-size:9px}.section-title{color:#fff;letter-spacing:-.065em;font-size:clamp(40px,6vw,66px)}.section-subtitle{color:#b8b8c9;font-size:13px;line-height:1.55}.capabilities-section,.works-section{background:0 0!important}.capabilities-section:after,.experience-section:after,.works-section:after{background:linear-gradient(90deg,#cab2ffb3,#ffffff14)}.capability-card{border-color:#d6d8ff21;border-radius:14px;min-height:285px;background:#10152ab3!important}.capability-card:hover{border-color:#cdb7ff85;background:#191e37e6!important}.capability-title,.capability-focus{color:#f7f5ff}.capability-eyebrow{color:#aaa8bc}.capability-focus{color:#b9b8c8}.capability-icon{background:#c1a3ff1f;border-color:#c1a3ff3d}.capability-meter{background:#ffffff1a}.capability-tag{color:#d4cce3;background:#ffffff0d;border-color:#ffffff1f}.capability-stat-strip{background:#0e1326a8;border-color:#d6d8ff1f}.capability-stat-value{color:#fff}.capability-stat-label{color:#9d9bad}.experience-section{background:0 0!important}.experience-section .section-subtitle{color:#b8b8c9}.experience-summary{background:#ffffff0a;border-color:#ffffff1a}.experience-summary span{color:#d4cbeb!important;background:#ffffff0d!important;border-color:#ffffff1f!important}.experience-release-log{gap:18px}.release-card{background:#0c11237a;border-color:#d6d8ff21}.release-card:hover,.release-card.is-active{background:#1f2039db;border-color:#cbb7ff80}.release-title-row h3{color:#fff}.release-title-row p,.release-company{color:var(--accent)!important}.release-period{color:#bebbd0;background:#ffffff0d;border-color:#ffffff1f}.release-summary{color:#b9b8c8}.release-commits span,.release-detail-tags span{color:#d2c4ef;background:#c5a6ff14;border-color:#c5a6ff38}.release-status span{color:#aaa8bc}.release-status i{color:#fff}.works-console{background:#0d1226bd;border-color:#d6d8ff24}.works-toolbar{border-color:#d6d8ff1f}.works-filter{color:#aaa8bc;background:#ffffff0a;border-color:#d6d8ff24}.works-filter:hover,.works-filter.active{color:#281c3b;background:#d8c6ff;border-color:#d8c6ff}.works-count{color:#aaa8bc}.works-row{background:0 0;border-color:#d6d8ff1a}.works-row:hover,.works-row.active{background:#c5a6ff14;border-color:#c5a6ff59}.works-row-main strong{color:#fff}.works-row-main small,.works-feature-meta span,.works-feature p,.works-private{color:#aaa8bc}.works-feature{border-color:#d6d8ff24;background:#0b1023!important}.works-feature h3{color:#fff}.works-stack span{color:#d4c8ea;background:#c5a6ff14;border-color:#c5a6ff33}.works-link{color:#261b3b;background:#d8c6ff}footer{background:#080d1e!important;border-color:#d6d8ff1a!important}.case-study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.case-study-card{background:#0c1123b8;border:1px solid #d6d8ff24;border-radius:16px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.case-study-card:hover{border-color:#cab2ff8a;transform:translateY(-6px);box-shadow:0 24px 70px #00000040}.case-study-art{place-items:center;min-height:190px;display:grid;position:relative;overflow:hidden}.case-study-art:after{content:"";background:linear-gradient(145deg,#ffffff29,#0000 48%,#0000004d);position:absolute;inset:0}.case-study-device{z-index:1;color:#fff;background:#080c1b8c;border:4px solid #ffffffbf;border-radius:16px;gap:8px;width:116px;min-height:145px;padding:38px 12px 12px;display:grid;position:relative;transform:rotate(-7deg);box-shadow:0 20px 40px #0000004d}.case-study-device:before{content:"";background:#fff9;border-radius:999px;width:35px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.case-study-device b{font-size:12px;line-height:1.15}.case-study-device small{color:#ffffffb8;font:9px var(--font-mono)}.case-study-body{padding:18px}.case-study-meta{color:#9d9bad;font:9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;display:flex}.case-study-body h3{color:#fff;margin:9px 0 7px;font-size:22px}.case-study-body p{color:#aaa8bc;font-size:12px;line-height:1.55}.case-study-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.case-study-tags span{color:#d3c5ef;font:9px var(--font-mono);background:#c5a6ff14;border:1px solid #c5a6ff38;border-radius:999px;padding:4px 8px}.floating-character,.ask-mascot{display:none}.ask-stage{padding-left:0}@media (width<=768px){.sub-nav{top:8px;left:10px;right:10px}.sub-nav-container{padding:0 14px}.hero{padding:86px 20px 60px}.main-title-card{padding-top:30px}.bento-title{font-size:clamp(42px,11vw,60px)}.hero-side-stat{width:112px;height:112px}.section{padding:104px 20px}.section-subtitle{margin-bottom:40px}.capabilities-grid{gap:12px}.capability-card{min-height:245px}.release-card{background:#0c1123b3}.works-console{padding:10px}.case-study-grid{grid-template-columns:1fr}}.vesper-hero{background-color:#060507;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden;padding:0!important}.vesper-container{z-index:10;box-sizing:border-box;will-change:transform, opacity;flex-direction:column;justify-content:space-between;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:140px 24px 80px;transition:transform .15s ease-out,opacity .15s ease-out;display:flex;position:relative}.vesper-kicker-wrapper{margin-bottom:20px;display:inline-flex}.vesper-kicker-pill{font-size:11px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#1eedab;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1eedab14;border:1px solid #1eedab40;border-radius:9999px;padding:6px 14px}.vesper-title{letter-spacing:-.035em;color:#fff;margin:20px 0 auto;font-size:clamp(44px,7vw,70px);font-weight:700;line-height:1.05}.vesper-title-gradient{background:linear-gradient(135deg,#1eedab 0%,#6340f7 70%,#905cfc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;position:relative}.vesper-bottom-grid{grid-template-columns:1fr 1.1fr;align-items:flex-end;gap:80px;margin-top:60px;display:grid}.vesper-bottom-left{flex-direction:column;gap:20px;display:flex}.vesper-disclaimer{font-size:10.5px;font-family:var(--font-mono);letter-spacing:.09em;color:#ffffff73;text-transform:uppercase;max-width:380px;margin:0;line-height:1.6}.vesper-tag-group{flex-wrap:wrap;gap:12px;display:flex}.vesper-tag-pill{font-size:10px;font-family:var(--font-mono);letter-spacing:.05em;color:#fff6}.vesper-bottom-right{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.vesper-description{color:#ffffffa6;max-width:520px;margin:0;font-size:14.5px;line-height:1.6}.vesper-actions{align-items:center;gap:14px;display:flex}.vesper-btn{letter-spacing:-.01em;cursor:pointer;box-sizing:border-box;border-radius:9999px;align-items:center;gap:12px;padding:12px 24px;font-size:13px;font-weight:550;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.vesper-btn-primary{color:#060507;background:#fff;border:1px solid #fff;box-shadow:0 4px 20px #ffffff0d}.vesper-btn-primary:hover{color:#fff;background:0 0;border-color:#fff6;box-shadow:0 4px 30px #1eedab26}.vesper-btn-spark{color:#6340f7;justify-content:center;align-items:center;transition:transform .3s;display:flex}.vesper-btn-primary:hover .vesper-btn-spark{color:#1eedab;transform:rotate(90deg)}.vesper-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1f}.vesper-btn-secondary:hover{background:#ffffff14;border-color:#ffffff40}.vesper-reveal{opacity:0;will-change:opacity, transform;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.vesper-reveal.vesper-reveal-active{opacity:1;transform:translateY(0)}@media (width<=900px){.vesper-container{justify-content:flex-start;gap:40px;min-height:auto;padding:120px 20px 60px}.vesper-title{font-size:56px}.vesper-bottom-grid{grid-template-columns:1fr;gap:40px;margin-top:20px}.vesper-bottom-right{order:-1}}.hero-fallback-bg{pointer-events:none;filter:blur(40px);z-index:0;background:radial-gradient(circle at 50% 45%,#1eedab29 0%,#6340f738 45%,#0000 70%);position:absolute;inset:0}