: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:#ffffff;--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%;--watermark-design-offset-x:-25%;--watermark-design-width:85%;--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;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none;width:0;height:0}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{align-items:center;padding:0;margin:0;gap:0}.mobile-frame,.screen-wrapper{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.mobile-frame{position:relative;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background-color:var(--color-frame-bg);padding:var(--frame-border-width);border-radius:var(--frame-outer-radius);box-shadow:none;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%);width:var(--watermark-width,90%);max-width:var(--watermark-width,90%);height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0;mix-blend-mode:screen;transition:transform 1s cubic-bezier(.4,0,.2,1),opacity 1s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.bg-logo-watermark.watermark-build{left:var(--watermark-offset-x,-30%);transform:translateY(-50%);opacity:var(--watermark-opacity,.25)}[data-mode=design] .bg-logo-watermark.watermark-build{transform:translate(-140%,-50%);opacity:0}.bg-logo-watermark.watermark-design{right:var(--watermark-design-offset-x,-25%);left:auto;transform:translate(140%,-50%);opacity:0;width:var(--watermark-design-width,85%);max-width:var(--watermark-design-width,85%)}[data-mode=design] .bg-logo-watermark.watermark-design{transform:translateY(-50%);opacity:var(--watermark-opacity,.25)}.responsive-picture{display:contents}.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{position:relative;width:34px;height:34px;margin:18px 0 0 18px;justify-content:center;opacity:.95;transition:opacity .2s ease}@keyframes wipeOutBRtoTL{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,0 100%);opacity:1}10%{-webkit-clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%);opacity:1}20%{-webkit-clip-path:polygon(0 0,100% 0,100% 60%,60% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 60%,60% 100%,0 100%);opacity:1}30%{-webkit-clip-path:polygon(0 0,100% 0,100% 40%,40% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 40%,40% 100%,0 100%);opacity:1}40%{-webkit-clip-path:polygon(0 0,100% 0,100% 20%,20% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 20%,20% 100%,0 100%);opacity:1}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 0,0 100%,0 100%);opacity:1}60%{-webkit-clip-path:polygon(0 0,80% 0,80% 0,0 80%,0 80%);clip-path:polygon(0 0,80% 0,80% 0,0 80%,0 80%);opacity:1}70%{-webkit-clip-path:polygon(0 0,60% 0,60% 0,0 60%,0 60%);clip-path:polygon(0 0,60% 0,60% 0,0 60%,0 60%);opacity:1}80%{-webkit-clip-path:polygon(0 0,40% 0,40% 0,0 40%,0 40%);clip-path:polygon(0 0,40% 0,40% 0,0 40%,0 40%);opacity:1}90%{-webkit-clip-path:polygon(0 0,20% 0,20% 0,0 20%,0 20%);clip-path:polygon(0 0,20% 0,20% 0,0 20%,0 20%);opacity:1}to{-webkit-clip-path:polygon(0 0,0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0,0 0);opacity:0}}@keyframes wipeInBRtoTL{0%{-webkit-clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%,100% 100%);clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%,100% 100%);opacity:1}10%{-webkit-clip-path:polygon(100% 100%,100% 80%,100% 80%,80% 100%,80% 100%);clip-path:polygon(100% 100%,100% 80%,100% 80%,80% 100%,80% 100%);opacity:1}20%{-webkit-clip-path:polygon(100% 100%,100% 60%,100% 60%,60% 100%,60% 100%);clip-path:polygon(100% 100%,100% 60%,100% 60%,60% 100%,60% 100%);opacity:1}30%{-webkit-clip-path:polygon(100% 100%,100% 40%,100% 40%,40% 100%,40% 100%);clip-path:polygon(100% 100%,100% 40%,100% 40%,40% 100%,40% 100%);opacity:1}40%{-webkit-clip-path:polygon(100% 100%,100% 20%,100% 20%,20% 100%,20% 100%);clip-path:polygon(100% 100%,100% 20%,100% 20%,20% 100%,20% 100%);opacity:1}50%{-webkit-clip-path:polygon(100% 100%,100% 0,100% 0,0 100%,0 100%);clip-path:polygon(100% 100%,100% 0,100% 0,0 100%,0 100%);opacity:1}60%{-webkit-clip-path:polygon(100% 100%,100% 0,80% 0,0 80%,0 100%);clip-path:polygon(100% 100%,100% 0,80% 0,0 80%,0 100%);opacity:1}70%{-webkit-clip-path:polygon(100% 100%,100% 0,60% 0,0 60%,0 100%);clip-path:polygon(100% 100%,100% 0,60% 0,0 60%,0 100%);opacity:1}80%{-webkit-clip-path:polygon(100% 100%,100% 0,40% 0,0 40%,0 100%);clip-path:polygon(100% 100%,100% 0,40% 0,0 40%,0 100%);opacity:1}90%{-webkit-clip-path:polygon(100% 100%,100% 0,20% 0,0 20%,0 100%);clip-path:polygon(100% 100%,100% 0,20% 0,0 20%,0 100%);opacity:1}to{-webkit-clip-path:polygon(100% 100%,100% 0,0 0,0 100%,0 100%);clip-path:polygon(100% 100%,100% 0,0 0,0 100%,0 100%);opacity:1}}.hero-logo-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;will-change:clip-path,opacity;display:block}.hero-logo-img.logo-build{opacity:1;-webkit-clip-path:none;clip-path:none;pointer-events:auto}.hero-logo-img.logo-design,[data-mode=design] .hero-logo:not(.transition-to-build):not(.transition-to-design) .logo-build{opacity:0;-webkit-clip-path:polygon(0 0,0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0,0 0);pointer-events:none}[data-mode=design] .hero-logo:not(.transition-to-build):not(.transition-to-design) .logo-design{opacity:1;-webkit-clip-path:none;clip-path:none;pointer-events:auto}.hero-logo.transition-to-design .logo-build{animation:wipeOutBRtoTL 1s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.hero-logo.transition-to-design .logo-design{animation:wipeInBRtoTL 1s cubic-bezier(.4,0,.2,1) forwards;pointer-events:auto}.hero-logo.transition-to-build .logo-design{animation:wipeOutBRtoTL 1s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.hero-logo.transition-to-build .logo-build{animation:wipeInBRtoTL 1s cubic-bezier(.4,0,.2,1) forwards;pointer-events:auto}.hero-logo-transition-video{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);object-fit:contain;object-position:center;pointer-events:none;opacity:0;z-index:5;transition:opacity .2s ease}.hero-logo-transition-video.playing,.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-bio-design{display:none}.hero-bio-build{display:inline}[data-mode=design] .hero-bio-build{display:none!important}[data-mode=design] .hero-bio-design{display:inline!important}.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-notch-slider .notch-desktop-svg{display:none}.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;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,.mode-tab .mode-content,[data-mode=design] .mode-tab-design .mode-content{justify-content:center;gap:0;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:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:0;max-width:0;margin-right:0;opacity:0;overflow:visible!important;transform:scale(0);transform-origin:center center;pointer-events:none;transition:width .35s cubic-bezier(.4,0,.2,1),max-width .35s cubic-bezier(.4,0,.2,1),margin-right .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,transform .35s cubic-bezier(.34,1.25,.64,1);will-change:transform,opacity,width,margin-right}#modeSwitchTab:not(.design-active) .mode-tab-build .mode-icon,.docked-mode-switcher:not(.design-active) .mode-tab-build .mode-icon,[data-mode=build] .mode-tab-build .mode-icon{display:inline-flex;width:15px;max-width:15px;margin-right:7px;opacity:1;overflow:visible!important;transform:scale(1);pointer-events:auto}#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-flex;width:14px;max-width:14px;margin-right:7px;opacity:1;overflow:visible!important;transform:scale(1);pointer-events:auto}#modeSwitchTab.design-active .mode-tab-build .mode-icon,#modeSwitchTab:not(.design-active) .mode-tab-design .mode-icon,.docked-mode-switcher.design-active .mode-tab-build .mode-icon,.docked-mode-switcher:not(.design-active) .mode-tab-design .mode-icon,[data-mode=build] .mode-tab-design .mode-icon,[data-mode=design] .mode-tab-build .mode-icon{width:0;max-width:0;margin-right:0;opacity:0;transform:scale(0);pointer-events:none}.mode-icon.build-icon{height:13px}.mode-icon.build-icon,.mode-icon.design-icon{overflow:visible!important;color:var(--color-text-dark)}.mode-icon.design-icon{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:100%;background-color:#ffffff;color:#121212;padding:36px var(--frame-border-width,6px) 24px;border-radius:var(--frame-outer-radius);box-shadow:none;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{border-color:rgba(0,0,0,.16);box-shadow:0 10px 24px rgba(0,0,0,.14)}.featured-project-media:hover .featured-project-img{transform:scale(1.04)}.featured-project-img{width:100%;height:auto;display:block;object-fit:contain;transition:transform .35s cubic-bezier(.4,0,.2,1)}.projects-editorial-section{width:100%;padding:0 14px;margin-top:18px}.projects-editorial-list{display:flex;flex-direction:column;gap:36px}.editorial-project-item{display:flex;flex-direction:column;padding-bottom:32px;border-bottom:1px solid rgba(0,0,0,.08)}.editorial-project-item:last-child{border-bottom:none;padding-bottom:0}.editorial-project-main{display:flex;flex-direction:column;gap:16px}.editorial-project-meta{display:flex;flex-direction:column;gap:8px}.editorial-tag-wrap{display:flex;align-items:center}.editorial-tag{font-size:11px;font-weight:600;letter-spacing:.5px;color:#059669;background:#ecfdf5;border:1px solid rgba(5,150,105,.2);padding:4px 10px;border-radius:999px;display:inline-block}.editorial-title{font-family:Google Sans Flex,Google Sans,sans-serif;font-size:28px;font-weight:700;color:#0f172a;letter-spacing:-.6px;line-height:1.15;margin:0}.editorial-media-viewport{width:100%;border-radius:16px;overflow:hidden;background:#080c10;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px -4px rgba(0,0,0,.08);margin:4px 0 6px;position:relative;display:flex;align-items:center;justify-content:center}.editorial-media-element{width:100%;height:auto;max-height:720px;object-fit:contain;object-position:center;display:block}.editorial-abstract{font-size:14.5px;line-height:1.65;color:#555e68;margin:0;max-width:820px}.editorial-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}.editorial-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.editorial-btn.view-more-btn{background:#0f172a;color:#ffffff;border:1px solid #0f172a;box-shadow:0 4px 12px rgba(15,23,42,.12)}.editorial-btn.view-more-btn.active,.editorial-btn.view-more-btn:hover{background:#000000;transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.2)}.editorial-btn.view-more-btn i{font-size:10px;transition:transform .25s ease}.editorial-btn.demo-btn{background:#f8fafc;color:#0f172a;border:1px solid rgba(0,0,0,.12)}.editorial-btn.demo-btn:hover{background:#f1f5f9;border-color:rgba(0,0,0,.2);transform:translateY(-1px)}.editorial-btn.demo-btn i{font-size:10px}.editorial-btn.github-btn{background:#f8fafc;color:#475569;border:1px solid rgba(0,0,0,.08)}.editorial-btn.github-btn:hover{background:#0f172a;color:#ffffff;border-color:#0f172a;transform:translateY(-1px)}.editorial-btn.github-btn i{font-size:13px}.editorial-deepdive-drawer{max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s ease,margin-top .3s ease;width:100%;margin-top:0}.editorial-deepdive-drawer.open{max-height:1400px;opacity:1;margin-top:24px}.editorial-deepdive-content{display:flex;flex-direction:column;gap:22px;padding:20px;background:rgba(248,250,252,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:0 10px 30px -4px rgba(0,0,0,.04)}.deepdive-mockup-wrap{width:100%}.deepdive-mockup{width:100%;background:#0b0f17;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.3)}.mockup-top-bar{height:36px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.mockup-window-dots{display:flex;gap:6px}.mockup-window-dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25)}.mockup-window-dots span:first-child{background:#ff5f56}.mockup-window-dots span:nth-child(2){background:#ffbd2e}.mockup-window-dots span:nth-child(3){background:#27c93f}.mockup-window-title{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#94a3b8}.mockup-window-pill{font-size:9.5px;font-weight:700;letter-spacing:.5px;color:#10b981;background:rgba(16,185,129,.15);padding:2px 8px;border-radius:999px;border:1px solid rgba(16,185,129,.3)}.insightflow-canvas-body{padding:16px;display:flex;flex-direction:column;gap:14px}.insightflow-audio-strip{display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px}.audio-play-btn{width:28px;height:28px;border-radius:50%;background:#10b981;color:#000000;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.audio-waveform-wrap{display:flex;align-items:center;gap:4px;flex-grow:1;height:24px}.waveform-bar{width:3px;background:rgba(255,255,255,.2);border-radius:2px}.waveform-bar.active{background:#10b981}.audio-time{font-family:monospace;font-size:11px;color:#94a3b8;white-space:nowrap}.insightflow-nodes-row{display:flex;flex-direction:column;gap:10px}.canvas-node{padding:12px 14px;border-radius:10px;display:flex;flex-direction:column;gap:4px}.canvas-node.node-core{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25)}.canvas-node.node-sub{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.25)}.node-header-flex{display:flex;align-items:center;justify-content:space-between;gap:8px}.node-badge{font-family:monospace;font-size:9px;font-weight:700;color:#10b981;letter-spacing:.5px}.node-badge-sub{font-family:monospace;font-size:8.5px;color:#94a3b8;background:rgba(255,255,255,.06);padding:1px 6px;border-radius:4px}.node-sub .node-badge{color:#60a5fa}.node-text{font-size:12px;font-weight:500;color:#e2e8f0;line-height:1.45}.scorecast-body{padding:16px;display:flex;flex-direction:column;gap:14px}.scorecast-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.metric-box{padding:8px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;flex-direction:column;gap:4px}.metric-label{font-size:9.5px;color:#94a3b8}.metric-value{font-family:monospace;font-size:13.5px;font-weight:700;color:#38bdf8}.scorecast-chart-sim{padding:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;flex-direction:column;gap:8px}.chart-line-bg{display:flex;align-items:flex-end;gap:10px;height:50px;padding:4px 0}.chart-bar-anim{flex:1 1;background:linear-gradient(180deg,#38bdf8,rgba(56,189,248,.1));border-radius:4px 4px 0 0}.chart-caption{font-size:10px;color:#64748b;text-align:center}.reva-body{padding:16px}.agent-thought-stream,.reva-body{display:flex;flex-direction:column}.agent-thought-stream{gap:8px}.thought-step{padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.04);border-left:3px solid #a855f7;display:flex;flex-direction:column;gap:3px}.thought-step.tool{border-left-color:#eab308}.thought-step.success{border-left-color:#10b981}.thought-badge{font-size:9.5px;font-weight:700;color:#c084fc;display:inline-flex;align-items:center;gap:5px}.thought-badge.tool{color:#facc15}.thought-badge.done{color:#34d399}.thought-desc{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#e2e8f0;line-height:1.4}.deepdive-grid-section{display:flex;flex-direction:column;gap:10px}.deepdive-section-heading{font-size:13px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:8px;letter-spacing:-.2px;margin:0}.deepdive-section-heading i{color:#059669;font-size:13px}.deepdive-arch-grid{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.arch-card{padding:12px 14px;background:#ffffff;border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.02)}.arch-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.arch-card-header i{font-size:12px;color:#0284c7}.arch-card-title{font-size:12px;font-weight:700;color:#0f172a}.arch-card-desc{font-size:12px;line-height:1.5;color:#64748b;margin:0}.deepdive-highlights-list{display:flex;flex-direction:column;gap:8px}.highlight-item{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.5;color:#334155}.highlight-item i{color:#059669;font-size:11px;margin-top:3px;flex-shrink:0}.deepdive-stack-section{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid rgba(0,0,0,.06)}.deepdive-stack-title{font-size:11px;font-weight:700;letter-spacing:.6px;color:#475569;text-transform:uppercase}.deepdive-stack-pills{display:flex;flex-wrap:wrap;gap:6px}.deepdive-tech-pill{font-size:11px;font-weight:500;color:#334155;background:#ffffff;border:1px solid rgba(0,0,0,.08);padding:4px 10px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.02)}.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{border-color:rgba(255,255,255,.2);box-shadow:0 12px 28px rgba(0,0,0,.22)}.project-card:hover .project-preview{transform:scale(1.04)}.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;transition:transform .35s cubic-bezier(.4,0,.2,1)}.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}.preview-insightflow{background:#080c10;padding:0;display:flex;align-items:center;justify-content:center}.preview-insightflow .project-preview-img,.project-preview-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.project-title-wrap-row{display:flex;align-items:center;gap:8px}.project-logo-badge{width:22px;height:22px;object-fit:contain;flex-shrink:0}.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:32px;font-weight:600;color:#111418;letter-spacing:-.8px;line-height:1.1}.capabilities-subtitle{font-size:13px;font-weight:400;color:#555e68;line-height:1.55;letter-spacing:.1px}@media (min-width:640px){.capabilities-title{font-size:36px}}@media (min-width:1024px){.capabilities-title{font-size:42px;letter-spacing:-1.2px}.capabilities-subtitle{font-size:15.5px;max-width:720px;line-height:1.6}}.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{border-color:rgba(0,0,0,.16);box-shadow:0 8px 24px rgba(0,0,0,.06)}.capability-card:hover .capability-icon-wrap{transform:scale(1.1)}.capability-icon-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.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{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;color:#334155;background:#e2e8f0;border:1px solid rgba(0,0,0,.05);padding:3px 8px;border-radius:6px}.about-label,.stack-pill{font-weight:500;letter-spacing:.1px}.about-label{font-size:12.5px;color:#555e68;line-height:1.5}.about-title{font-size:24px;font-weight:600;color:#111418;letter-spacing:-.5px;line-height:1.15}.about-section-wrapper{margin-top:36px;width:100%}.about-works-header{margin-bottom:20px}.about-badge{color:#6366f1!important;background:#eef2ff!important;border-color:rgba(99,102,241,.2)!important}.timeline-stage-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#111418;color:#ffffff;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;transition:all .3s ease}.timeline-stage-badge.stage-create{background:#7c3aed}.timeline-stage-badge.stage-build{background:#0f172a}.timeline-stage-badge.stage-combine{background:#1e1b4b;box-shadow:0 2px 8px rgba(99,102,241,.25)}.stage-dot{width:5px;height:5px;border-radius:50%;background:#00d659;box-shadow:0 0 6px #00d659}.timeline-counter{font-family:monospace;font-size:12px;font-weight:600;color:#8a94a6;letter-spacing:.4px}.counter-curr{color:#111418;font-weight:700}.counter-sep{opacity:.5;margin:0 1px}.about-story-card{padding:24px 20px 22px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;background:#ffffff!important;border:1px solid rgba(0,0,0,.08);color:#0f172a;box-sizing:border-box}.about-card-header{display:flex;align-items:center;margin-top:0;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.07)}.about-card-header .slide-step-title{font-size:13px;font-weight:700;letter-spacing:1px;color:#0f172a;text-transform:uppercase;margin:0}.about-card-body{font-size:15px;line-height:1.65;color:#334155;display:flex;flex-direction:column;gap:12px;flex:1 1;justify-content:center}.about-card-body p{margin:0;color:#334155}.about-card-body .slide-lead{font-size:19px!important;font-weight:600!important;line-height:1.45!important;color:#0f172a!important}@media (max-width:1023px){.about-showcase-stage{display:flex;flex-direction:column;width:100%;background:linear-gradient(180deg,#ffffff 0,#f3f4f8 40%,#e2e7f0 75%,#d8e0ec);border-radius:20px;padding:20px 14px;box-sizing:border-box}.about-stage-content{display:none!important}.about-stage-visuals{width:100%}.about-story-card{height:100%;padding:24px 20px 20px;display:flex;flex-direction:column;justify-content:flex-start;border-radius:16px;background:#ffffff;border:1px solid rgba(0,0,0,.08);color:#1e293b;box-sizing:border-box}.about-slider-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.about-slider-viewport{width:100%;height:250px;overflow:hidden;position:relative;border-radius:16px;background:#ffffff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 28px -4px rgba(0,0,0,.06);order:1}.about-slider-track{display:flex;flex-direction:column;width:100%;height:100%;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.about-slide-item{flex:0 0 100%;width:100%;height:100%;min-height:100%;max-height:100%;box-sizing:border-box}.about-dots-nav{display:flex!important;align-items:center;justify-content:center;gap:10px;margin-top:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;order:2}.about-dot{position:relative;width:10px;height:10px;border-radius:999px;background:rgba(0,0,0,.25);border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.about-dot.active{width:28px;background:#111827;box-shadow:0 2px 6px rgba(0,0,0,.25)}}.contact-section,.content-section#contact{position:relative;border-top:none;padding-top:0;margin-top:0}.contact-card{position:relative;background:#111418;color:#ffffff;border-radius:20px;padding:24px 18px;margin-top:48px;margin-bottom:6px;display:flex;flex-direction:column;align-items:center;overflow:visible;box-shadow:0 16px 36px rgba(0,0,0,.25)}.contact-card-inner{display:contents}.contact-portrait-wrap{left:0;top:-55px;width:100%;height:calc(100% + 55px);overflow:hidden;pointer-events:none;z-index:1}.contact-portrait-img,.contact-portrait-wrap{position:absolute;bottom:0;border-bottom-left-radius:20px}.contact-portrait-img{left:-48px;height:100%;width:auto;max-width:none;object-fit:contain;object-position:bottom left;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.contact-card-content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding-left:105px}.contact-prompt{font-size:19px;font-weight:600;color:#ffffff;letter-spacing:-.3px;line-height:1.25}.prompt-design{display:none}.prompt-build{display:inline}[data-mode=design] .prompt-build{display:none!important}[data-mode=design] .prompt-design{display:inline!important}.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}@media (max-width:360px){.contact-card{padding:20px 14px 18px;margin-top:45px}.contact-portrait-wrap{top:-45px;height:calc(100% + 45px)}.contact-portrait-img{left:-22px;height:100%}.contact-card-content{padding-left:95px;gap:13px}.contact-prompt{font-size:17px}}.works-footer{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 0 20px}.footer-divider{width:100%;height:1px;background:rgba(0,0,0,.08)}.footer-copyright-row{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center;font-size:11.5px;line-height:1.4}.footer-copy{font-weight:500;color:#555e6d;letter-spacing:.2px}.footer-sep{color:#9aa3af;font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none}.footer-rights{font-weight:400;color:#7d8796;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:100%;min-height:100dvh;gap:0}.mobile-frame{width:100%;height:100vh;height:100dvh;min-height:100dvh;max-width:100%;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:100%;max-width:100%;padding:36px var(--frame-border-width,6px) 48px;border-radius:0;box-shadow:none}}.certs-page-wrapper{width:100%;max-width:580px;min-height:100vh;min-height:100dvh;margin:0 auto;background-color:var(--color-canvas-bg,#484540);border-left:var(--frame-border-width,6px) solid var(--color-frame-bg,#ffffff);border-right:var(--frame-border-width,6px) solid var(--color-frame-bg,#ffffff);display:flex;flex-direction:column;position:relative;box-shadow:0 25px 50px -12px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06)}.certs-top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(72,69,64,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.certs-back-link{display:inline-flex;align-items:center;gap:8px;color:#ffffff;text-decoration:none;font-size:13px;font-weight:500;padding:6px 14px 6px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);transition:all .25s cubic-bezier(.4,0,.2,1)}.certs-back-link:hover{background:rgba(255,255,255,.2);transform:translateX(-2px);color:#ffffff}.certs-back-link svg{transition:transform .25s ease}.certs-back-link:hover svg{transform:translateX(-2px)}.certs-nav-actions{display:flex;align-items:center;gap:8px}.certs-nav-icon-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none;transition:all .2s ease}.certs-nav-icon-btn:hover{background:rgba(255,255,255,.22);transform:translateY(-1px);color:#ffffff}.certs-nav-pill-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;background:#ffffff;color:#111418;text-decoration:none;font-size:12px;font-weight:600;transition:all .2s ease}.certs-nav-pill-btn:hover{background:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,255,255,.2)}.certs-container{padding:24px 18px 48px;display:flex;flex-direction:column;gap:24px;flex:1 1}.certs-hero-header{display:flex;flex-direction:column;gap:12px}.certs-badge-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(0,214,89,.12);border:1px solid rgba(0,214,89,.3);color:#00d659;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:4px 12px;border-radius:999px;width:-moz-fit-content;width:fit-content}.certs-verified-dot{width:6px;height:6px;border-radius:50%;background:#00d659;box-shadow:0 0 8px #00d659;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.certs-main-title{font-size:26px;font-weight:700;color:#ffffff;letter-spacing:-.5px;line-height:1.2}.certs-main-subtitle{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.78);font-weight:300}.certs-stats-strip{display:flex;align-items:center;justify-content:space-around;background:rgba(18,22,28,.6);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;margin-top:6px}.cert-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.cert-stat-num{font-size:20px;font-weight:700;color:#ffffff;font-family:SF Mono,Consolas,monospace}.cert-stat-lbl{font-size:10.5px;font-weight:400;color:rgba(255,255,255,.6);letter-spacing:.2px}.cert-stat-divider{width:1px;height:28px;background:rgba(255,255,255,.1)}.certs-controls-section{display:flex;flex-direction:column;gap:12px}.certs-search-wrap{position:relative;width:100%;display:flex;align-items:center}.certs-search-icon{position:absolute;left:14px;color:rgba(255,255,255,.45);pointer-events:none}.certs-search-input{width:100%;background:rgba(18,22,28,.7);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:11px 40px;font-family:inherit;font-size:13px;color:#ffffff;outline:none;transition:all .2s ease}.certs-search-input::placeholder{color:rgba(255,255,255,.4)}.certs-search-input:focus{border-color:rgba(255,255,255,.35);background:rgba(18,22,28,.9);box-shadow:0 0 0 3px rgba(255,255,255,.08)}.certs-clear-search-btn{position:absolute;right:12px;background:rgba(255,255,255,.12);border:none;color:rgba(255,255,255,.7);width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s ease}.certs-clear-search-btn:hover{background:rgba(255,255,255,.25);color:#ffffff}.certs-categories-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.certs-categories-scroll::-webkit-scrollbar{display:none}.certs-cat-pill{white-space:nowrap;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.75);font-family:inherit;font-size:11.5px;font-weight:400;padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.certs-cat-pill:hover{background:rgba(255,255,255,.12);color:#ffffff;border-color:rgba(255,255,255,.18)}.certs-cat-pill.active{background:#ffffff;color:#111418;font-weight:600;border-color:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.certs-grid-section{width:100%}.certs-grid{gap:16px}.cert-card,.certs-grid{display:flex;flex-direction:column}.cert-card{background:rgba(24,28,35,.85);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:18px;gap:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.25);overflow:hidden}.cert-card:hover{border-color:rgba(255,255,255,.2);box-shadow:0 10px 28px rgba(0,0,0,.4)}.cert-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.cert-category-badge{font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 10px;border-radius:6px;text-transform:uppercase}.cert-badge-ai{background:rgba(168,85,247,.16);color:#c084fc;border:1px solid rgba(168,85,247,.3)}.cert-badge-cloud{background:rgba(249,115,22,.16);color:#fb923c;border:1px solid rgba(249,115,22,.3)}.cert-badge-swe{background:rgba(56,189,248,.16);color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.cert-badge-data{background:rgba(52,211,153,.16);color:#34d399;border:1px solid rgba(52,211,153,.3)}.cert-badge-design{background:rgba(244,114,182,.16);color:#f472b6;border:1px solid rgba(244,114,182,.3)}.cert-badge-default{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.15)}.cert-date-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:rgba(255,255,255,.55);font-family:SF Mono,Consolas,monospace}.cert-issuer-wrap{display:flex;align-items:center;gap:8px}.cert-issuer-icon{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:11px;color:#e2e8f0}.cert-issuer-name{font-size:12px;font-weight:500;color:rgba(255,255,255,.7)}.cert-title{font-size:17px;font-weight:600;color:#ffffff;letter-spacing:-.3px;line-height:1.35}.cert-description{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.7);font-weight:300}.cert-skills-wrap{display:flex;flex-wrap:wrap;gap:6px}.cert-skill-tag{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#e2e8f0;font-size:10.5px;font-weight:400;padding:4px 12px;border-radius:999px}.cert-credential-id-bar{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.35);border:1px dashed rgba(255,255,255,.15);border-radius:999px;padding:6px 14px;font-size:11px}.cert-id-label{color:rgba(255,255,255,.45);font-size:10.5px;white-space:nowrap}.cert-id-code{font-family:SF Mono,Consolas,monospace;color:#38bdf8;font-size:11px;letter-spacing:.3px;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cert-copy-btn{background:rgba(255,255,255,.1);border:none;color:#ffffff;padding:4px 12px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:inherit;font-size:10.5px}.cert-copy-btn:hover{background:rgba(255,255,255,.22)}.cert-copied-text{display:flex;align-items:center;gap:4px;color:#34d399;font-weight:600}.cert-thumbnail-wrap{position:relative;width:100%;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#0d1117;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease}.cert-thumbnail-wrap:hover{border-color:rgba(255,255,255,.3);box-shadow:0 6px 20px rgba(0,0,0,.45)}.cert-thumbnail-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .35s cubic-bezier(.4,0,.2,1)}.cert-thumbnail-wrap:hover .cert-thumbnail-img{transform:scale(1.04)}.cert-thumbnail-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.cert-thumbnail-wrap:focus-visible .cert-thumbnail-overlay,.cert-thumbnail-wrap:hover .cert-thumbnail-overlay{opacity:1}.cert-thumbnail-zoom-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(15,18,24,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#ffffff;font-size:11px;font-weight:600;padding:6px 14px;border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,.5);transform:translateY(4px);transition:transform .25s ease}.cert-thumbnail-wrap:hover .cert-thumbnail-zoom-badge{transform:translateY(0)}.cert-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.cert-footer-right-actions{display:flex;align-items:center;gap:8px}.cert-action-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;padding:7px 16px;border-radius:999px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.cert-verify-btn{background:#ffffff;color:#111418;border:1px solid #ffffff}.cert-verify-btn:hover{background:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,255,255,.2)}.cert-pdf-btn{background:rgba(239,68,68,.14);color:#fca5a5;border:1px solid rgba(239,68,68,.28)}.cert-pdf-btn:hover{background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.5);transform:translateY(-1px)}.cert-preview-btn{background:rgba(255,255,255,.08);color:#ffffff;border:1px solid rgba(255,255,255,.12)}.cert-preview-btn:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}.cert-verified-standalone{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:rgba(255,255,255,.6)}.cert-dot-verified{width:6px;height:6px;border-radius:50%;background:#00d659}.certs-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 20px;background:rgba(18,22,28,.5);border:1px dashed rgba(255,255,255,.12);border-radius:16px;gap:12px}.certs-empty-icon{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:18px;color:rgba(255,255,255,.5)}.certs-empty-title{font-size:16px;font-weight:600;color:#ffffff}.certs-empty-desc{font-size:12.5px;color:rgba(255,255,255,.6);max-width:320px;line-height:1.5}.certs-reset-btn{background:#ffffff;color:#111418;font-family:inherit;font-size:12px;font-weight:600;padding:8px 18px;border-radius:999px;border:none;cursor:pointer;margin-top:6px;transition:all .2s ease}.certs-reset-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.certs-page-footer{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.certs-page-footer .footer-divider{background:rgba(255,255,255,.1)}.certs-page-footer .footer-copy{color:rgba(255,255,255,.85)}.certs-page-footer .footer-sep{color:rgba(255,255,255,.4)}.certs-page-footer .footer-rights{color:rgba(255,255,255,.55)}.certs-footer-note{font-size:11px;color:rgba(255,255,255,.45);max-width:340px;line-height:1.4;margin-top:-4px}.certs-footer-home-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#ffffff;font-size:12px;font-weight:500;padding:8px 18px;border-radius:999px;text-decoration:none;transition:all .2s ease}.certs-footer-home-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-1px);color:#ffffff}.cert-modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.cert-modal-content{background:#161a22;border:1px solid rgba(255,255,255,.18);border-radius:18px;width:100%;max-width:680px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.85);animation:modal-enter .25s cubic-bezier(.4,0,.2,1)}@keyframes modal-enter{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cert-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.cert-modal-title{font-size:17px;font-weight:600;color:#ffffff;line-height:1.35}.cert-modal-subtitle{font-size:12.5px;color:rgba(255,255,255,.65);margin-top:3px}.cert-modal-close{background:rgba(255,255,255,.1);border:none;color:#ffffff;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;flex-shrink:0;margin-left:12px}.cert-modal-close:hover{background:rgba(255,255,255,.25)}.cert-modal-body{padding:18px 22px;overflow-y:auto;display:flex;align-items:center;justify-content:center;background:#0d1015}.cert-modal-img{width:100%;height:auto;max-height:58vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.5)}.cert-modal-footer{justify-content:space-between;gap:12px;padding:16px 22px;border-top:1px solid rgba(255,255,255,.08)}.cert-modal-footer,.cert-modal-footer-left{display:flex;align-items:center;flex-wrap:wrap}.cert-modal-footer-left{gap:10px}.cert-modal-pdf-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(239,68,68,.16);color:#fca5a5;border:1px solid rgba(239,68,68,.35);font-size:12px;font-weight:600;text-decoration:none;padding:7px 18px;border-radius:999px;transition:all .2s ease}.cert-modal-pdf-btn:hover{background:rgba(239,68,68,.26);border-color:rgba(239,68,68,.55)}.cert-modal-verify-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff;color:#111418;font-size:12px;font-weight:600;text-decoration:none;padding:7px 18px;border-radius:999px;transition:all .2s ease}.cert-modal-verify-btn:hover{background:#e2e8f0}.cert-modal-dismiss-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);color:#ffffff;font-family:inherit;font-size:12px;padding:7px 18px;border-radius:999px;cursor:pointer;transition:all .2s ease}.cert-modal-dismiss-btn:hover{background:rgba(255,255,255,.2)}@media (max-width:600px){.certs-page-wrapper{max-width:100vw;border-left:none;border-right:none;box-shadow:none}}.build-mode-only{display:block;will-change:transform,opacity}.design-mode-only{display:none;will-change:transform,opacity}[data-mode=design] .build-mode-only{display:none}[data-mode=design] .design-mode-only{display:block}@keyframes modeSlideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-40px)}}@keyframes modeSlideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes modeSlideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(40px)}}@keyframes modeSlideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}body.animating-to-design .build-mode-only{display:block!important;animation:modeSlideOutLeft .45s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}body.animating-to-design .design-mode-only{display:block!important;animation:modeSlideInRight .5s cubic-bezier(.4,0,.2,1) forwards}body.animating-to-build .design-mode-only{display:block!important;animation:modeSlideOutRight .45s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}body.animating-to-build .build-mode-only{display:block!important;animation:modeSlideInLeft .5s cubic-bezier(.4,0,.2,1) forwards}.design-works-header{margin-bottom:20px}.design-badge-wrap{margin-bottom:8px}.design-badge{display:inline-flex;align-items:center;gap:6px;font-family:monospace;font-size:11px;font-weight:600;color:#0f766e;background:#ccfbf1;border:1px solid rgba(15,118,110,.15);padding:4px 10px;border-radius:999px;letter-spacing:.5px}.design-works-header{margin-top:-6px;margin-bottom:36px}.logos-showcase-stage{position:relative;width:100%;height:600px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(248,250,252,.9) 0,rgba(241,245,249,.5) 100%);border-radius:20px;border:none;margin-bottom:24px;display:flex;align-items:center;justify-content:center}.logos-angled-container{position:absolute;width:175%;height:250%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;transform:rotate(-30deg);transform-origin:center center;pointer-events:auto}.logos-stream-col{display:flex;flex-direction:column;gap:12px;will-change:transform;transition:transform .1s linear}.logo-stream-card{width:100%;aspect-ratio:1/1;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:12px;flex-shrink:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden;box-shadow:0 8px 20px -3px rgba(0,0,0,.12),0 2px 6px -1px rgba(0,0,0,.06);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease}.logo-stream-card:hover{transform:scale(1.1);box-shadow:0 16px 32px -4px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.4);z-index:10}.logo-stream-svg-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logo-stream-card:hover .logo-stream-svg-wrap{transform:scale(1.08)}.logo-stream-svg{width:78%;height:78%;object-fit:contain;display:block}.logo-gallery-modal-card{max-width:520px;padding:24px;border-radius:20px;background:#111827;color:#ffffff}.logo-gallery-svg{width:100%;height:100%;object-fit:contain;display:block}.logos-stage-bottom-overlay{position:absolute;bottom:0;left:0;right:0;z-index:10;min-height:250px;padding:120px 14px 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:16px;text-align:left;background:linear-gradient(0deg,rgba(255,255,255,1) 0,rgba(255,255,255,.98) 32%,rgba(255,255,255,.88) 52%,rgba(255,255,255,.65) 70%,rgba(255,255,255,.38) 83%,rgba(255,255,255,.14) 92%,rgba(255,255,255,.03) 97%,transparent);pointer-events:auto}.logos-stage-desc{font-size:13.5px;line-height:1.55;color:#1e293b;font-weight:500;max-width:540px;text-align:left;margin:0}.logos-view-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#111827;border:1px solid rgba(0,0,0,.12);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:-.1px;padding:10px 24px;border-radius:999px;text-decoration:none;cursor:pointer;transition:all .28s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(17,24,39,.2),0 1px 3px rgba(0,0,0,.1);pointer-events:auto}.logos-view-more-btn,.logos-view-more-btn span{color:#ffffff!important}.logos-view-more-btn:hover{background:#000000;color:#ffffff!important;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.32),0 2px 6px rgba(0,0,0,.15)}.logos-view-more-btn svg{stroke:#ffffff;transition:transform .25s ease}.logos-view-more-btn:hover svg{transform:translateX(4px)}.logos-badge-pill{background:rgba(236,72,153,.12)!important;border:1px solid rgba(236,72,153,.3)!important;color:#f472b6!important}.logos-badge-dot{width:6px;height:6px;border-radius:50%;background:#f472b6;box-shadow:0 0 8px #f472b6;animation:pulse-dot 2s ease-in-out infinite}.certs-count-pill{font-size:11px;font-weight:600;color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:999px;font-family:SF Mono,Consolas,monospace}.logo-page-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.logo-page-card{background:#151921;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .28s cubic-bezier(.4,0,.2,1)}.logo-page-card:hover{border-color:rgba(255,255,255,.22);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.5)}.logo-page-stage{position:relative;width:100%;aspect-ratio:16/10;padding:24px;overflow:hidden}.logo-page-stage,.logo-page-svg-wrap{display:flex;align-items:center;justify-content:center}.logo-page-svg-wrap{width:70%;height:70%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.logo-page-card:hover .logo-page-svg-wrap{transform:scale(1.08)}.logo-page-svg{width:100%;height:100%;object-fit:contain;display:block}.logo-page-hover-badge{position:absolute;bottom:12px;right:12px;display:inline-flex;align-items:center;gap:5px;background:rgba(15,18,24,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#ffffff;font-size:11px;font-weight:600;padding:5px 12px;border-radius:999px;opacity:0;transform:translateY(4px);transition:all .25s ease}.logo-page-card:hover .logo-page-hover-badge{opacity:1;transform:translateY(0)}.logo-page-meta{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1 1}.logo-page-meta-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.logo-page-cat-badge{font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:#38bdf8;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.25);padding:3px 10px;border-radius:999px}.logo-page-year{font-size:11px;color:rgba(255,255,255,.5);font-family:SF Mono,Consolas,monospace}.logo-page-title{font-size:16px;font-weight:650;color:#ffffff;letter-spacing:-.2px;line-height:1.35}.logo-page-desc{font-size:12px;color:rgba(255,255,255,.68);line-height:1.5;font-weight:300;margin:0}.logo-page-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.logo-detail-modal-card{max-width:580px;padding:0;overflow:hidden;background:#161a22}.brand-modal-body-scroll{padding:18px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.logo-modal-specs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;background:rgba(0,0,0,.3);padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.logo-modal-tags-wrap{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:680px){.logo-page-grid{grid-template-columns:1fr}}.brand-modal-backdrop{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .2s cubic-bezier(.4,0,.2,1)}.brand-modal-card{position:relative;background:#0f172a;color:#ffffff;border:1px solid rgba(255,255,255,.12);border-radius:22px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 60px rgba(0,0,0,.6)}.brand-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.brand-modal-close:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.brand-modal-header{display:flex;flex-direction:column;gap:4px;padding-right:36px}.brand-modal-cat{font-size:11px;font-weight:600;color:#38bdf8;text-transform:uppercase;letter-spacing:.5px}.brand-modal-title{font-size:20px;font-weight:700;color:#ffffff;letter-spacing:-.3px}.brand-showcase-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.brand-showcase-panel{border-radius:14px;padding:28px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:150px}.brand-showcase-panel .panel-label{position:absolute;top:8px;left:10px;font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.dark-panel{background:#020617;border:1px solid rgba(255,255,255,.08)}.dark-panel .panel-label{color:rgba(255,255,255,.4)}.light-panel{background:#f8fafc;border:1px solid rgba(0,0,0,.08)}.light-panel .panel-label{color:#64748b}.brand-modal-glyph-wrap{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.light-panel .light-glyph{filter:drop-shadow(0 4px 12px rgba(0,0,0,.18))}.motion-section-wrapper{margin-top:8px;width:100%}.motion-works-header{margin-bottom:20px}.motion-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--frame-border-width,6px);gap:var(--frame-border-width,6px);margin-bottom:28px}.motion-card{border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);background:#000}.motion-card.motion-card-full{grid-column:1/-1}.motion-card.motion-card-half{grid-column:span 1}.motion-card:hover{box-shadow:0 20px 48px rgba(0,0,0,.35)}.motion-card:hover .motion-card-video{transform:scale(1.04)}.motion-card-viewport{position:relative;width:100%;height:auto;background:#000000;overflow:hidden;display:flex;align-items:center;justify-content:center}.motion-card-video{object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.motion-card-video,.motion-dual-stage{position:absolute;inset:0;width:100%;height:100%;z-index:1}.motion-dual-stage{display:flex;background:radial-gradient(circle at 50% 50%,#0d121c 0,#000000 100%)}.motion-dual-pane{flex:1 1;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.motion-dual-video{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.motion-card:hover .motion-dual-video{transform:scale(1.06)}.motion-dual-divider{width:1px;height:70%;align-self:center;background:linear-gradient(180deg,transparent,rgba(255,255,255,.15),transparent);z-index:2}.motion-pane-tag{position:absolute;top:12px;background:rgba(15,23,42,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);color:#cbd5e1;font-size:10px;font-weight:600;letter-spacing:.3px;padding:4px 11px;border-radius:999px;z-index:2;transition:opacity .25s ease}.motion-pane-left .motion-pane-tag{left:14px}.motion-pane-right .motion-pane-tag{right:14px}.motion-card:hover .motion-pane-tag{opacity:.2}.motion-preview-blackhole,.motion-preview-dual-suite{background:#000000}.motion-modal-stage{position:relative;border-radius:14px;background:#000000}.motion-modal-video{object-fit:contain}.motion-hover-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 18px;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.45) 50%,transparent);opacity:0;transform:translateY(6px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.motion-card:hover .motion-hover-overlay{opacity:1;transform:translateY(0)}.motion-hover-cat{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#c4b5fd;margin-bottom:3px}@media (max-width:680px){.motion-grid{grid-template-columns:1fr}.motion-card.motion-card-half{grid-column:1/-1}}.motion-hover-title{font-size:15px;font-weight:650;color:#ffffff;letter-spacing:-.2px;margin:0 0 5px;line-height:1.3}.motion-hover-desc{font-size:11.5px;color:rgba(255,255,255,.72);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-tool-tag{color:#c4b5fd;background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.25)}.motion-scene-quantum{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.quantum-core-glow{width:36px;height:36px;background:radial-gradient(circle,#06b6d4 0,#3b82f6 70%,transparent 100%);box-shadow:0 0 30px #06b6d4,0 0 60px #3b82f6;animation:pulseQuantumCore 2s ease-in-out infinite}.quantum-core-glow,.quantum-ring{position:absolute;border-radius:50%}.quantum-ring{border:2px solid transparent}.quantum-ring.ring-1{width:100px;height:100px;border-top-color:#06b6d4;border-bottom-color:#3b82f6;animation:spinQuantum1 4s linear infinite}.quantum-ring.ring-2{width:80px;height:80px;border-left-color:#ec4899;border-right-color:#a855f7;animation:spinQuantum2 3s linear infinite reverse}.quantum-ring.ring-3{width:120px;height:120px;border-top-color:#38bdf8;border-right-color:#818cf8;animation:spinQuantum3 6s linear infinite}@keyframes pulseQuantumCore{0%,to{transform:scale(.9);opacity:.8}50%{transform:scale(1.15);opacity:1}}@keyframes spinQuantum1{0%{transform:rotate(0deg) rotateX(60deg)}to{transform:rotate(1turn) rotateX(60deg)}}@keyframes spinQuantum2{0%{transform:rotate(0deg) rotateY(65deg)}to{transform:rotate(1turn) rotateY(65deg)}}@keyframes spinQuantum3{0%{transform:rotate(0deg) rotate(45deg)}to{transform:rotate(1turn) rotate(45deg)}}.motion-scene-hud{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.hud-grid-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(6,182,212,.1) 1px,transparent 0),linear-gradient(180deg,rgba(6,182,212,.1) 1px,transparent 0);background-size:20px 20px;border-radius:50%;border:1px dashed rgba(6,182,212,.3)}.hud-radar-sweep{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,rgba(6,182,212,.4) 0deg,transparent 60deg,transparent 1turn);animation:radarSweep 3s linear infinite}.hud-crosshair{position:absolute;width:40px;height:40px;border:1.5px solid #06b6d4;border-radius:4px}.hud-circle-ring{position:absolute;width:110px;height:110px;border:1.5px dashed rgba(56,189,248,.5);border-radius:50%;animation:spinRadarRing 8s linear infinite}.hud-telemetry-text{position:absolute;bottom:8px;left:10px;right:10px;display:flex;justify-content:space-between;font-family:monospace;font-size:8px;color:#38bdf8;letter-spacing:.5px}@keyframes radarSweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinRadarRing{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.motion-scene-typo{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;background:#020617}.typo-kinetic-row{white-space:nowrap;font-family:var(--font-family);font-weight:800;font-size:22px;letter-spacing:1px}.typo-kinetic-row.row-1{color:transparent;-webkit-text-stroke:1px #a78bfa;animation:marqueeTypo1 8s linear infinite}.typo-kinetic-row.row-2{color:#ffffff;animation:marqueeTypo2 8s linear infinite}@keyframes marqueeTypo1{0%{transform:translateX(20%)}to{transform:translateX(-50%)}}@keyframes marqueeTypo2{0%{transform:translateX(-50%)}to{transform:translateX(20%)}}.typo-kinetic-badge{position:absolute;top:10px;left:12px;font-family:monospace;font-size:9px;font-weight:700;color:#a78bfa;background:rgba(167,139,250,.15);border:1px solid rgba(167,139,250,.3);padding:2px 6px;border-radius:4px}.motion-scene-glass{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.glass-orb-container{position:relative;width:90px;height:90px;border-radius:50%}.glass-orb-body{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.4) 0,rgba(168,85,247,.25) 40%,rgba(15,23,42,.8) 100%);border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 20px rgba(255,255,255,.3),0 12px 30px rgba(168,85,247,.35);animation:orbMorph 5s ease-in-out infinite}.glass-caustic-light{position:absolute;top:10px;left:15px;width:24px;height:14px;border-radius:50%;background:rgba(255,255,255,.7);filter:blur(2px);transform:rotate(-35deg)}.glass-reflection-sweep{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);animation:sweepGlassReflection 4s ease-in-out infinite}@keyframes orbMorph{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.06) rotate(180deg)}}@keyframes sweepGlassReflection{0%{transform:rotate(0deg);opacity:.4}50%{transform:rotate(180deg);opacity:.8}to{transform:rotate(1turn);opacity:.4}}.motion-modal-card{max-width:500px!important}.motion-modal-stage{width:100%;height:220px;border-radius:16px;background:#090d16;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}.motion-modal-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}.motion-modal-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.motion-spec-item{display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.04);padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.spec-label{font-size:10px;font-weight:500;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.4px}.spec-value{font-family:monospace;font-size:11.5px;font-weight:600;color:#38bdf8}.illustrations-section-wrapper{margin-top:36px;width:100%}.ill-works-header{margin-bottom:20px}.experiments-section-wrapper{margin-top:10px;padding:0 14px}.exp-works-header{margin-bottom:20px}.capabilities-section-wrapper{margin-top:10px;padding:0 14px}.capabilities-works-header{margin-bottom:20px}.ill-badge{color:#d97706!important;background:#fffbeb!important;border-color:rgba(217,119,6,.2)!important}@media (max-width:1023px){.ill-showcase-stage{display:contents}.ill-stage-content{display:none!important}.capabilities-showcase-stage,.ill-slider-wrapper,.ill-stage-visuals{display:contents}.capabilities-stage-content{display:none!important}.capabilities-stage-cards,.exp-showcase-stage{display:contents}.exp-stage-content{display:none!important}.exp-stage-cards,.ill-slider-viewport{display:contents}.ill-slider-track{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--frame-border-width,6px);gap:var(--frame-border-width,6px);margin-bottom:28px;transform:none!important;transition:none!important;width:100%}@media (max-width:480px){.ill-slider-track{grid-template-columns:1fr}}.ill-slide-item{grid-column:span 1;width:100%}.ill-slide-item .illustration-card{width:100%;margin-bottom:0}.ill-dots-nav,.ill-slider-overlay{display:none!important}.uiux-showcase-stage{display:contents}.uiux-stage-content{display:none!important}.uiux-slider-viewport,.uiux-slider-wrapper,.uiux-stage-visuals{display:contents}.uiux-slider-track{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;margin-bottom:28px;transform:none!important;transition:none!important;width:100%}@media (max-width:680px){.uiux-slider-track{grid-template-columns:1fr}}.uiux-slide-item{grid-column:span 1;width:100%}.uiux-slide-item .uiux-card{width:100%;margin-bottom:0}.uiux-dots-nav,.uiux-hover-overlay{display:none!important}.mobile-only-card-body{display:flex!important}}.illustration-card{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.04);transition:all .28s cubic-bezier(.4,0,.2,1)}.illustration-card:hover{border-color:rgba(217,119,6,.35);box-shadow:0 14px 30px rgba(0,0,0,.1)}.illustration-media-wrap{position:relative;width:100%;aspect-ratio:16/11;background:#090d16;overflow:hidden}.illustration-svg{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s cubic-bezier(.4,0,.2,1)}.illustration-card:hover .illustration-svg{transform:scale(1.05)}.illustration-hover-overlay{position:absolute;inset:0;background:rgba(9,13,22,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.illustration-hover-overlay span{font-size:11px;font-weight:600;color:#ffffff;background:rgba(0,0,0,.6);padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2)}.illustration-card:hover .illustration-hover-overlay{opacity:1}.illustration-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}.ill-cat-tag{font-size:10px;font-weight:600;color:#d97706;text-transform:uppercase;letter-spacing:.5px}.illustration-title{font-size:15px;font-weight:600;color:#0f172a;letter-spacing:-.2px}.illustration-desc{font-size:12px;color:#64748b;line-height:1.45}.ill-palette-row{display:flex;align-items:center;gap:5px;margin-top:4px}.ill-modal-card{max-width:500px!important}.ill-modal-stage{width:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#090d16}.ill-modal-stage .illustration-svg{width:100%;height:auto}.uiux-section-wrapper{margin-top:36px;width:100%}.uiux-works-header{margin-bottom:20px}.uiux-badge{color:#0284c7!important;background:#f0f9ff!important;border-color:rgba(2,132,199,.2)!important}.uiux-grid{gap:16px;margin-bottom:28px}.uiux-card,.uiux-grid{display:flex;flex-direction:column}.uiux-card{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.05);transition:all .28s cubic-bezier(.4,0,.2,1)}.uiux-card:hover{border-color:rgba(2,132,199,.35);box-shadow:0 14px 32px rgba(0,0,0,.1)}.uiux-card:hover .uiux-card-viewport{transform:scale(1.03)}.uiux-card-viewport{position:relative;width:100%;min-height:200px;background:#090d16;padding:16px;overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1)}.uiux-card-viewport,.uiux-inspect-overlay{display:flex;align-items:center;justify-content:center}.uiux-inspect-overlay{position:absolute;inset:0;background:rgba(9,13,22,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s ease;z-index:5}.uiux-inspect-overlay span{font-size:11px;font-weight:600;color:#ffffff;background:#0284c7;padding:6px 14px;border-radius:999px;box-shadow:0 4px 14px rgba(2,132,199,.4)}.uiux-card:hover .uiux-inspect-overlay{opacity:1}.uiux-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}.uiux-cat-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.uiux-cat-tag{font-size:10.5px;font-weight:600;color:#0284c7;text-transform:uppercase;letter-spacing:.4px}.uiux-platform-tag{font-family:monospace;font-size:10px;color:#64748b}.uiux-title{font-size:16px;font-weight:600;color:#0f172a;letter-spacing:-.3px}.uiux-desc{font-size:12.5px;color:#64748b;line-height:1.5}.uiux-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.uiux-tag{font-size:10.5px;font-weight:500;color:#0369a1;background:#f0f9ff;border:1px solid rgba(3,105,161,.12);padding:3px 8px;border-radius:6px}.modal-ui-tag{color:#7dd3fc;background:rgba(2,132,199,.15);border-color:rgba(2,132,199,.25)}.ui-mockup-screen{width:100%;max-width:280px;border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px rgba(0,0,0,.4)}.screen-novapay{background:linear-gradient(135deg,#1e1b4b,#0f172a)}.ui-phone-notch{width:44px;height:4px;background:rgba(255,255,255,.2);border-radius:999px;margin:0 auto 10px}.ui-screen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ui-user-avatar{width:22px;height:22px;border-radius:50%;background:#38bdf8}.ui-badge-pill{font-family:monospace;font-size:8.5px;font-weight:700;color:#38bdf8;background:rgba(56,189,248,.15);padding:2px 6px;border-radius:4px}.ui-balance-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;margin-bottom:10px;display:flex;flex-direction:column}.ui-bal-label{font-size:8px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:.5px}.ui-bal-amount{font-size:18px;font-weight:700;color:#ffffff;margin:2px 0}.ui-bal-growth{font-size:9px;color:#34d399}.ui-actions-row{display:flex;gap:6px;margin-bottom:10px}.ui-action-btn{flex:1 1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#ffffff;font-size:9px;font-weight:600;padding:6px 4px;border-radius:8px;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.ui-recent-tx{background:rgba(0,0,0,.25);border-radius:10px;padding:8px 10px}.ui-tx-item{display:flex;align-items:center;justify-content:space-between}.ui-tx-icon{width:18px;height:18px;border-radius:50%;background:#6366f1}.ui-tx-info{display:flex;flex-direction:column;margin-left:6px;flex:1 1}.ui-tx-name{font-size:9.5px;font-weight:600;color:#ffffff}.ui-tx-date{font-size:7.5px;color:rgba(255,255,255,.4)}.ui-tx-val.positive{font-size:9.5px;font-weight:600;color:#34d399}.screen-chronos{background:#020617}.ui-dash-topbar{display:flex;justify-content:space-between;align-items:center;font-size:8.5px;margin-bottom:10px}.ui-crumb.active{color:#38bdf8;font-weight:600}.ui-crumb{color:rgba(255,255,255,.5)}.ui-crumb-sep{color:rgba(255,255,255,.2);margin:0 3px}.ui-status-dot.online{color:#34d399}.ui-dash-metric-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:10px}.ui-dash-metric{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:6px 8px;border-radius:8px;display:flex;flex-direction:column}.metric-label{font-size:7.5px;color:rgba(255,255,255,.5)}.metric-val{font-size:13px;font-weight:700;font-family:monospace}.text-cyan{color:#38bdf8}.text-emerald{color:#34d399}.ui-dash-chart-frame{height:48px;background:rgba(255,255,255,.02);border-radius:8px;padding:8px 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px}.ui-chart-bar{width:14%;background:linear-gradient(180deg,#38bdf8,rgba(56,189,248,.2));border-radius:3px 3px 0 0}.screen-aetheria{background:#0f172a}.ui-studio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.studio-brand{font-size:8.5px;font-weight:700;color:#a78bfa;letter-spacing:.5px}.studio-tools-bar{display:flex;gap:4px}.tool-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2)}.tool-dot.active{background:#38bdf8}.ui-studio-viewport{height:70px;background:#020617;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:8px;position:relative}.ui-3d-wireframe-cube{width:28px;height:28px;border:1.5px solid #a78bfa;transform:rotate(45deg)}.ui-floating-node-pill{position:absolute;bottom:6px;font-size:7.5px;font-family:monospace;color:#38bdf8;background:rgba(56,189,248,.15);padding:2px 6px;border-radius:4px}.ui-studio-timeline{height:6px;background:rgba(255,255,255,.1);border-radius:999px;position:relative}.timeline-playhead{width:25%;height:100%;background:#38bdf8;border-radius:999px}.screen-pulse{background:#020617}.ui-health-rings-wrap{position:relative;width:70px;height:70px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}.health-ring{position:absolute;border-radius:50%;border:3px solid transparent}.ring-red{width:66px;height:66px;border-top-color:#f43f5e;border-right-color:#f43f5e}.ring-green{width:52px;height:52px;border-top-color:#10b981;border-left-color:#10b981}.ring-blue{width:38px;height:38px;border-top-color:#38bdf8;border-bottom-color:#38bdf8}.health-center-score{display:flex;flex-direction:column;align-items:center}.score-val{font-size:11px;font-weight:700;color:#ffffff}.score-label{font-size:6px;color:#34d399;font-weight:600}.ui-ecg-waveform{width:100%;height:20px;margin-bottom:6px}.ecg-svg{width:100%;height:100%}.ui-health-stat-pill{font-size:8px;text-align:center;color:#f43f5e;font-family:monospace}.uiux-modal-stage{display:flex;justify-content:center;padding:16px;background:#020617;border-radius:14px}.tools-section-wrapper{margin-top:36px;width:100%;background:linear-gradient(180deg,#ffffff 0,#f2f2f4 35%,#d2d0d3 70%,#b4b2b3);padding:32px 0 36px;border-radius:24px}.tools-works-header{margin-bottom:20px;padding:0 16px}.tools-badge{color:#059669!important;background:#ecfdf5!important;border-color:rgba(5,150,105,.2)!important}.tools-portrait-showcase{padding:12px 16px 24px;background:transparent;border:none;border-radius:0;margin-bottom:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.orbit-stage-wrapper,.tools-portrait-showcase{width:100%;display:flex;justify-content:center;align-items:center}.orbit-stage-wrapper{position:relative;max-width:460px;min-height:450px;perspective:1000px;perspective-origin:50% 50%;transform-style:preserve-3d;overflow:visible;--orbit-radius:160px}.orbit-carousel-3d{position:absolute;top:42%;left:50%;width:0;height:0;transform-style:preserve-3d;animation:orbitSpin 16s linear infinite;pointer-events:none}@keyframes orbitSpin{0%{transform:translate(-50%,-50%) rotate(12deg) rotateX(-10deg) rotateY(0deg)}to{transform:translate(-50%,-50%) rotate(12deg) rotateX(-10deg) rotateY(1turn)}}.orbit-card-3d{position:absolute;top:50%;left:50%;width:74px;height:74px;margin-top:-37px;margin-left:-37px;transform-style:preserve-3d;transform:rotateY(var(--item-angle,0deg)) translateZ(var(--orbit-radius,160px));pointer-events:none}.orbit-card-inner{border-radius:16px;overflow:hidden;background:transparent;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:0;cursor:default;filter:drop-shadow(0 10px 22px rgba(0,0,0,.22));transform-origin:center center;transform-style:preserve-3d;-webkit-backface-visibility:visible;backface-visibility:visible}.orbit-card-img,.orbit-card-inner{width:100%;height:100%;pointer-events:none}.orbit-card-img{object-fit:contain;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tools-portrait-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:auto;max-width:90%;transform:translateZ(0);transform-style:preserve-3d;z-index:2}.portrait-doodle-bg{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:108%;max-width:460px;height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;opacity:1;animation:doodleStopMotion 1.8s steps(8) infinite;transform-origin:center center}@keyframes doodleStopMotion{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.tools-portrait-img{position:relative;z-index:2;transform:translateZ(0);transform-style:preserve-3d;width:auto;max-width:100%;max-height:440px;height:auto;object-fit:contain;filter:drop-shadow(0 16px 32px rgba(0,0,0,.14));pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.how-i-build-section-wrap{width:100%;display:flex;flex-direction:column;gap:28px;margin-top:36px}.pipeline-section-wrapper{margin-top:0;width:100%;background:linear-gradient(180deg,#ffffff 0,#f2f2f4 35%,#d2d0d3 70%,#b4b2b3);padding:32px 0 36px;border-radius:24px}.pipeline-works-header{margin-bottom:20px;padding:0 16px}.pipeline-badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.8px;padding:4px 12px;border-radius:999px;color:#059669;background:#ecfdf5;border:1px solid rgba(5,150,105,.2);margin-bottom:12px}.pipeline-portrait-showcase{width:100%;display:flex;justify-content:center;align-items:center;padding:12px 16px 24px;background:transparent;border:none;border-radius:0;margin-bottom:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.pipeline-orbit-carousel{animation:orbitSpinReverse 16s linear infinite}@keyframes orbitSpinReverse{0%{transform:translate(-50%,-50%) rotate(12deg) rotateX(-10deg) rotateY(1turn)}to{transform:translate(-50%,-50%) rotate(12deg) rotateX(-10deg) rotateY(0deg)}}.pipeline-orbit-card{width:76px;height:76px;margin-top:-38px;margin-left:-38px}.pipeline-step-inner{width:100%;height:100%;border-radius:16px;overflow:hidden;background:#0f172a;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 24px -4px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;pointer-events:none;cursor:default;transform-origin:center center;transform-style:preserve-3d;-webkit-backface-visibility:visible;backface-visibility:visible}.pipeline-step-num{font-family:SF Mono,Consolas,monospace;font-size:8.5px;font-weight:700;color:rgba(255,255,255,.6);letter-spacing:.5px;line-height:1;margin-bottom:1px}.pipeline-step-icon{font-size:17px;color:#10b981;margin:2px 0 3px}.pipeline-step-name{font-family:Google Sans Flex,Google Sans,sans-serif;font-size:9px;font-weight:700;color:#ffffff;letter-spacing:.4px;line-height:1.1;text-transform:uppercase}.tech-showcase-section{display:flex;flex-direction:column;gap:18px;padding:28px 16px 20px;background:linear-gradient(#ffffff,#ffffff) padding-box,linear-gradient(0deg,#ffffff 0,#f3f4f8 40%,#e2e7f0 75%,#d8e0ec) border-box;border:1px solid transparent;border-radius:20px;overflow:hidden;position:relative}.tech-showcase-content{display:contents}.tech-showcase-header{order:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.tech-showcase-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#f8fafc;border:1px solid rgba(0,0,0,.08);font-size:11px;font-weight:600;color:#0f172a}.tech-showcase-badge i{font-size:9px;color:#64748b}.tech-showcase-title{font-family:Google Sans Flex,Google Sans,sans-serif;font-size:26px;font-weight:700;color:#0f172a;letter-spacing:-.6px;line-height:1.15;margin:0}.tech-showcase-desc{order:3;font-size:13px;line-height:1.6;color:#64748b;margin:0}.tech-expanded-drawer{order:4;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s ease,margin-bottom .3s ease;width:100%;margin-bottom:0}.tech-expanded-drawer.open{max-height:480px;opacity:1;margin-bottom:14px}.tech-showcase-cta{order:5;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#0f172a;color:#ffffff;border:none;border-radius:999px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;margin-top:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(15,23,42,.15)}.tech-showcase-cta:hover{background:#000000;transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.25)}.tech-showcase-cta i{font-size:10px;transition:transform .25s ease}.tech-expanded-inner{display:flex;flex-direction:column;gap:10px;padding:16px;background:rgba(248,250,252,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 4px 14px rgba(0,0,0,.03)}.tech-expanded-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12.5px;line-height:1.5;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.04)}.tech-expanded-row:last-child{border-bottom:none;padding-bottom:0}.tech-expanded-cat{font-weight:700;color:#0f172a;white-space:nowrap}.tech-expanded-divider{color:#94a3b8;font-weight:600}.tech-expanded-words{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;color:#475569}.tech-word{color:#334155;font-weight:450}.tech-dot{color:#cbd5e1;font-weight:700;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tech-columns-stage{order:2;position:relative;width:100%;height:350px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;overflow:hidden;background:transparent;border-radius:22px;padding:0 10px;border:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,black 14%,black 86%,transparent);mask-image:linear-gradient(180deg,transparent 0,black 14%,black 86%,transparent);margin:4px 0 2px}.tech-col{display:flex;flex-direction:column;gap:14px;will-change:transform;transition:transform .1s linear}.tech-col-5{display:none}.tech-icon-card{width:100%;aspect-ratio:1/1;max-width:64px;max-height:64px;margin:0 auto;border-radius:16px;background:#ffffff;box-shadow:0 10px 24px -3px rgba(0,0,0,.07),0 2px 6px -1px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;padding:12px;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease}.tech-icon-card:hover{transform:scale(1.08);box-shadow:0 14px 28px -2px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06)}.tech-icon-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.05));-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media (min-width:768px){.screen-wrapper{padding:0;margin:0;gap:0}.mobile-frame,.screen-wrapper{width:100%;max-width:100%;min-height:100vh;min-height:100dvh}.mobile-frame{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:var(--frame-outer-radius,0);padding:var(--frame-border-width,6px);box-shadow:none}.canvas-inner{border-radius:var(--frame-inner-radius,20px)}.hero-top-bar{padding:20px 28px 0}.hero-content{left:56px;bottom:80px;max-width:460px}.hero-heading{font-size:40px}.hero-bio{font-size:15px;line-height:1.55}.portrait-wrapper{width:58%;right:20px}.selected-works-section{width:100%;max-width:100%;padding:40px var(--frame-border-width,6px) 48px;border-radius:0;box-shadow:none}.selected-works-section>*{max-width:720px;width:100%;margin-left:auto;margin-right:auto}.works-header{padding:0 4px}.logos-stage-bottom-overlay{padding-left:4px;padding-right:4px}.works-title{font-size:36px}.featured-project{padding:0 4px}.projects-grid,.works-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.experiments-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.workflow-steps{flex-wrap:wrap;justify-content:flex-start;gap:8px}.stack-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.logo-gallery-grid{grid-template-columns:repeat(4,1fr)}.illustrations-grid,.motion-grid,.uiux-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.certs-page-wrapper{width:100vw;max-width:100vw;min-height:100vh;min-height:100dvh;border-radius:0;margin:0 auto}.certs-container,.certs-top-nav{max-width:740px;width:100%;margin:0 auto}.certificates-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}}@media (min-width:1024px){.screen-wrapper{--frame-border-width-desktop:max(24px,calc((100% - 1280px) / 2));--frame-border-height-desktop:8px;padding:0;margin:0;gap:0}.mobile-frame,.screen-wrapper{width:100%;max-width:100%;min-height:100vh;min-height:100dvh}.mobile-frame{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:var(--frame-outer-radius,0);padding:var(--frame-border-height-desktop,8px) var(--frame-border-width-desktop);box-shadow:none}.canvas-inner{border-radius:var(--frame-inner-radius,20px)}.hero-top-bar{padding:24px max(36px,calc((100% - 1280px) / 2 + 36px)) 0}.hero-logo{width:64px;height:38px}.hero-social-btn{width:36px;height:36px;font-size:17px;margin:0}.hero-content{left:max(48px,calc((100% - 1280px) / 2 + 48px));bottom:max(60px,8vh);max-width:540px;gap:14px}.hero-heading{font-size:48px;letter-spacing:-1.2px;line-height:1.08}.hero-bio{font-size:15.5px;line-height:1.6;max-width:480px;color:rgba(255,255,255,.85)}.hero-actions{display:flex;flex-direction:row;align-items:center;gap:14px;margin-top:4px}.hero-btn{padding:12px 26px;font-size:13.5px;border-radius:999px}.portrait-wrapper{width:50%;height:100%;right:max(20px,calc((100% - 1280px) / 2));bottom:0;transform:translateX(var(--portrait-desktop-x,8%));transition:transform 1s cubic-bezier(.4,0,.2,1);will-change:transform}[data-mode=design] .portrait-wrapper{transform:translateX(var(--portrait-desktop-x-design,-102%))}.portrait-img{width:100%;height:100%;object-fit:contain;object-position:bottom right;transition:object-position 1s cubic-bezier(.4,0,.2,1)}[data-mode=design] .portrait-img{object-position:bottom left}.shadow-overlay{width:55%;max-width:620px;height:40%;max-height:320px;object-fit:fill;object-position:left bottom;opacity:.5;mask-image:linear-gradient(0deg,black 40%,transparent);-webkit-mask-image:linear-gradient(0deg,black 40%,transparent)}.bg-logo-watermark{top:48%;height:auto}.bg-logo-watermark.watermark-build{left:max(40px,calc((100% - 1280px) / 2 + 20px));width:42%;max-width:540px;opacity:.18;transform:translateY(-50%)}[data-mode=design] .bg-logo-watermark.watermark-build{transform:translate(-140%,-50%);opacity:0}.bg-logo-watermark.watermark-design{right:max(40px,calc((100% - 1280px) / 2 + 20px));left:auto;width:37.5%;max-width:480px;opacity:0;transform:translate(140%,-50%)}[data-mode=design] .bg-logo-watermark.watermark-design{transform:translateY(-50%);opacity:.18}.mode-notch-slider .notch-mobile-svg{display:none!important}.mode-notch-slider .notch-desktop-svg{display:block!important}#modeSwitchTab,#modeSwitchTab.build-active,#modeSwitchTab.design-active,.docked-mode-switcher,.docked-mode-switcher.build-active,.docked-mode-switcher.design-active,[data-mode=build] .docked-mode-switcher,[data-mode=design] .docked-mode-switcher{--desktop-mode-tab-width:144px;--desktop-button-slide:86px;left:50%!important;transform:translateX(-50%)!important;width:calc(var(--desktop-mode-tab-width, 144px) + var(--desktop-button-slide, 86px))!important;transition:none!important}#modeSwitchTab .mode-notch-slider,.docked-mode-switcher .mode-notch-slider{left:0!important;width:var(--desktop-mode-tab-width,144px)!important;transform:translateX(0)!important;transition:transform .45s cubic-bezier(.4,0,.2,1)!important;will-change:transform}#modeSwitchTab.design-active .mode-notch-slider,.docked-mode-switcher.design-active .mode-notch-slider,[data-mode=design] #modeSwitchTab .mode-notch-slider,[data-mode=design] .mode-notch-slider{transform:translateX(var(--desktop-button-slide,86px))!important}#modeSwitchTab .mode-tab,#modeSwitchTab .mode-tab-build,#modeSwitchTab.design-active .mode-tab-build,.docked-mode-switcher .mode-tab,.docked-mode-switcher .mode-tab-build,.docked-mode-switcher.design-active .mode-tab-build,[data-mode=design] .mode-tab-build{width:var(--desktop-mode-tab-width,144px)!important;margin-left:0!important;transition:opacity .3s ease,transform .15s ease!important}#modeSwitchTab .mode-tab-design,#modeSwitchTab.design-active .mode-tab-design,.docked-mode-switcher .mode-tab-design,.docked-mode-switcher.design-active .mode-tab-design,[data-mode=design] .mode-tab-design{width:var(--desktop-mode-tab-width,144px)!important;margin-left:calc(var(--desktop-button-slide, 86px) - var(--desktop-mode-tab-width, 144px))!important;transition:opacity .3s ease,transform .15s ease!important}#modeSwitchTab .mode-tab:active,.docked-mode-switcher .mode-tab:active{transform:scale(.97)!important}#modeSwitchTab .mode-tab.active,.docked-mode-switcher .mode-tab.active{cursor:default;z-index:1!important}#modeSwitchTab .mode-tab:not(.active),.docked-mode-switcher .mode-tab:not(.active){cursor:pointer;z-index:2!important}#modeSwitchTab .mode-tab .mode-content,#modeSwitchTab .mode-tab-build .mode-content,#modeSwitchTab .mode-tab-design .mode-content,.docked-mode-switcher .mode-tab .mode-content,.docked-mode-switcher .mode-tab-build .mode-content,.docked-mode-switcher .mode-tab-design .mode-content{justify-content:center!important;padding:0!important;gap:0!important}#modeSwitchTab.design-active .mode-tab-build .mode-icon,#modeSwitchTab:not(.design-active) .mode-tab-design .mode-icon,.docked-mode-switcher.design-active .mode-tab-build .mode-icon,.docked-mode-switcher:not(.design-active) .mode-tab-design .mode-icon,[data-mode=build] .mode-tab-design .mode-icon,[data-mode=design] .mode-tab-build .mode-icon{display:inline-flex!important;width:0!important;max-width:0!important;margin-right:0!important;opacity:0!important;transform:scale(0)!important;pointer-events:none!important;transition:width .35s cubic-bezier(.4,0,.2,1),max-width .35s cubic-bezier(.4,0,.2,1),margin-right .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,transform .35s cubic-bezier(.4,0,.2,1)!important}#modeSwitchTab:not(.design-active) .mode-tab-build .mode-icon,.docked-mode-switcher:not(.design-active) .mode-tab-build .mode-icon,[data-mode=build] .mode-tab-build .mode-icon{width:15px!important;max-width:15px!important}#modeSwitchTab.design-active .mode-tab-design .mode-icon,#modeSwitchTab:not(.design-active) .mode-tab-build .mode-icon,.docked-mode-switcher.design-active .mode-tab-design .mode-icon,.docked-mode-switcher:not(.design-active) .mode-tab-build .mode-icon,[data-mode=build] .mode-tab-build .mode-icon,[data-mode=design] .mode-tab-design .mode-icon{display:inline-flex!important;margin-right:7px!important;opacity:1!important;transform:scale(1)!important;color:var(--color-text-dark)!important;overflow:visible!important;pointer-events:auto!important;transition:width .35s cubic-bezier(.4,0,.2,1),max-width .35s cubic-bezier(.4,0,.2,1),margin-right .35s cubic-bezier(.4,0,.2,1),opacity .3s ease,transform .38s cubic-bezier(.34,1.25,.64,1)!important}#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{width:14px!important;max-width:14px!important}#modeSwitchTab .mode-text,.docked-mode-switcher .mode-text{transition:color .35s ease,opacity .35s ease!important}#modeSwitchTab:not(.design-active) .mode-tab-build .mode-text,.docked-mode-switcher:not(.design-active) .mode-tab-build .mode-text,[data-mode=build] .mode-tab-build .mode-text{color:var(--color-text-dark)!important;opacity:1!important;font-weight:500!important}#modeSwitchTab.design-active .mode-tab-build .mode-text,.docked-mode-switcher.design-active .mode-tab-build .mode-text,[data-mode=design] .mode-tab-build .mode-text{color:#ffffff!important;opacity:.75!important;font-weight:400!important}#modeSwitchTab.design-active .mode-tab-build:hover .mode-text,.docked-mode-switcher.design-active .mode-tab-build:hover .mode-text,[data-mode=design] .mode-tab-build:hover .mode-text{opacity:1!important}#modeSwitchTab.design-active .mode-tab-design .mode-text,.docked-mode-switcher.design-active .mode-tab-design .mode-text,[data-mode=design] .mode-tab-design .mode-text{color:var(--color-text-dark)!important;opacity:1!important;font-weight:500!important}#modeSwitchTab:not(.design-active) .mode-tab-design .mode-text,.docked-mode-switcher:not(.design-active) .mode-tab-design .mode-text,[data-mode=build] .mode-tab-design .mode-text{color:#ffffff!important;opacity:.75!important;font-weight:400!important}#modeSwitchTab:not(.design-active) .mode-tab-design:hover .mode-text,.docked-mode-switcher:not(.design-active) .mode-tab-design:hover .mode-text,[data-mode=build] .mode-tab-design:hover .mode-text{opacity:1!important}.selected-works-section{width:100%;max-width:100%;padding:48px var(--frame-border-width-desktop,24px) 64px;border-radius:0;box-shadow:none}.selected-works-section>*{max-width:1280px;width:100%;margin-left:auto;margin-right:auto}.works-header{padding:0;gap:12px}.logos-stage-bottom-overlay{padding-left:0;padding-right:0}.works-title{font-size:42px;letter-spacing:-1.2px}.works-subtitle{font-size:15.5px;max-width:720px;line-height:1.6}.featured-project{padding:0;display:flex;flex-direction:column;gap:16px}.featured-project-header{gap:12px}.featured-project-logo{width:32px;height:32px}.featured-project-title{font-size:24px;letter-spacing:-.4px}.featured-project-media{max-height:540px;border-radius:20px}.projects-editorial-section{padding:0 4px}.editorial-title{font-size:32px}.editorial-deepdive-content{padding:28px;gap:26px}.deepdive-arch-grid{grid-template-columns:repeat(2,1fr);gap:12px}.insightflow-nodes-row{flex-direction:row}.capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px}.capability-card{padding:26px;border-radius:20px}.capability-heading{font-size:19px}.capability-desc{font-size:13.5px;line-height:1.6}.experiments-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.experiment-card{padding:20px;border-radius:16px}.exp-title{font-size:14.5px}.content-section .section-header-compact{margin-bottom:20px}.content-section .section-heading{font-size:28px;letter-spacing:-.6px}.content-section .section-subtext{font-size:14px}.workflow-container{padding:24px 28px;border-radius:20px;gap:16px}.workflow-steps{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;overflow-x:visible}.wf-step{padding:8px 14px;border-radius:10px;min-width:58px}.wf-num{font-size:11px}.wf-name{font-size:12px}.wf-arrow{font-size:14px}.stack-categories{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.stack-row{padding:12px 14px;border-radius:12px}.logo-gallery-grid{grid-template-columns:repeat(6,1fr);gap:12px}.uiux-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.uiux-card{border-radius:20px}.uiux-card-viewport{min-height:240px}.illustrations-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.motion-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.orbit-stage-wrapper{max-width:600px;min-height:580px;--orbit-radius:230px}.orbit-card-3d{width:94px;height:94px;margin-top:-47px;margin-left:-47px}.orbit-card-img,.orbit-card-inner{border-radius:20px;padding:0}.tools-portrait-img{max-height:520px}.pipeline-orbit-card{width:94px;height:94px;margin-top:-47px;margin-left:-47px}.pipeline-step-inner{border-radius:20px;padding:10px 8px}.pipeline-step-num{font-size:9.5px}.pipeline-step-icon{font-size:22px;margin:4px 0 3px}.pipeline-step-name{font-size:11px}.tech-showcase-section{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:clamp(36px,4.5vw,64px);gap:clamp(36px,4.5vw,64px);padding:clamp(28px,3.5vw,40px) clamp(32px,4vw,48px) clamp(28px,3.5vw,40px) 14px;background:linear-gradient(#ffffff,#ffffff) padding-box,linear-gradient(315deg,#ffffff,#f3f4f8 35%,#e2e7f0 70%,#d8e0ec) border-box;border:1px solid transparent!important;border-radius:20px;overflow:hidden}.tech-showcase-content{display:flex;flex-direction:column;align-items:flex-start;gap:14px;order:2}.tech-showcase-header{order:unset}.tech-showcase-title{font-size:42px;font-weight:600;letter-spacing:-1.2px;line-height:1.1;color:#111418}.tech-showcase-desc{order:unset;font-size:14.5px;line-height:1.65}.tech-expanded-drawer,.tech-showcase-cta{order:unset}.tech-columns-stage{order:1;height:480px;display:grid;grid-template-columns:repeat(5,88px);grid-gap:14px;gap:14px;padding:0 14px;margin-left:-14px;margin-right:-14px;background:transparent!important;border:none!important}.tech-col-5{display:flex!important}.tech-icon-card{max-width:88px;max-height:88px;border-radius:20px;padding:12px}.about-section{display:grid;grid-template-columns:1fr 1.05fr;grid-gap:44px;gap:44px;align-items:start}.about-header-wrap{display:flex;flex-direction:column;gap:16px}.about-title{font-size:32px;letter-spacing:-.8px}.about-lead{font-size:15.5px;line-height:1.65}.about-paragraphs p{font-size:14px;line-height:1.65}.contact-section,.content-section#contact{width:100%;max-width:100%;padding:0!important;margin-top:0;margin-bottom:24px}.contact-card{width:100%;box-sizing:border-box;padding:44px 40px;border-radius:20px;min-height:220px;display:flex;justify-content:center;align-items:center;margin-top:0;margin-bottom:0}.contact-card-inner{position:relative;display:block;width:-moz-fit-content;width:fit-content;margin:0 auto;padding-left:236px}.contact-portrait-wrap{top:-74px;bottom:-44px;width:206px;height:auto;overflow:visible;pointer-events:none}.contact-portrait-img,.contact-portrait-wrap{position:absolute;left:0;border-bottom-left-radius:0}.contact-portrait-img{bottom:0;width:100%;height:100%;object-fit:contain;object-position:bottom center}.contact-card-content{padding-left:0;align-items:flex-start;text-align:left;gap:16px;width:auto}.contact-prompt{font-size:26px;line-height:1.25}.contact-links-row{justify-content:flex-start}.works-footer{padding:24px 0 12px}.certs-page-wrapper{width:100%;max-width:100%;min-height:100vh;min-height:100dvh;border-radius:0;margin:0}.certs-container,.certs-top-nav{max-width:1280px;width:100%;margin:0 auto}.certs-top-nav{padding:20px 36px}.certs-container{padding:36px 36px 64px;gap:32px}.certs-hero-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.certs-stats-row{display:flex;gap:18px}.cert-stat-badge{padding:8px 16px}.certificates-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.cert-card{padding:24px;border-radius:18px}}@media (min-width:1440px){.certs-container,.certs-top-nav,.selected-works-section>*{max-width:1360px}.capabilities-grid{grid-template-columns:repeat(4,1fr)}}.floating-mode-bubble-wrap{position:fixed;bottom:calc(26px + env(safe-area-inset-bottom, 0px));right:calc(26px + env(safe-area-inset-right, 0px));z-index:999;opacity:0;transform:translateY(20px) scale(.85);pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.floating-mode-bubble-wrap.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.floating-mode-bubble{position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(22,22,24,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 24px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.16),0 0 0 1px rgba(255,255,255,.06);color:#ffffff;cursor:pointer;outline:none;padding:0;margin:0;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s ease,border-color .25s ease,box-shadow .25s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.floating-mode-bubble:hover{transform:translateY(-3px) scale(1.08);background:rgba(32,32,36,.96);border-color:rgba(255,255,255,.32);box-shadow:0 12px 32px rgba(0,0,0,.38),0 4px 12px rgba(0,0,0,.2),0 0 16px rgba(255,255,255,.12)}.floating-mode-bubble:active{transform:translateY(0) scale(.94)}.floating-mode-bubble .bubble-tooltip{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%) translateX(8px);background:rgba(18,18,20,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffff;font-family:var(--font-family);font-size:12px;font-weight:500;letter-spacing:.3px;padding:6px 13px;border-radius:20px;white-space:nowrap;border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 18px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.floating-mode-bubble:hover .bubble-tooltip{opacity:1;transform:translateY(-50%) translateX(0)}.bubble-icon-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.floating-mode-bubble:hover .bubble-icon-container{transform:scale(1.08)}.floating-mode-bubble-wrap.transitioning .bubble-icon-container{animation:bubbleSpin .8s linear infinite}@keyframes bubbleSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bubble-icon{display:block;width:20px;height:20px;color:#ffffff;overflow:visible!important}.bubble-icon-design{width:19px;height:19px}.bubble-icon-build{width:21px;height:18px}@media (max-width:768px){.floating-mode-bubble-wrap{bottom:calc(18px + env(safe-area-inset-bottom, 0px));right:calc(16px + env(safe-area-inset-right, 0px))}.floating-mode-bubble{width:48px;height:48px}.bubble-icon{width:18px;height:18px}.bubble-icon-design{width:17px;height:17px}.bubble-icon-build{width:19px;height:16px}.floating-mode-bubble .bubble-tooltip{display:none}}@media (min-width:1024px){.logos-showcase-stage{height:500px;background:linear-gradient(135deg,#ffffff,#f3f4f8 40%,#e2e7f0 75%,#d8e0ec);border:none;outline:none}.logos-angled-container{position:absolute;top:-200px;height:calc(100% + 400px);left:47%;right:0;width:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;transform:none;transform-origin:center center;pointer-events:auto}.logos-stage-bottom-overlay{top:0;bottom:0;left:0;right:52%;padding:0 54px;justify-content:center;background:transparent;z-index:10;pointer-events:auto}.logos-stage-desc{font-size:16px;max-width:440px;line-height:1.6}}.motion-mobile-grid{display:grid}.motion-desktop-coverflow{display:none!important}@media (min-width:1024px){.motion-mobile-grid{display:none!important}.motion-desktop-coverflow{display:flex!important}}.motion-stage-header-abs{position:absolute;top:0;bottom:0;right:clamp(32px,5vw,64px);max-width:440px;z-index:25;pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;background:transparent;padding:0;border:none;box-shadow:none}.motion-stage-header-abs .works-header{margin-top:0;margin-bottom:14px}.motion-stage-header-abs .works-title{font-size:42px;font-weight:600;color:#111418;letter-spacing:-1.2px;line-height:1.1;margin:0}.motion-stage-header-abs .motion-stage-desc{font-size:16px;max-width:440px;line-height:1.6;color:#1e293b;font-weight:400;margin:0}.motion-showcase-stage{--slider-shift:clamp(180px,18vw,280px);--slot-right-opacity:0.18;height:560px;min-height:520px;background:linear-gradient(135deg,#ffffff,#f3f4f8 40%,#e2e7f0 75%,#d8e0ec);border-radius:20px;border:none!important;outline:none!important;overflow:hidden;padding:24px 0 20px;box-sizing:border-box;margin-bottom:24px}.motion-coverflow-wrapper,.motion-showcase-stage{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.motion-coverflow-wrapper{height:100%;overflow:visible;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 52%,rgba(0,0,0,.45) 60%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.02) 84%,transparent 94%);mask-image:linear-gradient(90deg,#000 0,#000 52%,rgba(0,0,0,.45) 60%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.02) 84%,transparent 94%)}.motion-coverflow-viewport{position:relative;width:100%;height:400px;perspective:1200px;perspective-origin:50%;display:flex;align-items:center;justify-content:center;transform:translateX(calc(-1 * var(--slider-shift)))}.motion-cover-item{position:absolute;top:50%;left:50%;width:clamp(455px,48vw,624px);aspect-ratio:16/9;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.34,1.25,.64,1),opacity .55s cubic-bezier(.4,0,.2,1),filter .55s ease;will-change:transform,opacity,filter;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.motion-cover-item .motion-card{width:100%;height:100%;border-radius:16px;overflow:hidden;background:#000000;border:1px solid rgba(255,255,255,.15);box-shadow:0 16px 36px -6px rgba(0,0,0,.35),0 6px 14px rgba(0,0,0,.15)}.motion-cover-item.slot-center{transform:translate(-50%,-50%) scale(1) rotateY(0deg);opacity:1;z-index:10;filter:none;pointer-events:auto;cursor:pointer}.motion-cover-item.slot-center:hover{transform:translate(-50%,-52%) scale(1.02) rotateY(0deg);box-shadow:0 24px 50px -8px rgba(0,0,0,.45)}.motion-cover-item.slot-left{transform:translate(calc(-50% - clamp(420px, 46vw, 600px)),-50%) scale(.88) rotateY(-20deg);opacity:1!important;z-index:5;filter:none!important;cursor:pointer}.motion-cover-item.slot-left,.motion-cover-item.slot-left .motion-card,.motion-cover-item.slot-left:hover,.motion-cover-item.slot-left:hover .motion-card{box-shadow:none!important}.motion-cover-item.slot-left:hover{opacity:1!important;filter:none!important;transform:translate(calc(-50% - clamp(420px, 46vw, 600px)),-50%) scale(.91) rotateY(-16deg)}.motion-cover-item.slot-right{transform:translate(calc(-50% + clamp(420px, 46vw, 600px)),-50%) scale(.88) rotateY(20deg);opacity:var(--slot-right-opacity,.18);z-index:5;filter:brightness(.92);cursor:pointer}.motion-cover-item.slot-right .motion-card{box-shadow:0 8px 24px -4px rgba(0,0,0,.08)}.motion-cover-item.slot-right:hover{transform:translate(calc(-50% + clamp(420px, 46vw, 600px)),-50%) scale(.88) rotateY(20deg)!important;opacity:var(--slot-right-opacity,.18)!important;filter:brightness(.92)!important}.motion-cover-item.slot-right:hover .motion-card{transform:none!important;box-shadow:0 8px 24px -4px rgba(0,0,0,.08)!important}.motion-cover-item.slot-right .motion-hover-overlay,.motion-cover-item.slot-right:hover .motion-hover-overlay,.motion-edge-fade,.motion-fade-left,.motion-fade-right{display:none!important}.motion-dots-nav{position:relative;z-index:20;display:flex!important;align-items:center;justify-content:center;gap:10px;margin-top:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateX(calc(-1 * var(--slider-shift)))}.motion-dot{position:relative;width:9px;height:9px;border-radius:999px;background:rgba(0,0,0,.25);border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.motion-dot:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-8px;right:-8px;cursor:pointer}.motion-dot:hover{background:rgba(0,0,0,.55);transform:scale(1.2)}.motion-dot.active{width:26px;background:#111827;box-shadow:0 2px 6px rgba(0,0,0,.25);transform:none}.projects-mobile-list{display:flex}.projects-desktop-coverflow{display:none!important}@media (min-width:1024px){.projects-mobile-list{display:none!important}.projects-desktop-coverflow{display:flex!important}}.projects-showcase-stage{height:560px;min-height:520px;background:linear-gradient(135deg,#ffffff,#f3f4f8 40%,#e2e7f0 75%,#d8e0ec);border-radius:20px;border:none!important;outline:none!important;overflow:hidden;padding:24px 0 20px;box-sizing:border-box;margin-bottom:24px}.projects-coverflow-wrapper,.projects-showcase-stage{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.projects-coverflow-wrapper{height:100%;overflow:visible}.projects-coverflow-viewport{position:relative;width:100%;height:400px;perspective:1200px;perspective-origin:50%;display:flex;align-items:center;justify-content:center}.project-cover-item{position:absolute;top:50%;left:50%;width:clamp(455px,48vw,624px);aspect-ratio:16/9;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.34,1.25,.64,1),opacity .55s cubic-bezier(.4,0,.2,1),filter .55s ease;will-change:transform,opacity,filter;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-cover-item .project-cover-card{width:100%;height:100%;border-radius:16px;overflow:hidden;background:#000000;border:1px solid rgba(255,255,255,.15);box-shadow:0 16px 36px -6px rgba(0,0,0,.35),0 6px 14px rgba(0,0,0,.15);cursor:pointer;position:relative}.project-cover-item.slot-center{transform:translate(-50%,-50%) scale(1) rotateY(0deg);opacity:1;z-index:10;filter:none;pointer-events:auto;cursor:pointer}.project-cover-item.slot-center:hover{transform:translate(-50%,-52%) scale(1.02) rotateY(0deg);box-shadow:0 24px 50px -8px rgba(0,0,0,.45)}.project-cover-item.slot-left{transform:translate(calc(-50% - clamp(420px, 46vw, 600px)),-50%) scale(.88) rotateY(-20deg);opacity:.88;z-index:5;filter:brightness(.95);cursor:pointer}.project-cover-item.slot-left:hover{opacity:1;filter:none;transform:translate(calc(-50% - clamp(420px, 46vw, 600px)),-50%) scale(.91) rotateY(-16deg)}.project-cover-item.slot-right{transform:translate(calc(-50% + clamp(420px, 46vw, 600px)),-50%) scale(.88) rotateY(20deg);opacity:.88;z-index:5;filter:brightness(.95);cursor:pointer}.project-cover-item.slot-right:hover{opacity:1;filter:none;transform:translate(calc(-50% + clamp(420px, 46vw, 600px)),-50%) scale(.91) rotateY(16deg)}.project-cover-item .project-card-viewport{position:relative;width:100%;height:100%;overflow:hidden;background:#060911;display:flex;align-items:center;justify-content:center}.project-card-video{width:100%;height:100%;object-fit:cover;display:block}.project-card-mockup-wrapper{width:100%;height:100%;overflow:hidden;background:#080d1a;display:flex;align-items:center;justify-content:center}.project-card-mockup-wrapper .deepdive-mockup{width:100%;height:100%;margin:0;border-radius:0;border:none;background:transparent;display:flex;flex-direction:column}.project-card-mockup-wrapper .deepdive-mockup .mockup-top-bar{padding:8px 14px}.project-hover-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.94) 0,rgba(0,0,0,.68) 48%,rgba(0,0,0,.15));display:flex;flex-direction:column;justify-content:flex-end;padding:24px 28px;box-sizing:border-box;opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:5}.project-cover-item.slot-center:hover .project-hover-overlay{opacity:1}.project-hover-cat{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#38bdf8;margin-bottom:6px}.project-hover-title{font-family:Google Sans Flex,Google Sans,sans-serif;font-size:22px;font-weight:700;color:#ffffff;margin:0 0 8px;line-height:1.2}.project-hover-desc{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.82);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-hover-footer{display:flex;align-items:center;gap:12px}.project-hover-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ffffff;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25)}.projects-dots-nav{position:relative;z-index:20;display:flex!important;align-items:center;justify-content:center;gap:10px;margin-top:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.projects-dot{position:relative;width:9px;height:9px;border-radius:999px;background:rgba(0,0,0,.25);border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.projects-dot:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-8px;right:-8px;cursor:pointer}.projects-dot:hover{background:rgba(0,0,0,.55);transform:scale(1.2)}.projects-dot.active{width:26px;background:#111827;box-shadow:0 2px 6px rgba(0,0,0,.25);transform:none}.project-modal-card{max-width:780px!important;max-height:92vh;padding:28px!important;gap:20px!important}.project-modal-stage{width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#020617;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.project-modal-video{width:100%;height:100%;object-fit:contain;display:block}.project-modal-mockup-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#090d16}.project-modal-mockup-wrap .deepdive-mockup{width:100%;height:100%;border-radius:0;border:none}.project-modal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}@media (min-width:1024px){.uiux-section-wrapper{margin-top:0;margin-bottom:24px}.uiux-showcase-stage{flex-direction:row;justify-content:space-between;width:100%;height:500px;background:linear-gradient(135deg,#ffffff,#f3f4f8 40%,#e2e7f0 75%,#d8e0ec);border-radius:20px;border:none!important;outline:none!important;overflow:hidden;margin-top:0;margin-bottom:0;padding:0 clamp(32px,4.5vw,54px);gap:clamp(28px,4vw,54px);box-sizing:border-box}.uiux-showcase-stage,.uiux-stage-visuals{display:flex;align-items:center;position:relative}.uiux-stage-visuals{justify-content:center;flex:1.35 1;min-width:0;max-width:580px}.uiux-slider-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:0}.uiux-slider-viewport{display:block;width:100%;overflow:hidden;position:relative;border-radius:16px;background:#090d16;box-shadow:0 14px 36px -6px rgba(0,0,0,.22),0 4px 12px rgba(0,0,0,.08)}.uiux-slider-track{display:flex;width:100%;grid-template-columns:none;gap:0;margin-bottom:0;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.uiux-slide-item{flex:0 0 100%;width:100%;min-width:100%;grid-column:auto}.uiux-slider-viewport .uiux-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#090d16;margin-bottom:0;box-shadow:none}.uiux-slider-viewport .uiux-card:hover{transform:translateY(-2px) scale(1.01)}.uiux-slider-viewport .uiux-card-viewport{min-height:310px;padding:24px;background:#090d16}.uiux-slider-viewport .mobile-only-card-body{display:none!important}.uiux-dots-nav{display:flex!important;align-items:center;justify-content:center;gap:10px;margin-top:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:10}.uiux-dot{position:relative;width:10px;height:10px;border-radius:999px;background:rgba(0,0,0,.25);border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.uiux-dot:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-8px;right:-8px;cursor:pointer}.uiux-dot:hover{background:rgba(0,0,0,.55);transform:scale(1.15)}.uiux-dot.active{width:28px;background:#111827;box-shadow:0 2px 6px rgba(0,0,0,.25);transform:none}.uiux-slider-viewport .uiux-hover-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px;background:linear-gradient(0deg,rgba(9,13,22,.94) 0,rgba(9,13,22,.58) 55%,transparent);opacity:0;transform:translateY(6px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.uiux-slider-viewport .uiux-card:hover .uiux-hover-overlay{opacity:1;transform:translateY(0)}.uiux-hover-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#38bdf8;margin-bottom:4px}.uiux-hover-title{font-size:16px;font-weight:650;color:#ffffff;letter-spacing:-.2px;margin:0 0 4px;line-height:1.3}.uiux-hover-desc{font-size:12px;color:rgba(255,255,255,.78);line-height:1.45;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.uiux-hover-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.uiux-hover-tag{font-size:10px;font-weight:500;color:rgba(255,255,255,.85);background:rgba(255,255,255,.1);padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.15)}.uiux-stage-content{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 1;max-width:440px;min-width:0;z-index:10}.uiux-stage-content .works-header{margin-top:0;margin-bottom:16px}.uiux-stage-desc{font-size:16px;max-width:440px;line-height:1.6;color:#1e293b;font-weight:500;margin:0}.illustrations-section-wrapper{margin-top:0;margin-bottom:24px}.ill-showcase-stage{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;width:100%;height:500px;background:linear-gradient(135deg,#ffffff,#f3f4f8 40%,#e2e7f0 75%,#d8e0ec);border-radius:20px;border:none!important;outline:none!important;overflow:hidden;margin-top:0;margin-bottom:0;padding:0 clamp(32px,4.5vw,54px);gap:clamp(28px,4vw,54px);box-sizing:border-box}.ill-stage-content{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 1;max-width:440px;min-width:0;z-index:10}.ill-stage-content .works-header{margin-top:0;margin-bottom:16px}.ill-stage-desc{font-size:16px;max-width:440px;line-height:1.6;color:#1e293b;font-weight:500;margin:0}.ill-stage-visuals{display:flex;align-items:center;justify-content:center;flex:1.35 1;min-width:0;max-width:580px;position:relative}.ill-slider-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:0}.ill-slider-viewport{display:block;width:100%;overflow:hidden;position:relative;border-radius:16px;background:#090d16;box-shadow:0 14px 36px -6px rgba(0,0,0,.22),0 4px 12px rgba(0,0,0,.08)}.ill-slider-track{display:flex;width:100%;grid-template-columns:none;gap:0;margin-bottom:0;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.ill-slide-item{flex:0 0 100%;width:100%;min-width:100%;grid-column:auto}.ill-slider-viewport .illustration-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#090d16;margin-bottom:0;box-shadow:none}.ill-slider-viewport .illustration-card:hover{transform:translateY(-2px) scale(1.01)}.ill-slider-viewport .mobile-only-card-body{display:none!important}.ill-dots-nav{display:flex!important;align-items:center;justify-content:center;gap:10px;margin-top:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:10}.ill-dot{position:relative;width:10px;height:10px;border-radius:999px;background:rgba(0,0,0,.25);border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.ill-dot:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-8px;right:-8px;cursor:pointer}.ill-dot:hover{background:rgba(0,0,0,.55);transform:scale(1.15)}.ill-dot.active{width:28px;background:#111827;box-shadow:0 2px 6px rgba(0,0,0,.25);transform:none}.ill-slider-viewport .illustration-hover-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px;background:linear-gradient(0deg,rgba(9,13,22,.92) 0,rgba(9,13,22,.52) 50%,transparent);opacity:0;transform:translateY(6px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ill-slider-viewport .illustration-card:hover .illustration-hover-overlay{opacity:1;transform:translateY(0)}.ill-hover-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#f59e0b;margin-bottom:4px}.ill-hover-title{font-size:16px;font-weight:650;color:#ffffff;letter-spacing:-.2px;margin:0 0 4px;line-height:1.3}.ill-hover-desc{font-size:12px;color:rgba(255,255,255,.78);line-height:1.45;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ill-hover-palette{display:flex;align-items:center;gap:6px}.ill-hover-palette .brand-color-swatch{width:14px;height:14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 2px 4px rgba(0,0,0,.3)}.capabilities-section-wrapper{margin-top:0;margin-bottom:24px;padding:0}.capabilities-showcase-stage{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;width:100%;min-height:380px;background:linear-gradient(135deg,#ffffff,#f3f4f8 40%,#e2e7f0 75%,#d8e0ec);border-radius:20px;border:none!important;outline:none!important;overflow:hidden;margin-top:0;margin-bottom:0;padding:clamp(36px,4.5vw,54px) clamp(32px,4.5vw,54px);gap:clamp(28px,4vw,54px);box-sizing:border-box}.capabilities-stage-content{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 1;max-width:440px;min-width:0;z-index:10}.capabilities-stage-content .works-header{margin-top:0;margin-bottom:14px}.capabilities-stage-content .works-title{font-size:42px;font-weight:600;color:#111418;letter-spacing:-1.2px;line-height:1.1;margin:0}.capabilities-stage-desc{font-size:16px;max-width:440px;line-height:1.6;color:#1e293b;font-weight:500;margin:0}.capabilities-stage-cards{display:flex;align-items:center;justify-content:center;flex:1.35 1;min-width:0;max-width:620px;position:relative}.capabilities-stage-cards .capabilities-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:16px;gap:16px;width:100%;margin-bottom:0}.capabilities-stage-cards .capability-card{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:20px 18px 22px;box-shadow:0 4px 16px rgba(0,0,0,.04);min-height:98px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.capabilities-stage-cards .capability-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.09);border-color:rgba(0,0,0,.16)}.capabilities-stage-cards .capability-heading{font-size:15px;font-weight:600;color:#0f172a;line-height:1.35;letter-spacing:-.2px}.capabilities-stage-cards .capability-desc{font-size:12.5px;color:#4a5056;line-height:1.5}.capabilities-stage-cards .capability-highlights{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.capabilities-stage-cards .highlight-item{font-size:11px;color:#1e293b;background:#f1f5f9;font-weight:500}.experiments-section-wrapper{margin-top:0;margin-bottom:24px;padding:0}.exp-showcase-stage{flex-direction:row;justify-content:space-between;width:100%;min-height:380px;background:linear-gradient(225deg,#ffffff,#f3f4f8 40%,#e2e7f0 75%,#d8e0ec);border-radius:20px;border:none!important;outline:none!important;overflow:hidden;margin-top:0;margin-bottom:0;padding:clamp(36px,4.5vw,54px) clamp(32px,4.5vw,54px);gap:clamp(28px,4vw,54px);box-sizing:border-box}.exp-showcase-stage,.exp-stage-cards{display:flex;align-items:center;position:relative}.exp-stage-cards{justify-content:center;flex:1.35 1;min-width:0;max-width:620px;order:1}.exp-stage-content{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 1;max-width:440px;min-width:0;z-index:10;order:2}.exp-stage-content .works-header{margin-top:0;margin-bottom:14px}.exp-stage-content .works-title{font-size:42px;font-weight:600;color:#111418;letter-spacing:-1.2px;line-height:1.1;margin:0}.exp-stage-desc{font-size:16px;max-width:440px;line-height:1.6;color:#1e293b;font-weight:500;margin:0}.exp-stage-cards .experiments-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;width:100%;margin-bottom:0}.exp-stage-cards .experiment-card{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:20px 18px 22px;box-shadow:0 4px 16px rgba(0,0,0,.04);min-height:98px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.exp-stage-cards .experiment-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.09);border-color:rgba(0,0,0,.16)}.exp-stage-cards .exp-title{font-size:15px;font-weight:600;color:#0f172a;line-height:1.35;letter-spacing:-.2px}.exp-stage-cards .exp-arrow{color:#94a3b8;transition:transform .2s ease,color .2s ease}.exp-stage-cards .experiment-card:hover .exp-arrow{color:#0f172a;transform:translate(2px,-2px)}.exp-stage-cards .exp-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.exp-stage-cards .exp-tag{font-size:12px;color:#64748b;font-weight:500}.exp-stage-cards .exp-tag-dot{color:#cbd5e1;margin:0 2px}.about-section-wrapper{margin-top:0;margin-bottom:24px;width:100%}.about-showcase-stage{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;width:100%;min-height:500px;background:linear-gradient(135deg,#ffffff,#f3f4f8 40%,#e2e7f0 75%,#d8e0ec);border-radius:20px;border:none!important;outline:none!important;overflow:hidden;margin-top:0;margin-bottom:0;padding:0 clamp(32px,4.5vw,54px);gap:clamp(24px,3.5vw,48px);box-sizing:border-box}.about-stage-content{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 1;max-width:440px;min-width:0;z-index:10;order:1}.about-stage-content .works-header{margin-top:0;margin-bottom:16px}.about-stage-desc{font-size:15.5px;max-width:440px;line-height:1.65;color:#1e293b;font-weight:500;margin:0}.about-dots-nav{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:10;order:2}.about-dot{position:relative;width:10px;height:10px;border-radius:999px;background:rgba(0,0,0,.25);border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.about-dot:after{content:"";position:absolute;top:-8px;bottom:-8px;left:-10px;right:-10px;cursor:pointer}.about-dot:hover{background:rgba(0,0,0,.55);transform:scale(1.15)}.about-dot.active{width:10px;height:28px;border-radius:999px;background:#111827;box-shadow:0 2px 6px rgba(0,0,0,.25);transform:none}.about-stage-visuals{display:flex;align-items:center;justify-content:center;flex:1.25 1;min-width:0;max-width:560px;position:relative;order:3}.about-slider-wrapper{display:block;width:100%;margin-bottom:0;position:relative}.about-slider-viewport{display:block;width:100%;height:270px;overflow:hidden;position:relative;border-radius:16px;background:#ffffff;border:1px solid rgba(0,0,0,.08);box-shadow:0 14px 36px -6px rgba(0,0,0,.07),0 4px 16px rgba(0,0,0,.03)}.about-slider-track{display:flex;flex-direction:column;width:100%;height:100%;grid-template-columns:none;gap:0;margin-bottom:0;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.about-slide-item{flex:0 0 100%;width:100%;height:100%;min-height:100%;max-height:100%;box-sizing:border-box;grid-column:auto}.about-story-card{height:100%;padding:34px 32px 30px;background:#ffffff!important;border:none;color:#0f172a;box-sizing:border-box}}.desktop-header-only{display:none!important}@media (min-width:1024px){.mobile-header-only{display:none!important}.desktop-header-only{display:block!important;margin-top:0;margin-bottom:20px}.pipeline-section-wrapper,.tools-section-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;width:100%;min-height:580px;background:linear-gradient(90deg,#ffffff 0,#f2f2f4 35%,#d2d0d3 70%,#b4b2b3);border-radius:20px;border:none!important;outline:none!important;overflow:visible;padding:0 clamp(32px,4.5vw,54px);gap:clamp(28px,4vw,54px);box-sizing:border-box}.tools-section-wrapper{margin-top:24px;margin-bottom:24px}.pipeline-section-wrapper{margin-top:0;margin-bottom:0}.pipeline-works-header,.tools-works-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 1;max-width:440px;min-width:0;padding:0;margin-bottom:0;z-index:10}.pipeline-works-header .works-title,.tools-works-header .works-title{margin-top:0;margin-bottom:16px}.pipeline-stage-desc,.tools-stage-desc{font-size:16px;max-width:440px;line-height:1.6;color:#1e293b;font-weight:500;margin:0}.pipeline-portrait-showcase,.tools-portrait-showcase{display:flex;align-items:center;justify-content:center;flex:1.35 1;min-width:0;height:100%;padding:0;margin:0}.pipeline-section-wrapper .orbit-stage-wrapper,.tools-section-wrapper .orbit-stage-wrapper{max-width:600px;min-height:580px;height:580px;--orbit-radius:230px}.pipeline-section-wrapper .orbit-card-3d,.tools-section-wrapper .orbit-card-3d{width:94px;height:94px;margin-top:-47px;margin-left:-47px}.pipeline-section-wrapper .tools-portrait-img,.tools-section-wrapper .tools-portrait-img{max-height:520px}.pipeline-section-wrapper .portrait-doodle-bg,.tools-section-wrapper .portrait-doodle-bg{max-width:460px}}