*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg:#f4f0e8;--black:#111;--muted:#d8d2c4;--accent:#ff4b2b}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;font-family:Inter,PingFang SC,Microsoft YaHei,Hiragino Sans GB,Noto Sans SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;line-height:1.75;font-weight:400}a,button{color:inherit;background:none;border:none;font:inherit;cursor:pointer;text-decoration:none}img,video{max-width:100%;display:block}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:1000;transform-origin:left;will-change:transform}.hero-label,.section-kicker{font-size:.72rem;letter-spacing:.12em;color:hsla(0,0%,7%,.45);text-transform:uppercase;font-weight:500;display:inline-flex;align-items:center;gap:.7rem}.hero-label:before,.section-kicker:before{content:"";display:block;width:2px;height:1.2em;background:var(--accent);border-radius:2px;opacity:.6}.scroll-text{font-size:.72rem;letter-spacing:.08em;color:hsla(0,0%,7%,.5)}.loader{position:fixed;inset:0;z-index:1000;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;will-change:transform;animation:loader-in .4s cubic-bezier(.22,1,.36,1)}@keyframes loader-in{0%{opacity:0}to{opacity:1}}.loader-brand{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--black);animation:brand-up .7s cubic-bezier(.22,1,.36,1) .15s both}@keyframes brand-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.loader-bar-track{width:160px;height:2px;background:hsla(0,0%,7%,.1);border-radius:1px;overflow:hidden}.loader-bar-fill{height:100%;background:var(--black);border-radius:1px;animation:bar-fill 1.6s cubic-bezier(.4,0,.2,1) .2s both}@keyframes bar-fill{0%{width:0}to{width:100%}}.header{position:fixed;top:0;left:0;z-index:100;width:100%;padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference;color:#fff;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;transition:background .4s ease,color .4s ease,mix-blend-mode .4s ease}.header.scrolled{mix-blend-mode:normal;color:var(--black);background:hsla(40,35%,93%,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.menu-btn{gap:.5rem}.header-brand,.menu-btn{display:flex;align-items:center;font-size:.75rem;letter-spacing:.12em}.header-brand{gap:.4rem;font-weight:600}.header-dot{width:4px;height:4px}.header-dot,.menu-btn-dot{background:currentColor;border-radius:50%}.menu-btn-dot{width:6px;height:6px;transition:transform .3s ease}.menu-hamburger{width:18px;height:12px;margin-left:.3rem}.menu-btn:hover .menu-btn-dot{transform:scale(1.8)}.menu-dropdown{position:fixed;top:4rem;right:2.5rem;z-index:150;background:var(--bg);border:1px solid hsla(0,0%,7%,.08);border-radius:4px;padding:.6rem 0;min-width:140px;box-shadow:0 4px 24px rgba(0,0,0,.04)}.menu-dropdown-nav{display:flex;flex-direction:column}.menu-dropdown-link{display:block;padding:.4rem 1.2rem;font-size:.7rem;letter-spacing:.06em;color:hsla(0,0%,7%,.7);transition:color .2s}.menu-dropdown-link:hover{color:var(--black)}.custom-cursor{position:fixed;z-index:999;pointer-events:none;width:28px;height:28px;border:1px solid var(--black);border-radius:999px;transform:translate(-50%,-50%);display:grid;place-items:center;font-size:.7rem;letter-spacing:.1em;font-weight:600;mix-blend-mode:difference;color:#fff;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),background .35s cubic-bezier(.16,1,.3,1);will-change:transform,width,height}.custom-cursor.active{width:56px;height:56px;background:rgba(0,0,0,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mix-blend-mode:normal;border-color:rgba(0,0,0,.08)}.hero{min-height:100vh;position:relative;padding:8rem 2.5rem 2.5rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-label{text-shadow:0 2px 16px hsla(40,35%,93%,.7);margin-bottom:.5rem}.hero-title{position:relative;z-index:2;margin:1.2rem auto 0;max-width:none;text-align:center;font-family:Roboto Flex,Inter,sans-serif;font-size:clamp(3rem,11vw,12rem);line-height:.85;letter-spacing:-.03em;text-transform:uppercase;font-weight:600;text-shadow:0 2px 24px hsla(40,35%,93%,.75)}.hero-title-zh{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:clamp(1.35rem,3.2vw,2.8rem);line-height:1.3;letter-spacing:.02em;text-transform:none;font-weight:500;text-align:left;margin:1.2rem 0 0;max-width:28vw;word-break:keep-all}.line-mask{display:block;overflow:hidden;padding-bottom:.04em}.hero-line{display:block;will-change:transform}.hero-3d{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50vw;height:50vw;max-width:700px;max-height:700px;z-index:1;pointer-events:auto}.hero-3d iframe{display:block;width:100%;height:100%;border:none}.hero-copy{position:relative;z-index:2;max-width:380px;margin-top:2.5rem;font-size:1rem;line-height:1.8;color:hsla(0,0%,7%,.72);letter-spacing:.02em;text-shadow:0 2px 20px hsla(40,35%,93%,.7)}.scroll-text{position:absolute;bottom:2rem;right:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:1.05rem;letter-spacing:.18em;font-weight:500;color:hsla(0,0%,7%,.8);animation:pulse-scroll 2.4s ease-in-out infinite;z-index:3;padding-bottom:.5rem}.scroll-text .scroll-arrow{width:1.2rem;height:1.8rem;opacity:.75;animation:arrow-bounce 1.5s cubic-bezier(.45,0,.55,1) infinite}@keyframes pulse-scroll{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.85;transform:translateY(-4px)}}@keyframes arrow-bounce{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(10px);opacity:.85}}.floating-robot{position:fixed;inset:0;z-index:1;pointer-events:none;display:grid;place-items:center}.robot-glow{top:38%;width:45%;height:45%;opacity:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,100,50,.5) 0,rgba(255,75,43,.2) 25%,rgba(255,60,30,.06) 55%,transparent 75%);mix-blend-mode:screen;will-change:opacity,transform}.robot-wrap{position:relative;width:48vw;height:48vw;max-width:560px;max-height:560px;will-change:transform;pointer-events:none}.robot-parallax{width:100%;height:100%;transition:transform .15s ease-out;will-change:transform}.robot-frame{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;pointer-events:auto;border:1px solid hsla(0,0%,7%,.08);background:radial-gradient(circle at 50% 50%,rgba(255,75,43,.06) 0,rgba(255,75,43,.02) 30%,hsla(40,35%,93%,.4) 55%,hsla(40,35%,93%,.1) 80%);box-shadow:0 0 80px rgba(255,75,43,.08),0 0 160px rgba(255,75,43,.04),inset 0 0 60px rgba(255,75,43,.03),inset 0 0 30px hsla(40,35%,93%,.35);transform-style:preserve-3d;transition:box-shadow .5s ease}.robot-frame:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(255,75,43,.12) 0,rgba(255,75,43,.04) 35%,rgba(255,100,60,.02) 55%,transparent 72%);pointer-events:none;animation:robot-ambient-glow 6s ease-in-out infinite}@keyframes robot-ambient-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}.robot-viewer{position:absolute;inset:0;z-index:1}.robot-viewer spline-viewer{display:block;width:100%!important;height:100%!important}.robot-glow{position:absolute;top:50%;left:50%;width:22%;height:22%;border-radius:50%;background:radial-gradient(circle,rgba(255,75,43,.35) 0,rgba(255,75,43,.08) 50%,transparent 70%);z-index:3;pointer-events:none;opacity:.15;filter:blur(4px);transform:translate(-50%,-50%)}.section{padding:8rem 2.5rem}.section-heading{font-size:clamp(3rem,8vw,9rem);line-height:1.05;letter-spacing:-.025em;font-weight:500;max-width:1200px;margin-top:1.5rem}.intro{padding:8rem 2.5rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.intro:before{content:"";position:absolute;left:2.5rem;top:8rem;width:1px;height:calc(100% - 16rem);background:linear-gradient(180deg,hsla(0,0%,7%,.08) 0,hsla(0,0%,7%,.08) 60%,transparent);z-index:0;pointer-events:none}.intro-body{max-width:640px;margin-left:auto;font-size:1.3rem;line-height:1.75;color:hsla(0,0%,7%,.72);margin-top:2.5rem;letter-spacing:.01em;word-break:keep-all}.intro-body p{margin-bottom:1.2rem}.intro-body p:last-child{margin-bottom:0}.horizontal-section{height:100vh;overflow:hidden}.horizontal-track{height:100vh;display:flex;align-items:center;gap:2rem;padding:2.5rem;width:-moz-max-content;width:max-content}.project-intro{width:42vw;min-width:380px;flex-shrink:0;padding-right:2rem}.project-intro h2{font-size:clamp(2.8rem,6vw,7rem);line-height:1.05;letter-spacing:-.02em;font-weight:600;margin-top:1.5rem}.project-card{width:520px;height:72vh;padding:1.5rem;border:1px solid hsla(0,0%,7%,.16);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;flex-shrink:0;transition:border-color .4s ease,transform .6s cubic-bezier(.16,1,.3,1);cursor:pointer}.project-card:hover{border-color:hsla(0,0%,7%,.5);transform:translateY(-4px)}.project-image{position:absolute;inset:1rem;z-index:0;background-size:cover;background-position:50%;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image{transform:scale(1.06);filter:brightness(.85) contrast(1.08)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72) 0,transparent 55%);z-index:1;pointer-events:none}.project-card .project-btn,.project-card h3,.project-card p,.project-meta{position:relative;z-index:2;color:#fff}.project-meta{display:flex;gap:1.2rem;font-size:.7rem;letter-spacing:.06em;font-weight:500;opacity:.7}.project-card h3{font-size:2.6rem;font-weight:600;letter-spacing:-.01em;margin:.6rem 0 .4rem;line-height:1.15;word-break:keep-all}.project-card p{max-width:360px;font-size:.95rem;opacity:.85;line-height:1.55;word-break:keep-all}.project-btn{margin-top:1.2rem;align-self:flex-start;border:1px solid hsla(0,0%,100%,.5);border-radius:999px;padding:.65rem 1.2rem;font-size:.72rem;letter-spacing:.04em;font-weight:500;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease,border-color .3s ease,background .3s ease}.project-card:focus-within .project-btn,.project-card:hover .project-btn{opacity:1;transform:translateY(0)}.project-btn:hover{border-color:#fff;background:hsla(0,0%,100%,.1)}.img-synthetic{background-image:url(/images/project-01-cover.png)}.img-motion,.img-synthetic{background-size:cover;background-position:50%}.img-motion{background-image:url(/images/project-02-cover.png)}.img-white{background-image:url(/images/project-03-cover.png)}.img-poster,.img-white{background-size:cover;background-position:50%}.img-poster{background-image:url(/images/project-04-cover.png)}.img-object{background-image:url(/images/project-05-cover.png);background-size:cover;background-position:50%}.project-index{padding:8rem 2.5rem}.index-layout{display:grid;grid-template-columns:38vw 1fr;gap:3rem;align-items:start;margin-top:4rem}.preview-image{height:72vh;position:sticky;top:7rem;background-size:cover;background-position:50%;transition:background .6s cubic-bezier(.16,1,.3,1),transform .6s ease;border-radius:4px;overflow:hidden}.preview-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,hsla(40,35%,93%,.3));pointer-events:none}.index-list{border-top:1px solid hsla(0,0%,7%,.15)}.index-row{display:grid;grid-template-columns:70px 180px 100px 1fr;gap:1rem;align-items:center;padding:1.5rem 1rem;border-bottom:1px solid hsla(0,0%,7%,.15);transition:background .3s ease,color .3s ease,padding .35s cubic-bezier(.16,1,.3,1);cursor:default;position:relative;overflow:hidden}.index-row:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--accent);transform:scaleY(0);transition:transform .4s cubic-bezier(.16,1,.3,1);transform-origin:top}.index-row:hover{background:var(--black);color:var(--bg);padding-left:2rem}.index-row:hover:before{transform:scaleY(1)}.index-row span{font-size:.78rem;letter-spacing:.04em;transition:color .3s ease;font-weight:500;font-variant-numeric:tabular-nums;color:hsla(0,0%,7%,.55)}.index-row:hover span{color:hsla(40,35%,93%,.65)}.index-row strong{font-size:clamp(1.7rem,3.5vw,4.4rem);font-weight:600;letter-spacing:-.01em;line-height:1.2;word-break:keep-all;transition:color .3s ease}.index-row:hover strong{color:var(--bg)}.expertises{position:relative}.expertises:before{content:"";position:absolute;left:2.5rem;top:8rem;width:1px;height:calc(100% - 16rem);background:linear-gradient(180deg,hsla(0,0%,7%,.08) 0,hsla(0,0%,7%,.08) 60%,transparent);pointer-events:none}.expertise-list{margin-top:4rem;border-top:1px solid hsla(0,0%,7%,.15)}.expertise-item{border-bottom:1px solid hsla(0,0%,7%,.15);padding:0;transition:background .3s ease}.expertise-item:hover{background:hsla(0,0%,7%,.02)}.expertise-item summary{cursor:pointer;display:grid;grid-template-columns:100px 1fr;align-items:center;padding:2rem 0;list-style:none;transition:padding .3s ease;position:relative}.expertise-item summary::-webkit-details-marker{display:none}.expertise-item summary span{font-size:.8rem;letter-spacing:.1em;font-weight:500;color:hsla(0,0%,7%,.45);font-variant-numeric:tabular-nums;transition:color .3s ease}.expertise-item:hover summary span{color:var(--accent)}.expertise-item summary strong{font-size:clamp(2.4rem,6vw,7rem);font-weight:600;line-height:1.05;letter-spacing:-.015em;transition:transform .35s cubic-bezier(.16,1,.3,1),color .35s ease;word-break:keep-all}.expertise-item summary:hover strong{transform:translateX(.8rem);color:var(--accent)}.expertise-tags{margin-left:100px;padding-bottom:2rem;display:flex;flex-wrap:wrap;gap:.8rem}.expertise-tags span{border:1px solid hsla(0,0%,7%,.3);border-radius:999px;padding:.55rem 1rem;font-size:.78rem;letter-spacing:.04em;transition:border-color .3s ease,background .3s ease,color .3s ease,transform .3s ease;cursor:default}.expertise-tags span:hover{border-color:var(--black);background:var(--black);color:var(--bg);transform:translateY(-2px)}.numbers{position:relative}.numbers:before{content:"";position:absolute;left:2.5rem;top:8rem;width:1px;height:calc(100% - 16rem);background:linear-gradient(180deg,hsla(0,0%,7%,.08) 0,hsla(0,0%,7%,.08) 60%,transparent);pointer-events:none}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem}.number-grid>div{border-top:1px solid hsla(0,0%,7%,.15);padding-top:1.5rem;position:relative;transition:transform .3s ease}.number-grid>div:hover{transform:translateY(-4px)}.number-grid>div:after{content:"";position:absolute;top:-1px;left:0;width:0;height:1px;background:var(--accent);transition:width .6s cubic-bezier(.16,1,.3,1)}.number-grid>div:hover:after{width:100%}.number-grid strong{display:block;font-size:clamp(4rem,11vw,12rem);line-height:.85;letter-spacing:-.08em;font-weight:600;font-variant-numeric:tabular-nums;transition:color .3s ease}.number-grid>div:hover strong{color:var(--accent)}.number-grid p{font-size:.75rem;letter-spacing:.06em;margin-top:.8rem;color:hsla(0,0%,7%,.5);font-weight:500;text-transform:uppercase}.portfolio-panel{position:relative;width:48vw;height:68vh;max-width:680px;max-height:640px;margin-top:3rem}.portfolio-main{position:absolute;inset:4%;background-image:url(/images/portfolio-cover.jpg);background-size:contain;background-repeat:no-repeat;background-position:50%;filter:grayscale(1) contrast(.92) brightness(1.04);border:1px solid rgba(0,0,0,.08);border-radius:6px;opacity:.92;transition:filter .6s ease,border-color .6s ease;z-index:1}.portfolio-main:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(45,36%,96%,.28),hsla(0,0%,8%,.08));border-radius:6px;pointer-events:none}.portfolio-light{position:absolute;top:4%;left:18.5%;width:22%;height:18%;background:hsla(40,29%,92%,.35);border:1px solid rgba(0,0,0,.04);border-radius:4px;z-index:2;backdrop-filter:blur(2px)}.portfolio-dark{position:absolute;right:6%;bottom:8%;width:28%;height:20%;background:rgba(28,28,28,.08);border:1px solid rgba(0,0,0,.05);border-radius:4px;z-index:2}.portfolio-label{position:absolute;bottom:1.4rem;left:4%;z-index:3;display:flex;flex-direction:column;gap:.2rem}.portfolio-label span{font-size:10px;letter-spacing:.12em;color:rgba(0,0,0,.45);text-transform:uppercase;font-weight:500}@media(max-width:768px){.portfolio-panel{width:100%;height:360px;max-width:none;max-height:none;margin-top:2rem}}.about{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:center;padding:8rem 2.5rem;min-height:80vh;position:relative}.about:before{content:"";position:absolute;left:2.5rem;top:8rem;width:1px;height:calc(100% - 16rem);background:linear-gradient(180deg,hsla(0,0%,7%,.08) 0,hsla(0,0%,7%,.08) 60%,transparent);pointer-events:none}.about-kicker .section-kicker{font-size:.72rem;position:relative;top:-5rem}.about-body{position:relative;top:2rem}.brand-banner{width:100%;padding:1.5rem 0;display:flex;flex-direction:column;justify-content:center;gap:.2rem;overflow:hidden}.brand-track{display:flex;width:-moz-max-content;width:max-content;animation:brand-scroll 30s linear infinite}.brand-track-reverse{animation-direction:reverse}.brand-text{font-family:Roboto Flex,Inter,sans-serif;font-size:clamp(2.5rem,8vw,7rem);line-height:1;letter-spacing:-.03em;font-weight:600;text-transform:uppercase;color:var(--black);white-space:nowrap;flex-shrink:0}@keyframes brand-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.about-text{position:relative;z-index:1}.about-text p{max-width:520px;font-size:1.2rem;line-height:1.75;color:hsla(0,0%,7%,.72);margin-top:2rem;letter-spacing:.01em;word-break:keep-all}.about-text p:first-of-type{margin-top:1.5rem}.about-images{height:72vh;position:relative}.about-img{position:absolute;border:1px solid hsla(0,0%,7%,.18);background-size:cover;background-position:50%;will-change:transform;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .3s ease;border-radius:4px;overflow:hidden}.about-img:hover{border-color:hsla(0,0%,7%,.35);z-index:10}.about-img:first-child{width:62%;height:52%;left:0;top:0;background:linear-gradient(135deg,#f4f0e8,#b8b0a0),radial-gradient(circle,#111 10%,transparent 40%);z-index:3}.about-img:nth-child(2){width:55%;height:45%;right:0;top:22%;background:radial-gradient(circle at 30% 40%,#fff,transparent 30%),linear-gradient(135deg,#333,#888);z-index:2}.about-img:nth-child(3){width:48%;height:38%;left:18%;bottom:0;background:linear-gradient(135deg,#111,#555),radial-gradient(circle,#f4f0e8 5%,transparent 35%);z-index:1}.project-page{width:100%;min-height:100vh;background:#fafaf7}.project-track{display:flex;height:60vh;overflow-x:auto;scrollbar-width:none}.project-track::-webkit-scrollbar{display:none}.project-slide{flex-shrink:0;width:85vw;height:100%;position:relative;border-radius:12px;overflow:hidden;margin-right:2rem}.project-slide:first-child{margin-left:2rem}.project-slide-img{position:absolute;inset:0;background-size:cover;background-position:50%;background-color:#1a1a1a}.project-slide-meta{position:absolute;bottom:0;left:0;right:0;padding:4rem 2.5rem 2.5rem;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent);color:#fff;pointer-events:none}.project-slide-info{font-size:.7rem;letter-spacing:.15em;opacity:.6;text-transform:uppercase}.project-slide-title{font-size:clamp(2rem,5vw,4rem);font-weight:600;line-height:1.1;margin-top:.5rem}.project-slide-desc{font-size:1rem;line-height:1.6;opacity:.7;margin-top:.5rem;max-width:400px}.project-exit{position:fixed;bottom:2.5rem;right:2.5rem;z-index:300;width:48px;height:48px;display:grid;place-items:center;color:hsla(0,0%,100%,.8);transition:opacity .3s}.project-exit:hover{opacity:.5}.project-exit svg{width:100%;height:100%}@media(max-width:768px){.project-slide{width:92vw;margin-right:1rem}.project-slide:first-child{margin-left:1rem}}.about-subtitle{font-size:clamp(2.6rem,5.5vw,3.4rem);line-height:1.6}.footer{min-height:100vh;background:var(--black);color:var(--bg);padding:5rem 2.5rem 2.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;right:0;top:0;width:40%;height:100%;background:radial-gradient(circle at 80% 50%,rgba(255,75,43,.04) 0,transparent 60%);pointer-events:none}.footer h2{font-size:clamp(3.5rem,11vw,13rem);line-height:1.05;letter-spacing:-.025em;font-weight:600;margin:2rem 0;position:relative;z-index:1}.footer h2 span{display:block;overflow:hidden;word-break:keep-all}.footer h2 .line-inner{display:block;will-change:transform}.footer-cta-wrap{margin-top:3rem}.footer-cta{display:inline-block;font-size:.85rem;letter-spacing:.06em;border:1px solid hsla(40,35%,93%,.3);border-radius:999px;padding:.9rem 2rem;transition:background .35s ease,border-color .35s ease,color .35s ease,transform .35s ease;position:relative;z-index:1;font-weight:500}.footer-cta:hover{background:var(--bg);color:var(--black);border-color:var(--bg);transform:translateY(-2px)}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;border-top:1px solid hsla(40,35%,93%,.15);padding-top:1.5rem;flex-wrap:wrap;position:relative;z-index:1}.footer-bottom a,.footer-bottom p{font-size:.85rem;color:hsla(40,35%,93%,.65);transition:color .3s ease;position:relative}.footer-bottom a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:hsla(40,35%,93%,.5);transition:width .4s cubic-bezier(.16,1,.3,1)}.footer-bottom a:hover{color:var(--bg)}.footer-bottom a:hover:after{width:100%}.infinite-menu-wrap{position:relative;width:100%;height:70vh;min-height:460px;margin-top:4rem;display:flex;align-items:center;justify-content:center}.im-title{font-weight:500;font-size:2.4rem;letter-spacing:-.01em;left:5%;color:var(--black)}.im-desc,.im-title{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10;pointer-events:none;word-break:keep-all}.im-desc{max-width:16ch;font-size:.9rem;right:5%;color:hsla(0,0%,7%,.6);line-height:1.6}.im-btn{position:absolute;left:50%;bottom:2.5rem;transform:translateX(-50%);z-index:10;width:56px;height:56px;display:grid;place-items:center;background:var(--black);color:var(--bg);border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:opacity .5s ease,transform .5s ease,background .3s ease}.im-btn:hover{background:var(--accent);transform:translateX(-50%) scale(1.1)}.im-active{opacity:1;transition:opacity .5s ease,transform .5s ease}.im-inactive{opacity:0;pointer-events:none;transition:opacity .1s ease,transform .1s ease}.im-btn.im-inactive{transform:translateX(-50%) scale(0)}@media (max-width:1024px){.header{padding:1.2rem 1.5rem}.intro,.section{padding:6rem 1.5rem}.intro:before{left:1.5rem}.hero{padding:7rem 1.5rem 1.5rem}.hero-title{font-size:clamp(3rem,10vw,9rem)}.hero-title-zh{font-size:clamp(1.6rem,4vw,3.5rem)}.robot-wrap{width:58vw;height:58vw;max-width:440px;max-height:440px}.about{grid-template-columns:1fr;gap:2rem;padding:6rem 1.5rem}.about:before{left:1.5rem}.about-images{height:50vh}.index-layout{grid-template-columns:1fr}.preview-image{display:none}.index-row{grid-template-columns:50px 1fr;gap:.5rem}.expertises:before,.numbers:before{left:1.5rem}.expertise-item summary{grid-template-columns:60px 1fr}.expertise-item summary strong{font-size:clamp(1.8rem,5vw,4rem)}.expertise-tags{margin-left:60px}.footer{padding:4rem 1.5rem 1.5rem}}@media (max-width:768px){.custom-cursor{display:none!important}.header{padding:1rem 1.2rem;font-size:.68rem}.hero{padding:6rem 1.2rem 1.2rem}.hero-title{font-size:clamp(2.4rem,9vw,5rem)}.hero-title-zh{font-size:clamp(1.4rem,7vw,3rem);line-height:1.25}.hero-copy{font-size:.95rem;max-width:100%}.scroll-text{bottom:1.2rem;right:1.2rem}.robot-wrap{width:78vw;height:78vw;max-width:320px;max-height:320px}.horizontal-section{height:auto;min-height:auto}.horizontal-track{height:auto;width:100%;flex-direction:column;align-items:stretch;padding:1.2rem;gap:1.2rem}.project-card,.project-intro{width:100%;min-width:0}.project-card{height:65vh}.project-card h3{font-size:2rem}.index-row{grid-template-columns:40px 1fr;padding:1.2rem .8rem}.index-row strong{font-size:1.5rem}.number-grid{grid-template-columns:1fr}.expertise-item summary{grid-template-columns:60px 1fr}.expertise-item summary strong{font-size:clamp(1.8rem,5vw,4rem)}.expertise-tags{margin-left:60px}.menu-overlay{grid-template-columns:1fr;padding:1.5rem}.menu-info{margin-top:2rem}.footer{padding:4rem 1.2rem 1.5rem;min-height:80vh}.footer h2{font-size:clamp(2.8rem,10vw,8rem)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}.about,.intro,.project-index{padding:6rem 1.2rem}.about:before,.expertises:before,.intro:before,.numbers:before{display:none}.expertise-item summary{grid-template-columns:50px 1fr}.expertise-tags{margin-left:50px}}.staggered-menu{position:fixed;top:0;right:0;z-index:200}.staggered-menu-btn{position:fixed;top:1.5rem;right:2.5rem;z-index:210;width:36px;height:24px;display:flex;flex-direction:column;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0;transition:color .3s}.staggered-btn-line{display:block;width:100%;height:3px;border-radius:1px;background:currentColor;transform-origin:center;transition:transform .35s cubic-bezier(.76,0,.24,1)}.staggered-btn-line.open:first-child{transform:rotate(45deg) translateY(8px)}.staggered-btn-line.open:nth-child(2){transform:rotate(-45deg) translateY(-8px)}.staggered-panel{position:fixed;top:0;width:340px;height:100vh;z-index:200;visibility:hidden}.staggered-layer{position:absolute;inset:0;transform:scaleX(0)}.staggered-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding:4rem 2.5rem}.staggered-logo{width:80px;margin-bottom:3rem}.staggered-nav{display:flex;flex-direction:column;gap:.25rem}.staggered-item{display:flex;align-items:baseline;gap:1rem;font-size:2rem;font-weight:500;color:#fff;text-decoration:none;padding:.5rem 0;transition:color .3s,padding-left .3s}.staggered-item:hover{color:var(--accent,#fff);padding-left:.5rem}.staggered-num{font-size:.85rem;opacity:.4;min-width:28px;font-weight:600}.staggered-label{line-height:1.2}.staggered-socials{margin-top:3rem;display:flex;gap:1.5rem}.staggered-social-link{font-size:.75rem;color:hsla(0,0%,100%,.6);text-decoration:none;transition:color .3s}.staggered-social-link:hover{color:var(--accent,#fff)}@media (max-width:768px){.staggered-panel{width:100vw}}.portfolio-gallery{padding:8rem 3rem;max-width:1400px;margin:0 auto}.pg-header{display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-left:.5rem}.pg-header-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.38);font-weight:500}.pg-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1.2rem;align-items:start}.pg-col-8{grid-column:span 8}.pg-col-5{grid-column:span 5}.pg-col-4{grid-column:span 4}.pg-item{position:relative}.pg-img-wrap{width:100%;height:100%;overflow:hidden;border-radius:6px;border:1px solid rgba(0,0,0,.08);background:hsla(45,36%,96%,.35);box-shadow:0 18px 60px rgba(0,0,0,.04);transition:transform .5s ease,border-color .5s ease}.pg-img-wrap:hover{transform:translateY(-6px);border-color:rgba(0,0,0,.18)}.pg-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;filter:saturate(.78) contrast(.94) brightness(1.02);opacity:.92;transition:filter .5s ease,opacity .5s ease}.pg-img-wrap:hover .pg-img{filter:saturate(1) contrast(1) brightness(1);opacity:1}.pg-meta{display:flex;justify-content:space-between;margin-top:.6rem;padding:0 .2rem}.pg-meta span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.42);font-weight:500}@media(max-width:768px){.portfolio-gallery{padding:4rem 1.5rem}.pg-grid{grid-template-columns:1fr;gap:2rem}.pg-col-4,.pg-col-5,.pg-col-8{grid-column:span 1}}.gallery-wall{padding:8rem 4rem;max-width:1400px;margin:0 auto}.gw-header{display:flex;justify-content:space-between;margin-bottom:5rem}.gw-header span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.38);font-weight:500}.gw-grid{flex-direction:column;gap:6rem}.gw-row{display:flex;gap:2rem}.gw-row-2{justify-content:space-between}.gw-frame{border-radius:6px;border:1px solid rgba(0,0,0,.07);background:hsla(45,36%,96%,.3);box-shadow:0 18px 60px rgba(0,0,0,.03);transition:transform .5s ease,border-color .5s ease}.gw-frame:hover{transform:translateY(-6px);border-color:rgba(0,0,0,.16)}.gw-img{-o-object-fit:cover;object-fit:cover;filter:saturate(.78) contrast(.94) brightness(1.02);opacity:.92;transition:filter .5s ease}.gw-frame:hover .gw-img{filter:saturate(1) contrast(1) brightness(1);opacity:1}.gw-meta{margin-top:.7rem;padding:0 .1rem}.gw-meta span{letter-spacing:.12em}@media(max-width:768px){.gallery-wall{padding:4rem 1.5rem}.gw-row{flex-direction:column;gap:3rem}.gw-item{flex:0 0 100%!important}}.gw-page{background:#0a0a0a;min-height:100vh;display:flex;justify-content:center;padding:3rem 0}.gw-canvas{width:52%;max-width:720px;background:#fff;padding:2rem 2.5rem 5rem;margin:0 auto}.gw-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.gw-nav,.gw-nav-link{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,0,0,.6);font-weight:500;text-decoration:none}.gw-nav-link:hover,.gw-title{color:#000}.gw-title{font-family:Roboto Flex,Inter,sans-serif;font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:.85;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:2.5rem}.gw-desc{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.gw-desc p{font-size:13px;line-height:1.7;color:rgba(0,0,0,.5)}.gw-hero{width:100%;margin-bottom:1.5rem}.gw-hero-img{width:100%;height:auto;display:block}.gw-grid{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:5rem}.gw-item{position:relative;width:calc(50% - .6rem)}.gw-frame{width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.03);transition:opacity .5s ease}.gw-frame:hover{opacity:.85}.gw-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.gw-meta{display:flex;justify-content:space-between;margin-top:.6rem}.gw-meta span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,0,0,.4);font-weight:500}.gw-meta-sm{margin-top:.5rem}.gw-footer{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:5rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.08)}.gw-footer span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.3);font-weight:500}.gw-footer span:nth-child(2){text-align:center}.gw-footer span:nth-child(3){text-align:right}@media(max-width:768px){.gw-canvas{width:92%;padding:2rem 1.2rem 3rem}.gw-desc{grid-template-columns:1fr}.gw-title{font-size:clamp(2rem,6vw,4rem)}}.el-page{background:#fafaf7;min-height:100vh;display:flex;justify-content:center;padding:0}.el-canvas{width:100%;max-width:1120px;background:#fafaf7;padding:1rem 2rem 3rem}.el-nav{display:flex;justify-content:space-between;align-items:center;height:32px;margin-bottom:3rem}.el-nav,.el-nav-r{font-size:10px;font-weight:400;color:#111;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.el-nav-r:hover{opacity:.6}.el-title{font-family:Roboto Flex,Inter,sans-serif;font-size:clamp(80px,14vw,140px);font-weight:900;line-height:.84;letter-spacing:-.04em;color:#050505;margin-bottom:1.2rem}.el-desc{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.el-desc p{font-size:11px;line-height:1.25;color:rgba(0,0,0,.72);max-width:220px}.el-list{display:flex;flex-direction:column;gap:80px;margin-bottom:3rem}.el-img,.el-item{width:100%}.el-img{height:auto;display:block;filter:saturate(.88) contrast(.96) brightness(1.02);opacity:.96;border:1px solid rgba(0,0,0,.06);transition:filter .5s,opacity .5s,transform .3s}.el-img:hover{filter:saturate(1) contrast(1) brightness(1);opacity:1;transform:translateY(-2px)}.el-meta{margin-top:6px}.el-meta span{font-size:11px;line-height:1.2;color:rgba(0,0,0,.62);letter-spacing:.01em}.el-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding-top:2rem;margin-top:3rem;border-top:1px solid rgba(0,0,0,.08)}.el-footer span{display:block;font-size:8px;color:rgba(0,0,0,.65);line-height:1.5}.el-footer div{display:flex;flex-direction:column}@media(max-width:768px){.el-canvas{max-width:100%;padding:1rem}.el-title{font-size:clamp(40px,8vw,64px)}.el-desc{grid-template-columns:1fr}}