:root{--frame-border-width:6px;--frame-outer-radius:0px;--frame-inner-radius:20px;--color-frame-bg:#ffffff;--color-canvas-bg:#484540;--color-canvas-bg-dark:#3a3733;--color-tab-bg:#ffffff;--color-text-dark:#121212;--color-status-green:#00d659;--color-switch-pill-bg:#000000;--color-switch-pill-text:#ffffff;--color-desktop-backdrop:#0a0e14;--noise-opacity:0.5;--noise-blur:0px;--portrait-offset-x:35%;--portrait-offset-x-design:-20%;--portrait-offset-y:0%;--portrait-scroll-y:0px;--watermark-opacity:0.25;--watermark-width:90%;--watermark-offset-x:-30%;--watermark-top:42%;--tab-left-width:26px;--tab-left-height:215px;--tab-fillet-size:16px;--mode-edge-inset:12px;--mode-notch-width:144px;--mode-notch-height:38px;--mode-inactive-width-design:58px;--mode-inactive-width-build:46px;--mode-button-gap:-14px;--font-family:"Google Sans Flex","Google Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--tab-text-font-size:10px;--tab-text-font-weight:200;--tab-text-letter-spacing:0.5px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;font-family:var(--font-family);background-color:var(--color-desktop-backdrop);color:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.screen-wrapper{min-height:100vh;min-height:100dvh;align-items:center;padding:0;margin:0;gap:0}.mobile-frame,.screen-wrapper{width:100%;display:flex;flex-direction:column}.mobile-frame{position:relative;max-width:412px;height:100vh;height:100dvh;background-color:var(--color-frame-bg);padding:var(--frame-border-width);border-radius:var(--frame-outer-radius);box-shadow:0 25px 50px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.15);flex-shrink:0}.canvas-inner{position:relative;width:100%;height:100%;background:linear-gradient(180deg,var(--color-canvas-bg) 0,var(--color-canvas-bg-dark) 100%);border-radius:var(--frame-inner-radius);overflow:hidden}.bg-logo-watermark{position:absolute;top:var(--watermark-top,42%);left:var(--watermark-offset-x,-5%);transform:translateY(-50%);width:var(--watermark-width,80%);max-width:var(--watermark-width,80%);height:auto;opacity:var(--watermark-opacity,.25);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0;mix-blend-mode:screen;transition:opacity .5s ease}.noise-overlay{top:0;left:0;object-fit:cover;mix-blend-mode:overlay;opacity:var(--noise-opacity);filter:blur(var(--noise-blur));z-index:0}.noise-overlay,.portrait-wrapper{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portrait-wrapper{right:0;bottom:0;z-index:1;transform:translateX(var(--portrait-offset-x));transition:transform 1s cubic-bezier(.4,0,.2,1);will-change:transform}[data-mode=design] .portrait-wrapper{transform:translateX(var(--portrait-offset-x-design))}.portrait-img{right:0;width:110%;object-position:right bottom;transform:translateY(calc(var(--portrait-offset-y) + var(--portrait-scroll-y, 0px)))}.portrait-img,.shadow-overlay{position:absolute;bottom:0;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.shadow-overlay{left:0;width:100%;object-position:left bottom;transform:translateY(var(--portrait-scroll-y,0));z-index:2}.docked-tab-left{position:absolute;left:-2px;top:45%;transform:translateY(-50%);width:calc(var(--tab-left-width) + 2px);height:var(--tab-left-height);z-index:20;display:flex;align-items:center;justify-content:flex-end;-webkit-user-select:none;-moz-user-select:none;user-select:none}.docked-tab-left .notch-svg{position:absolute;left:0;top:-10px;width:100%;height:100%;fill:var(--color-tab-bg);pointer-events:none}.docked-tab-left .tab-content{position:relative;z-index:1;width:var(--tab-left-width);height:100%;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:8px;padding:53px 0}.docked-tab-left .status-dot{width:8px;height:8px;background-color:var(--color-status-green);border-radius:50%;display:inline-block;flex-shrink:0}.docked-tab-left .tab-text{font-family:Google Sans Flex,Google Sans,sans-serif;writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--tab-text-font-size);font-weight:var(--tab-text-font-weight);letter-spacing:var(--tab-text-letter-spacing);color:var(--color-text-dark);text-transform:uppercase;white-space:nowrap}.hero-top-bar{position:absolute;top:20px;left:20px;right:20px;justify-content:space-between;z-index:15;pointer-events:auto}.hero-logo,.hero-top-bar{display:flex;align-items:center}.hero-logo{opacity:.95;transition:opacity .2s ease}.hero-logo-img{width:34px;margin:18px 0 0 18px;height:auto;display:block}.hero-logo:hover{opacity:1}.hero-social-btn{width:32px;height:32px;margin:14px 14px 0 0;background:#ffffff;color:#484540;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}.hero-social-btn i{line-height:1}.hero-social-btn:hover{transform:scale(1.06);box-shadow:0 6px 16px rgba(0,0,0,.3)}.hero-content{position:absolute;left:48px;right:20px;bottom:124px;z-index:15;display:flex;flex-direction:column;gap:10px;max-width:310px;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-heading{font-size:32px;font-weight:300;color:#ffffff;letter-spacing:-.8px;line-height:1.1}.hero-bio,.hero-heading{font-family:Google Sans Flex,Google Sans,sans-serif;margin:0}.hero-bio{font-size:13px;font-weight:200;color:rgba(255,255,255,.72);line-height:1.45;letter-spacing:.1px}.hero-divider{width:100%;height:1px;background:rgba(255,255,255,.16);border:none;margin:4px 0 2px}.hero-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 16px;border-radius:999px;font-family:Google Sans Flex,Google Sans,sans-serif;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-talk{background:#00c950;color:#ffffff;box-shadow:0 4px 14px rgba(0,201,80,.35)}.btn-talk:hover{background:#00db57;transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,201,80,.45)}.btn-cv{background:rgba(0,0,0,.4);color:#ffffff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-cv:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);transform:translateY(-1px)}.docked-mode-switcher{position:absolute;bottom:0;z-index:20;width:calc(var(--mode-notch-width) + var(--mode-inactive-width-design) + var(--mode-button-gap));height:var(--mode-notch-height);display:flex;align-items:flex-end;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:calc(100% - var(--mode-edge-inset));transform:translateX(-100%);transition:left .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),width .5s cubic-bezier(.4,0,.2,1)}#modeSwitchTab.design-active,.docked-mode-switcher.design-active,[data-mode=design] .docked-mode-switcher{left:var(--mode-edge-inset);transform:translateX(0);width:calc(var(--mode-notch-width) + var(--mode-inactive-width-build) + var(--mode-button-gap))}.mode-notch-slider{position:absolute;left:0;bottom:0;width:var(--mode-notch-width);height:100%;pointer-events:none;z-index:0;transform:translateX(0);transition:transform .5s cubic-bezier(.4,0,.2,1)}#modeSwitchTab.design-active .mode-notch-slider,.docked-mode-switcher.design-active .mode-notch-slider,[data-mode=design] .mode-notch-slider{transform:translateX(calc(var(--mode-inactive-width-build) + var(--mode-button-gap)))}.mode-notch-slider .notch-bottom-svg{position:absolute;left:0;bottom:-2px;width:100%;height:calc(100% + 2px);fill:var(--color-tab-bg)}.mode-tab{position:relative;height:100%;background:transparent;border:none;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline:none;font-family:inherit;-webkit-tap-highlight-color:transparent;z-index:1;transition:width .5s cubic-bezier(.4,0,.2,1),opacity .3s ease}.mode-tab-build{width:var(--mode-notch-width)}.mode-tab-design{width:var(--mode-inactive-width-design);margin-left:var(--mode-button-gap);opacity:.85}.mode-tab-design:hover{opacity:1}#modeSwitchTab.design-active .mode-tab-build,.docked-mode-switcher.design-active .mode-tab-build,[data-mode=design] .mode-tab-build{width:var(--mode-inactive-width-build);opacity:.85}#modeSwitchTab.design-active .mode-tab-build:hover,.docked-mode-switcher.design-active .mode-tab-build:hover,[data-mode=design] .mode-tab-build:hover{opacity:1}#modeSwitchTab.design-active .mode-tab-design,.docked-mode-switcher.design-active .mode-tab-design,[data-mode=design] .mode-tab-design{width:var(--mode-notch-width);opacity:1}.mode-tab .mode-content{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:0;padding:0;transition:gap .35s ease,padding .35s ease}#modeSwitchTab.design-active .mode-tab-design .mode-content,#modeSwitchTab:not(.design-active) .mode-tab-build .mode-content,.docked-mode-switcher.design-active .mode-tab-design .mode-content,.docked-mode-switcher:not(.design-active) .mode-tab-build .mode-content,[data-mode=design] .mode-tab-design .mode-content{gap:7px;justify-content:center;padding:0}#modeSwitchTab.design-active .mode-tab-build .mode-content,.docked-mode-switcher.design-active .mode-tab-build .mode-content,[data-mode=design] .mode-tab-build .mode-content{justify-content:flex-start;padding-left:6px;gap:0}#modeSwitchTab:not(.design-active) .mode-tab-design .mode-content,.docked-mode-switcher:not(.design-active) .mode-tab-design .mode-content{justify-content:flex-end;padding-right:6px;gap:0}.mode-icon{display:none;flex-shrink:0;width:0;max-width:0;opacity:0;overflow:visible!important;transform:scale(.6);transition:max-width .4s cubic-bezier(.4,0,.2,1),opacity .35s ease,transform .4s cubic-bezier(.4,0,.2,1)}#modeSwitchTab:not(.design-active) .mode-tab-build .mode-icon,.docked-mode-switcher:not(.design-active) .mode-tab-build .mode-icon{display:inline-block;width:15px;max-width:20px;opacity:1;overflow:visible!important;transform:scale(1)}#modeSwitchTab.design-active .mode-tab-design .mode-icon,.docked-mode-switcher.design-active .mode-tab-design .mode-icon,[data-mode=design] .mode-tab-design .mode-icon{display:inline-block;width:14px;max-width:20px;opacity:1;overflow:visible!important;transform:scale(1)}.mode-icon.build-icon{width:15px;height:13px}.mode-icon.build-icon,.mode-icon.design-icon{overflow:visible!important;color:var(--color-text-dark)}.mode-icon.design-icon{width:14px;height:14px}.mode-tab .mode-text{font-family:Google Sans Flex,Google Sans,sans-serif;font-size:15px;font-weight:400;line-height:1;letter-spacing:.2px;color:#ffffff;white-space:nowrap;transition:color .35s ease,opacity .3s ease}#modeSwitchTab.design-active .mode-tab-design .mode-text,#modeSwitchTab:not(.design-active) .mode-tab-build .mode-text,.docked-mode-switcher.design-active .mode-tab-design .mode-text,.docked-mode-switcher:not(.design-active) .mode-tab-build .mode-text,[data-mode=design] .mode-tab-design .mode-text{color:var(--color-text-dark)}.selected-works-section{width:100%;max-width:412px;background-color:#ffffff;color:#121212;padding:36px var(--frame-border-width,6px) 48px;border-radius:var(--frame-outer-radius);box-shadow:0 25px 50px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.15);display:flex;flex-direction:column;gap:28px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:2;animation:fadeInWorks .6s ease}@keyframes fadeInWorks{0%{opacity:0}to{opacity:1}}.works-header{display:flex;flex-direction:column;gap:10px;padding:0 14px}.works-badge{display:inline-flex;align-items:center;gap:8px;background:#f1f3f5;border:1px solid rgba(0,0,0,.08);padding:5px 12px;border-radius:999px;width:-moz-fit-content;width:fit-content}.works-badge .badge-dot{width:7px;height:7px;border-radius:50%;background-color:var(--color-status-green);box-shadow:0 0 8px var(--color-status-green);animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.works-badge .badge-text{font-size:10px;font-weight:600;letter-spacing:.8px;color:#1a1e24;text-transform:uppercase}.works-title{font-size:32px;font-weight:600;color:#111418;letter-spacing:-.8px;line-height:1.1}.works-subtitle{font-size:13px;font-weight:400;color:#555e68;line-height:1.55;letter-spacing:.1px}.featured-project{display:flex;flex-direction:column;gap:12px;padding:0 14px;width:100%}.featured-project-header{display:flex;align-items:center;gap:10px}.featured-project-logo{width:26px;height:26px;object-fit:contain;flex-shrink:0}.featured-project-title{font-family:var(--font-family);font-size:20px;font-weight:600;color:#111418;letter-spacing:-.4px;line-height:1.2}.featured-project-media{position:relative;width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.08);background-color:#111418;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s ease,box-shadow .35s ease}.featured-project-media:hover{transform:translateY(-2px);border-color:rgba(0,0,0,.16);box-shadow:0 10px 24px rgba(0,0,0,.14)}.featured-project-img{width:100%;height:auto;display:block;object-fit:cover}.works-grid-wrapper{position:relative;width:100%;margin-top:36px;--works-notch-height:34px}.works-grid-notch{position:absolute;left:0;top:calc(-1 * var(--works-notch-height) + 1px);height:var(--works-notch-height);width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:stretch;z-index:3;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notch-plateau{background-color:#484540;border-top-left-radius:var(--frame-inner-radius,20px);display:inline-flex;align-items:flex-end;gap:8px;padding:0 4px 4px 14px;height:100%}.notch-fillet-svg{height:100%;width:calc(var(--works-notch-height) * (243.01 / 170.15));display:block;flex-shrink:0;margin-left:-.5px}.notch-text{font-family:Google Sans Flex,Google Sans,sans-serif;font-size:11px;font-weight:200;color:#ffffff;letter-spacing:.2px;text-transform:lowercase;white-space:nowrap;margin-bottom:2px;margin-left:10px}.notch-actions{gap:8px;margin-bottom:2px}.notch-actions,.notch-icon-link{display:inline-flex;align-items:center}.notch-icon-link{color:#ffffff;justify-content:center;font-size:13px;text-decoration:none;opacity:.9;transition:opacity .2s ease}.notch-icon-link:hover{opacity:1}.notch-icon-link i{line-height:1}.works-grid{position:relative;background-color:#484540;border-radius:0 28px 28px 28px;padding:16px;display:flex;flex-direction:column;gap:16px;width:100%}.project-card{position:relative;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.12);transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s ease,box-shadow .35s ease}.project-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2);box-shadow:0 12px 28px rgba(0,0,0,.22)}.project-preview{position:relative;width:100%;height:180px;background:#111418;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-glow{position:absolute;top:50%;left:50%;width:160px;height:160px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(120,119,198,.25) 0,rgba(0,0,0,0) 70%);filter:blur(20px);pointer-events:none}.preview-glow.glow-cyan{background:radial-gradient(circle,rgba(0,220,255,.22) 0,rgba(0,0,0,0) 70%)}.preview-glow.glow-emerald{background:radial-gradient(circle,rgba(0,214,89,.2) 0,rgba(0,0,0,0) 70%)}.preview-glow.glow-purple{background:radial-gradient(circle,rgba(168,85,247,.22) 0,rgba(0,0,0,0) 70%)}.preview-mockup{position:relative;z-index:1;width:88%;height:135px;background:rgba(18,22,28,.95);border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.5);display:flex;flex-direction:column}.mockup-bar{height:26px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 10px;gap:10px}.mockup-dots{display:flex;gap:5px}.mockup-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2)}.mockup-dots span:first-child{background:#ff5f56}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#27c93f}.mockup-url{font-family:monospace;font-size:9px;color:rgba(255,255,255,.45);letter-spacing:.3px}.mockup-body{padding:10px 12px;font-family:SF Mono,Consolas,Fira Code,monospace;font-size:9.5px;line-height:1.45;color:#e2e8f0}.code-line{white-space:nowrap}.code-line.indent{padding-left:12px}.c-purple{color:#c084fc}.c-blue{color:#60a5fa}.c-yellow{color:#fde047}.c-cyan{color:#38bdf8}.c-green{color:#4ade80}.c-orange{color:#fb923c}.code-status{margin-top:6px;font-size:8.5px;color:#34d399;display:flex;align-items:center;gap:6px}.status-pulse{width:5px;height:5px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399}.mockup-3d-scene{width:100%;height:100%;background:radial-gradient(circle at center,#16202c 0,#0d1217 100%)}.mockup-3d-scene,.scene-rings{display:flex;align-items:center;justify-content:center;position:relative}.scene-rings{width:80px;height:80px}.ring{position:absolute;border-radius:50%;border:1.5px solid transparent;animation:rotateRing 6s linear infinite}.ring-1{width:70px;height:70px;border-top-color:#38bdf8;border-bottom-color:#818cf8;transform:rotateX(60deg) rotateY(20deg)}.ring-2{width:52px;height:52px;border-left-color:#34d399;border-right-color:#38bdf8;animation-duration:4s;animation-direction:reverse;transform:rotateX(45deg) rotateY(45deg)}.ring-3{width:34px;height:34px;border-top-color:#f43f5e;border-left-color:#fb923c;animation-duration:3s;transform:rotateX(30deg) rotateY(60deg)}@keyframes rotateRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scene-hud{position:absolute;bottom:8px;right:10px;display:flex;gap:8px;font-family:monospace;font-size:9px;color:rgba(255,255,255,.6)}.hud-fps{color:#34d399}.mockup-chart{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 16px;background:#0f1715;gap:8px}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:70px;gap:12px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}.chart-bars .bar{width:34px;background:linear-gradient(180deg,#10b981,rgba(16,185,129,.2));border-radius:4px 4px 0 0;display:flex;justify-content:center;align-items:flex-start;padding-top:4px;transition:height .3s ease}.bar span{font-size:8px;font-family:monospace;color:#ffffff}.bar-1{height:60%}.bar-2{height:85%}.bar-3{height:35%;background:linear-gradient(180deg,#34d399,rgba(52,211,153,.3))!important}.bar-4{height:45%}.chart-legend{font-family:monospace;font-size:8.5px;color:rgba(255,255,255,.45);text-align:center}.mockup-dash{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:6px;gap:6px;padding:10px;background:#14111d}.dash-tile{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;justify-content:center}.dash-tile.tile-3{grid-column:1/span 2}.tile-label{font-size:8px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.4px}.tile-val{font-size:11px;font-weight:500;color:#c084fc;margin-top:2px}.project-info{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:10.5px;font-weight:500;color:#374151;background:#eef2f6;border:1px solid rgba(0,0,0,.06);padding:3px 8px;border-radius:6px;letter-spacing:.1px}.project-title{font-size:18px;font-weight:600;color:#111418;display:flex;align-items:center;justify-content:space-between;letter-spacing:-.2px}.project-year{font-size:12px;font-weight:500;color:#8a94a6;font-family:monospace}.project-desc{font-size:12.5px;font-weight:400;line-height:1.55;color:#4b5563;letter-spacing:.1px}.project-links{display:flex;align-items:center;gap:10px;margin-top:4px}.project-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;text-decoration:none;padding:7px 14px;border-radius:999px;transition:all .2s ease}.primary-link{background:#111418;color:#ffffff}.primary-link:hover{background:#2b3036;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.secondary-link{background:#ffffff;color:#111418;border:1px solid rgba(0,0,0,.12)}.secondary-link:hover{background:#f1f3f4;border-color:rgba(0,0,0,.2);transform:translateY(-1px)}.capabilities-section{display:flex;flex-direction:column;gap:22px;margin-top:14px;padding:28px 14px 0;border-top:1px solid rgba(0,0,0,.08)}.capabilities-header{display:flex;flex-direction:column;gap:8px;padding:0}.capabilities-title{font-size:26px;font-weight:600;color:#111418;letter-spacing:-.6px;line-height:1.15}.capabilities-subtitle{font-size:13px;font-weight:400;color:#555e68;line-height:1.55;letter-spacing:.1px}.capabilities-grid{display:flex;flex-direction:column;gap:14px}.capability-card{background:#f8f9fa;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:18px 18px 20px;display:flex;gap:14px;align-items:flex-start;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .25s ease}.capability-card:hover{transform:translateY(-2px);border-color:rgba(0,0,0,.16);box-shadow:0 8px 24px rgba(0,0,0,.06)}.capability-icon-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-ai{background:#eef2ff;color:#4f46e5;border:1px solid rgba(79,70,229,.12)}.icon-ml{background:#faf5ff;color:#9333ea;border:1px solid rgba(147,51,234,.12)}.icon-fs{background:#f0fdf4;color:#16a34a;border:1px solid rgba(22,163,74,.12)}.icon-data{background:#f0f9ff;color:#0284c7;border:1px solid rgba(2,132,199,.12)}.capability-body{display:flex;flex-direction:column;gap:6px;flex:1 1}.capability-heading{font-size:16px;font-weight:600;color:#111418;letter-spacing:-.2px}.capability-desc{font-size:12.5px;font-weight:400;color:#4a5056;line-height:1.5}.capability-highlights{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.highlight-item{font-size:11px;font-weight:500;color:#1e293b;background:#eef1f5;border:1px solid rgba(0,0,0,.06);padding:3px 8px;border-radius:6px;letter-spacing:.1px}.content-section{display:flex;flex-direction:column;gap:18px;margin-top:10px;padding:28px 14px 0;border-top:1px solid rgba(0,0,0,.08)}.section-header-compact{display:flex;align-items:flex-start;gap:10px;padding:0}.section-number{font-family:monospace;font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;border:1px solid rgba(0,0,0,.06);padding:3px 8px;border-radius:6px;flex-shrink:0;margin-top:2px}.section-title-wrap{display:flex;flex-direction:column;gap:4px}.section-heading{font-size:24px;font-weight:600;color:#111418;letter-spacing:-.5px;line-height:1.15}.section-subtext{font-size:12.5px;font-weight:400;color:#555e68;line-height:1.5;letter-spacing:.1px}.experiments-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.experiment-card{background:#f8f9fa;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px 14px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s ease,box-shadow .2s ease}.experiment-card:hover{transform:translateY(-2px);border-color:rgba(0,0,0,.16);box-shadow:0 6px 18px rgba(0,0,0,.06)}.exp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.exp-title{font-size:13.5px;font-weight:600;color:#111418;line-height:1.35;letter-spacing:-.1px}.exp-arrow{color:#94a3b8;flex-shrink:0;margin-top:2px;transition:transform .2s ease,color .2s ease}.experiment-card:hover .exp-arrow{color:#111418;transform:translate(2px,-2px)}.exp-tags{display:flex;align-items:center;gap:5px;font-size:11px;color:#64748b;font-weight:500}.exp-tag-dot{color:#cbd5e1;font-weight:700}.workflow-container{background:#0f172a;border-radius:16px;padding:16px 14px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px rgba(15,23,42,.15)}.workflow-label-row{display:flex;align-items:center;justify-content:space-between}.workflow-label{font-size:9.5px;font-weight:600;letter-spacing:.8px;color:#94a3b8;font-family:monospace}.workflow-steps{justify-content:space-between;gap:4px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.wf-step,.workflow-steps{display:flex;align-items:center}.wf-step{flex-direction:column;gap:3px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:6px 8px;border-radius:8px;min-width:44px;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.wf-step:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.wf-num{font-family:monospace;font-size:8px;color:#64748b;font-weight:600}.wf-name{font-size:9.5px;font-weight:600;color:#f8fafc;letter-spacing:.3px}.wf-arrow{color:#475569;font-size:10px;font-weight:700;flex-shrink:0}.stack-categories{gap:12px}.stack-categories,.stack-row{display:flex;flex-direction:column}.stack-row{background:#f8f9fa;border:1px solid rgba(0,0,0,.07);border-radius:14px;padding:12px 14px;gap:8px}.stack-cat-title{font-size:12px;font-weight:600;color:#0f172a;letter-spacing:-.1px}.stack-pills{display:flex;flex-wrap:wrap;gap:6px}.stack-pill{font-size:11px;font-weight:500;color:#334155;background:#e2e8f0;border:1px solid rgba(0,0,0,.05);padding:3px 8px;border-radius:6px;letter-spacing:.1px}.about-card{background:#f8f9fa;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;gap:14px}.about-lead{font-size:15px;font-weight:600;color:#111418;line-height:1.45;letter-spacing:-.2px}.about-paragraphs{display:flex;flex-direction:column;gap:12px}.about-paragraphs p{font-size:13px;font-weight:400;color:#475569;line-height:1.6}.about-highlight{color:#0f172a!important;font-weight:500!important;padding-left:12px;border-left:2.5px solid #111418}.contact-card{background:#111418;color:#ffffff;border-radius:20px;padding:26px 20px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;box-shadow:0 16px 36px rgba(0,0,0,.25)}.contact-prompt{font-size:20px;font-weight:600;color:#ffffff;letter-spacing:-.4px;line-height:1.25}.contact-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#ffffff;color:#111418;font-size:13.5px;font-weight:600;text-decoration:none;padding:10px 22px;border-radius:999px;transition:all .2s cubic-bezier(.4,0,.2,1)}.contact-cta-btn:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,255,255,.25)}.contact-links-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:4px}.contact-pill-link{font-size:12px;font-weight:500;color:rgba(255,255,255,.7);text-decoration:none;transition:color .2s ease}.contact-pill-link:hover{color:#ffffff}.contact-sep{color:rgba(255,255,255,.25);font-weight:700}.works-footer{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0 0}.footer-divider{width:100%;height:1px;background:rgba(0,0,0,.08)}.footer-copy{font-size:11px;font-weight:400;color:#8a94a6;letter-spacing:.2px}.back-to-top-btn{display:inline-flex;align-items:center;gap:6px;background:#f1f3f5;border:1px solid rgba(0,0,0,.08);color:#1a1e24;font-family:inherit;font-size:11px;font-weight:500;padding:6px 14px;border-radius:999px;cursor:pointer;outline:none;transition:all .2s ease}.back-to-top-btn:hover{background:#e5e7eb;color:#000000;border-color:rgba(0,0,0,.15);transform:translateY(-1px)}@media (max-width:600px){.screen-wrapper{padding:0;margin:0;width:100vw;min-height:100dvh;gap:0}.mobile-frame{width:100vw;height:100vh;height:100dvh;min-height:100dvh;max-width:100vw;max-height:100dvh;border-radius:var(--frame-outer-radius);padding:var(--frame-border-width);box-shadow:none;border:none}.canvas-inner{border-radius:var(--frame-inner-radius)}.selected-works-section{width:100vw;max-width:100vw;padding:36px var(--frame-border-width,6px) 48px;border-radius:0;box-shadow:none}}