@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";@import "https://cdn-font.hyperos.mi.com/font/css?family=MiSans_VF:VF:Chinese_Simplify,Latin&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter+Tight:wght@400;500;600&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#f5f6f8;--ink:#262830;--muted:#6e717b;--line:#dfe1e7;--purple:#b8a8de;--blue:#d8e3ed;--white:#fff;--soft:#ebeaf1;--green:#dce6df;--coral:#e4a18a;--radius:22px;--font-sans:"Manrope", "MiSans VF", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);scroll-padding-top:110px}body{color:var(--ink);background:var(--paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{border:0}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #7864ad}h1,h2,h3,h4,p{margin:0}button svg,a svg{flex-shrink:0}.container{width:min(1280px,100% - 96px);margin-inline:auto}.serif{letter-spacing:-.025em;font-family:DM Serif Display,Songti SC,STSong,Georgia,serif;font-style:italic;font-weight:400}.lang-zh .serif{font-family:var(--font-sans);letter-spacing:-.035em;font-style:normal;font-weight:430}.lang-zh .hero-motto,.lang-zh .portrait-motto{letter-spacing:-.025em;font-family:DM Serif Display,Georgia,serif;font-style:italic;font-weight:400}.lang-zh :is(h1,h2,h3,h4){font-family:var(--font-sans)}.lang-zh h1{letter-spacing:-.045em;font-weight:630}.lang-zh :is(h2,h3,h4){letter-spacing:-.025em}.lang-zh .article-prose blockquote,.lang-zh .case-body .reflection-text{font-family:var(--font-sans);letter-spacing:-.015em;font-style:normal;font-weight:520}.font-credit{text-align:right;color:#b3adbf;margin-top:16px;font-size:9px;line-height:1.6;display:block}.font-credit:hover{color:#fff}.eyebrow{letter-spacing:.13em;color:var(--muted);font-size:11px;font-weight:650;line-height:1.6}.lang-zh .eyebrow{letter-spacing:.12em}.button{border-radius:999px;justify-content:center;align-items:center;gap:15px;min-height:50px;padding:0 23px;font-size:13px;font-weight:600;line-height:1.4;transition:background .2s,color .2s,transform .2s,border-color .2s;display:inline-flex}.button.dark{color:var(--white);background:var(--ink);border:1px solid var(--ink)}.button.dark:hover{background:#454650;border-color:#454650;transform:translateY(-2px)}.button.outline{background:0 0;border:1px solid #c9ccd5}.button.outline:hover{background:var(--white);border-color:var(--ink);transform:translateY(-2px)}.button.small{min-height:44px;padding-inline:19px;font-size:12px}.icon-button{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background .2s;display:inline-flex}.text-link{background:0 0;border:0;align-items:center;gap:12px;padding:8px 0;font-size:12px;font-weight:600;display:inline-flex}.text-link svg{transition:transform .2s}.text-link:hover svg{transform:translate(2px,-2px)}.skip-link{z-index:200;background:var(--ink);color:#fff;border-radius:6px;padding:12px 20px;position:fixed;top:-70px;left:20px}.skip-link:focus-visible{top:12px}.site-header{z-index:70;-webkit-backdrop-filter:blur(18px);background:#f5f6f8e6;border-bottom:1px solid #dfe1e7d9;height:88px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:28px;width:min(1400px,100% - 80px);height:100%;margin:auto;display:flex}.wordmark{align-items:center;gap:10px;display:flex}.wordmark>span{letter-spacing:-.06em;font-size:27px;font-weight:800}.wordmark small{color:var(--muted);letter-spacing:.12em;border-left:1px solid #d1d4dd;max-width:85px;margin-left:7px;padding-left:17px;font-size:8px;line-height:1.5}.desktop-nav{align-items:center;gap:32px;display:flex}.desktop-nav a{color:var(--muted);padding-block:12px;font-size:12px;transition:color .2s;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}.desktop-nav a>span{background:0 0;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%}.desktop-nav a.active>span{background:var(--ink)}.header-actions{align-items:center;gap:13px;display:flex}.language-switch{color:#92959c;background:0 0;border:1px solid #d4d6de;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:70px;height:44px;font-size:11px;font-weight:650;display:inline-flex}.language-divider{background:#c8cbd4;width:1px;height:11px}.menu-toggle,.mobile-navigation{display:none}.home-hero{grid-template-columns:1.08fr 1fr;align-items:center;column-gap:48px;padding-top:68px;padding-bottom:24px;display:grid;position:relative}.hello-line{align-items:center;gap:9px;margin-bottom:30px;font-size:12px;font-weight:500;display:flex}.hello-avatar{border-radius:50%;overflow:hidden}.hello-avatar img{object-fit:cover;width:29px;height:29px}.hello-wave{color:#8a789e;margin-left:4px;font-size:18px}.hero-copy h1{letter-spacing:-.07em;white-space:nowrap;font-size:clamp(43px,4.05vw,60px);font-weight:650;line-height:1.38}.hero-copy h1>span{color:#85818f}.lang-en .hero-copy h1{letter-spacing:-.065em;white-space:normal;font-size:clamp(46px,4.3vw,66px);line-height:1.15}.lang-en .hero-copy h1>span{font-family:DM Serif Display,Georgia,serif;font-style:italic;font-weight:400}.hero-description{max-width:460px;color:var(--muted);margin-top:23px;font-size:14px;line-height:1.95}.lang-en .hero-description{line-height:1.85}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-motto{color:#767582;margin-top:32px;font-size:18px}.hero-bottom{width:100%;color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:55px;font-size:10px;display:flex}.hero-bottom>span,.hero-bottom>a{align-items:center;gap:10px;display:flex}.hero-bottom>span i{background:#879b92;border-radius:50%;width:5px;height:5px}.hero-bottom>a{gap:18px;padding:14px 0}.hero-workbench{isolation:isolate;width:100%;height:470px;position:relative}.workbench-dots{z-index:-1;background-color:#e7e9ef;background-image:radial-gradient(#c6c9d2 .8px,#0000 .8px);background-size:15px 15px;border-radius:32px;position:absolute;inset:35px 0 26px}.workbench-controls{z-index:4;background:var(--paper);border:1px solid #dfe1e8;border-radius:999px;gap:3px;padding:5px;display:flex;position:absolute;top:8px;left:25px}.workbench-controls button{color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:11px;display:flex}.workbench-controls button.active{background:var(--ink);color:#fff}.workbench-controls button:hover:not(.active){color:var(--ink);background:#e6e5ec}.workbench-label{letter-spacing:.1em;color:#797a86;transform-origin:100%;font-size:8px;position:absolute;top:86px;right:23px;transform:rotate(90deg)}.workbench-label>span{margin-left:10px}.hero-window{background:var(--white);border:1px solid #fff;border-radius:15px;width:calc(100% - 60px);height:325px;position:absolute;top:80px;left:26px;transform:rotate(-6deg);box-shadow:0 24px 45px -15px #54557144,0 4px 8px #54557111}.window-toolbar{color:#90939e;border-bottom:1px solid #eeeef3;justify-content:space-between;align-items:center;height:34px;padding:0 14px;font-size:9px;display:flex}.window-toolbar>span:first-child{gap:4px;display:flex}.window-toolbar i{background:#d9dbe2;border-radius:50%;width:5px;height:5px}.window-toolbar small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.hero-window-content{border-radius:0 0 14px 14px;height:calc(100% - 34px);animation:.25s pane-in;position:relative;overflow:hidden}.hero-sticker{background:#fcfcfd;border:1px solid #fff;border-radius:14px;align-items:center;gap:10px;padding:13px 17px 13px 13px;display:flex;position:absolute;bottom:41px;left:-13px;transform:rotate(3deg);box-shadow:0 12px 20px #54557119}.hero-sticker>img{object-fit:cover;border-radius:11px;width:43px;height:43px}.hero-sticker>span{font-size:11px;font-weight:650}.hero-sticker small{color:var(--muted);margin-top:5px;font-size:9px;font-weight:400;display:block}.hero-sticker>svg{color:#a591c5;margin-left:16px}.floating-note{color:#514261;background:#d8cbea;border-radius:8px;align-items:center;gap:8px;padding:14px 16px;font-size:10px;display:flex;position:absolute;top:114px;right:-13px;transform:rotate(9deg);box-shadow:0 8px 18px #65527613}.note-status{background:#8f78a8;border-radius:50%;width:5px;height:5px;margin-left:5px}.workbench-caption{color:#858391;align-items:center;gap:9px;font-size:8px;display:flex;position:absolute;bottom:3px;right:8px}.system-sketch{color:#3a3a48;flex-direction:column;width:100%;height:100%;padding:22px 27px;display:flex}.system-sketch-title{justify-content:space-between;align-items:center;font-size:11px;font-weight:650;display:flex}.swatch-row{gap:8px;margin-top:16px;display:flex}.swatch-row i{border-radius:6px;flex:1;height:32px}.type-specimen{align-items:center;gap:22px;margin-top:12px;font-family:DM Serif Display,Georgia,serif;font-size:66px;line-height:1.05;display:flex}.type-specimen>span{letter-spacing:-.04em;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;line-height:1.45}.system-components{align-items:center;gap:15px;margin-top:11px;display:flex}.sketch-tag{color:#817191;background:#e9e4f2;border-radius:5px;padding:7px 11px;font-size:8px}.sketch-toggle{background:#b6a6d5;border-radius:12px;width:35px;height:19px;position:relative}.sketch-toggle:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:3px;right:3px}.sketch-slider{background:#e5e5ec;flex:1;height:3px;position:relative}.sketch-slider i{background:#8695ac;width:60%;height:100%;display:block}.sketch-slider i:after{content:"";background:#fff;border:2px solid #8695ac;border-radius:50%;width:8px;height:8px;display:block;position:relative;top:-2px;left:100%}.sketch-grid{gap:5px;height:13px;margin-top:15px;display:flex}.sketch-grid i{background:#e9ecf1;border-radius:2px;flex:1}.hero-build-preview{color:#fff;background:#23222c;height:100%;padding:24px 27px}.knowflow-mark{color:#c6b4e7;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.hero-build-preview h3{letter-spacing:-.055em;margin-top:16px;font-size:35px;font-weight:650;line-height:1.05}.hero-build-preview h3 em{color:#baa6df;font-style:normal}.mini-source{color:#d0bfeb;background:#33303f;border-radius:9px;align-items:center;gap:11px;margin-top:19px;padding:12px 10px;display:flex}.mini-source>span{flex:1;font-size:8px}.mini-source i{background:#655376;border-radius:2px;width:80%;height:3px;margin-top:7px;display:block}.experience-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:14px}.experience-strip>div{justify-content:space-between;align-items:center;gap:40px;min-height:90px;display:flex}.experience-strip>div>span{color:#8b8d96;letter-spacing:.1em;flex-shrink:0;font-size:9px}.experience-strip>div>div{justify-content:space-between;align-items:center;gap:24px;width:80%;display:flex}.experience-strip>div>div>span{color:#5d606b;letter-spacing:-.05em;font-size:19px;font-weight:650}.section{padding-top:104px;padding-bottom:100px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.lang-en .section-heading h2,.lang-en .systems-intro h2{font-size:49px;line-height:1.12}.section-lead{color:var(--muted);max-width:560px;margin-top:-17px;margin-bottom:36px;font-size:14px;line-height:1.9}.selected-cases{grid-template-columns:1.15fr 1fr;align-items:start;gap:28px;display:grid}.project-card{min-width:0}.project-card-link{display:block}.project-card-media{border-radius:var(--radius);isolation:isolate;position:relative;overflow:hidden}.card-open{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .2s,transform .2s;display:grid;position:absolute;top:18px;right:18px}.project-card:hover .card-open{background:var(--ink);color:#fff;transform:rotate(3deg)}.media-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#555661;background:#ffffffdb;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:500;position:absolute;bottom:17px;left:19px}.project-card-body{padding:20px 1px 4px}.project-card-meta{letter-spacing:.025em;color:#848691;justify-content:space-between;font-size:9px;display:flex}.project-card h3{letter-spacing:-.045em;margin-top:9px;font-size:23px;font-weight:650}.project-card-body>p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.8}.card-read{align-items:center;gap:9px;margin-top:15px;font-size:10px;font-weight:600;display:inline-flex}.project-card:hover .card-read svg{transform:translate(3px)}.card-read svg{transition:transform .2s}.project-art{background:#e1e5ed;justify-content:center;align-items:center;height:310px;padding:32px 27px 0;display:flex;position:relative;overflow:hidden}.screenshot-browser{background:#252630;border-radius:10px 10px 0 0;align-self:flex-start;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:translateY(8px)rotate(-2deg);box-shadow:0 14px 26px -7px #32334f30}.project-card:hover .screenshot-browser{transform:translateY(0)rotate(0)scale(1.015)}.browser-chrome{color:#8c8e99;background:#f7f7fa;align-items:center;gap:4px;height:21px;padding:0 9px;display:flex}.browser-chrome i{background:#d7d8df;border-radius:50%;width:4px;height:4px}.browser-chrome>span{margin:0 auto;padding-right:18px;font-family:ui-monospace,monospace;font-size:6px}.screenshot-browser>img{object-fit:cover;object-position:top;width:100%;height:calc(100% - 21px)}.art-symbiosis{background:#d8dfea}.art-baijiahao{background:#dce5df}.art-knowflow{background:#dcd4eb}.art-token-wallet{background:#d7e4e6}.art-pookerai{background:#e4daee}.art-oldscreen{background:#e6e5d4}.art-samer{background:#ded7e9}.art-frame{background:#e6dfcf}.art-yiyu{background:#dce6e4}.art-signal{background:#dde1ef}.art-labeler{background:#e7e1d3}.art-echo{background:#e5dce9}.utility-sketch{background:#fcfcfbee;border-radius:15px;width:80%;max-width:480px;padding:27px;transform:rotate(-3deg);box-shadow:0 16px 25px #4143581c}.utility-label{justify-content:space-between;align-items:center;margin-bottom:19px;font-size:13px;font-weight:650;display:flex}.utility-label small{color:#aa93b7;font-size:9px}.translation-selection{background:#dce7e2;border-radius:4px;padding:4px 8px;font-family:Georgia,serif;font-size:17px;line-height:1.7}.translation-sketch>svg{color:#9baea4;margin-block:12px}.translation-result{color:#688374;font-size:13px;line-height:1.8}.translation-sketch>small{color:#a0aaa3;margin-top:16px;font-size:8px;line-height:1.8;display:block}.signal-wave{justify-content:center;align-items:center;gap:4px;height:68px;margin-bottom:19px;display:flex}.signal-wave>i{background:#bbc3dd;border-radius:4px;width:4px}.transcript-line{align-items:center;gap:10px;margin-top:12px;display:flex}.transcript-line>time{color:#a6a5b9;font-family:ui-monospace,monospace;font-size:8px}.transcript-line>span{color:#8b89a0;font-size:9px}.labeler-row{border-top:1px solid #eee8db;align-items:center;gap:13px;padding:14px 0;display:flex}.labeler-row>span:first-child{font-family:ui-monospace,monospace;font-size:10px}.candidate{background:#d9cce3;border-radius:6px;width:34px;height:30px;margin-left:auto}.candidate-1{background:#ceded6}.candidate-2{background:#e7dbc1}.candidate-check{color:#90a08b}.labeler-row>small{color:#a79b88;font-size:7px}.chat-demo{color:#9b86ab;background:#eee7f2;border-radius:9px 9px 9px 2px;max-width:82%;padding:13px;font-size:11px;line-height:1.8}.chat-demo.reply{background:#e5dfeb;border-radius:9px 9px 2px;max-width:65%;margin-top:14px;margin-left:auto}.memory-tag{color:#b0a0bb;margin-top:20px;font-size:8px}.art-vertical{background:#d3deeb}.art-habitat{background:#d9e4df}.art-speed-battle{background:#273954}.art-room{background:#dce5ed}.illustrated{padding:0}.art-caption{color:#626575;letter-spacing:.08em;background:#ffffff60;border-radius:4px;padding:4px 7px;font-size:7px;position:absolute;bottom:14px;right:16px}.selected-cases>.compact h3{margin-top:6px;font-size:19px}.selected-cases>.compact .project-card-body{padding-top:13px}.selected-cases>.compact .card-read{display:none}.selected-cases>.compact .project-card-body>p{font-size:11px}.selected-cases>.compact .media-status{padding:4px 7px;font-size:8px;bottom:12px;left:13px}.selected-cases>.compact .card-open{width:31px;height:31px;top:12px;right:12px}.social-sketch{width:100%;height:100%;position:relative}.social-phone{background:#f4f0f8;border:5px solid #35313e;border-radius:27px;width:155px;height:308px;padding:28px 12px 10px;position:absolute;overflow:hidden;box-shadow:0 18px 30px #463a5a30}.phone-notch{background:#35313e;border-radius:8px;width:45px;height:10px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.phone-back{top:22%;left:16%;transform:rotate(-12deg)}.phone-back>small{font-size:12px;font-weight:700}.room-gradient{color:#5b447b;background:#c4addb;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:11px;height:94px;margin-top:14px;display:flex}.room-gradient span{font-size:8px}.tiny-avatars{gap:5px;margin-top:20px;display:flex}.tiny-avatars i{background:#bfb1d1;border:2px solid #fff;border-radius:50%;width:23px;height:23px}.tiny-avatars i:nth-child(2){background:#d1a19d}.tiny-avatars i:nth-child(3){background:#9aaca8}.tiny-avatars i:nth-child(4){background:#d5c39e}.skeleton-line{background:#ddd6e6;border-radius:4px;width:100%;height:5px;margin-top:16px}.skeleton-line.short{width:65%;margin-top:9px}.phone-front{color:#fbf9ff;background:#332a43;border-color:#26232c;width:169px;height:338px;top:13%;left:43%;transform:rotate(9deg)}.phone-front .phone-notch{background:#26232c}.phone-top{color:#c3afd9;justify-content:space-between;align-items:center;font-size:11px;display:flex}.room-title{letter-spacing:-.04em;margin-top:20px;font-size:21px;font-weight:600;line-height:1.1;display:block}.room-title em{color:#cfb9e9;font-family:DM Serif Display,Georgia,serif;font-size:24px}.people-grid{grid-template-columns:repeat(3,1fr);gap:11px 7px;margin-top:24px;display:grid}.people-grid>div{flex-direction:column;align-items:center;gap:5px;display:flex}.people-grid span{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.people-grid i{background:#675677;border-radius:3px;width:17px;height:3px}.phone-audio{color:#cdb5e8;align-items:center;gap:7px;margin-top:20px;font-size:6px;display:flex}.phone-bottom{color:#d4bdea;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.phone-bottom>svg{box-sizing:content-box;background:#a080c8;border-radius:50%;width:13px;height:13px;padding:7px}.message-glyph{gap:2px;display:flex}.message-glyph i{background:currentColor;border-radius:50%;width:3px;height:3px}.social-sticker{color:#806596;font-size:12px;line-height:1.2;position:absolute;top:11%;left:11%;transform:rotate(-10deg)}.social-sticker em{font-family:DM Serif Display,Georgia,serif;font-size:20px}.frame-sketch{background:#faf9f6;border:1px solid #fff;border-radius:15px;width:80%;padding:25px;transform:rotate(-3deg);box-shadow:0 18px 30px #7e725926}.frame-logo{align-items:center;gap:9px;display:flex}.frame-logo>span{color:#fcfbf7;background:#c9b98e;border-radius:7px;place-items:center;width:28px;height:28px;font-size:19px;font-weight:800;display:grid}.frame-logo b{letter-spacing:-.04em;font-size:18px}.frame-sketch>p{color:#969080;margin-top:8px;font-size:8px}.frame-queue{margin-top:17px}.frame-queue>div{border-top:1px solid #e9e5db;align-items:center;gap:9px;padding:10px 0;display:flex}.file-glyph{color:#9485a3;background:#e5dbeb;border-radius:5px;place-items:center;width:26px;height:30px;display:grid}.file-1{color:#7f9b8b;background:#dae4df}.file-2{color:#9c9b76;background:#e5e5d6}.frame-queue>div>span:nth-child(2){flex:1;font-family:ui-monospace,monospace;font-size:8px}.frame-queue small{color:#99958d;margin-top:3px;font-family:Manrope,sans-serif;font-size:6px;display:block}.frame-queue b{color:#8c887f;font-family:ui-monospace,monospace;font-size:7px}.frame-queue>div>svg{color:#99a593}.code-sketch{color:#d7dee8;background:#28313e;border:1px solid #a1b2c422;border-radius:13px;width:79%;padding:22px;transform:rotate(3deg);box-shadow:0 20px 26px #3546632c}.code-sketch>div{align-items:center;gap:8px;font-size:9px;display:flex}.code-dot{background:#a0b6a8;border-radius:50%;width:5px;height:5px;margin-left:auto}.code-sketch pre{margin:15px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.9}.code-sketch pre>span{color:#b8c5d8}.code-sketch pre>.code-purple{color:#d0bdeb}.code-sketch p{color:#95a89e;align-items:center;gap:6px;font-size:7px;display:flex}.build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px;display:grid}.home-builds .project-card-body h3{font-size:21px}.home-builds .card-read{display:none}.lab-invitation{background:#ffffff7a;border:1px solid #fff9;border-radius:17px;align-items:center;gap:22px;margin-top:55px;padding:24px 26px;display:flex}.lab-glyph{color:#7d6a9d;background:#ddd7e9;border-radius:12px;place-items:center;width:49px;height:49px;display:grid}.lab-invitation p{color:var(--muted);margin-top:6px;font-size:11px}.round-arrow{border:1px solid #c9c7d3;border-radius:50%;place-items:center;width:38px;height:38px;margin-left:auto;transition:transform .2s;display:grid}.lab-invitation:hover .round-arrow{transform:rotate(15deg)}.systems-section{border-bottom:1px solid var(--line);grid-template-columns:.95fr 1.05fr;gap:100px;display:grid}.systems-intro .eyebrow{margin-bottom:20px}.systems-intro>p:last-child{color:var(--muted);max-width:340px;margin-top:22px;font-size:13px;line-height:1.9}.practice-links{border-top:1px solid var(--line);align-self:center}.practice-links>a{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:26px 0;transition:padding .25s;display:flex}.practice-links>a>svg:last-child{margin-left:auto}.practice-links>a:hover{padding-inline:8px}.practice-links p{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.7}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:29px;display:grid}.article-art{background:#dce4ed;border-radius:15px;justify-content:center;align-items:center;height:225px;display:flex;position:relative;overflow:hidden}.article-art-ai{background:#e2daeb;gap:30px}.article-art-process{background:#e1e7df}.article-card-meta{color:#8a8d96;justify-content:space-between;gap:20px;margin-top:22px;font-size:9px;display:flex}.article-card h3{letter-spacing:-.04em;margin-top:12px;font-size:19px;font-weight:600;line-height:1.5}.article-card p{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.9}.article-card .card-read{margin-top:20px}.decision-node{z-index:2;background:#f7f8fb;border-radius:13px;width:47px;height:47px;position:absolute;box-shadow:0 7px 15px #7183991c}.decision-node.n-one{top:30%;left:21%;transform:rotate(-9deg)}.decision-node.n-two{background:#9eacc2;top:22%;right:23%;transform:rotate(7deg)}.decision-node.n-three{width:65px;bottom:21%;right:20%;transform:rotate(-3deg)}.decision-path{border-top:2px dashed #9eabc1;border-right:2px dashed #9eabc1;width:37%;height:70px;position:absolute;transform:rotate(-8deg)}.art-pointer{color:#687b9a;z-index:3;fill:#b5c3d6;transition:transform .4s;position:absolute;bottom:25%;left:41%;transform:rotate(-8deg)}.article-card:hover .art-pointer{transform:translate(5px,-8px)rotate(0)}.prompt-bracket{color:#a392ba;font-family:DM Serif Display,Georgia,serif;font-size:110px;font-weight:400;line-height:1}.prompt-spark{color:#a18bbb;background:#f9f6fc;border-radius:20px;place-items:center;width:80px;height:80px;transition:transform .3s;display:grid;transform:rotate(-7deg);box-shadow:0 14px 20px #9a80af20}.article-card:hover .prompt-spark{transform:rotate(7deg)}.material-page{background:#fbfcf9;border:1px solid #fff;border-radius:6px;width:83px;height:106px;padding:25px 12px 12px;transform:rotate(-12deg)translate(-22px);box-shadow:0 10px 20px #627e5d1b}.material-page>span{background:#ccd4c6;border-radius:3px;height:3px;margin-bottom:9px;display:block}.material-page>span:nth-child(2){width:65%}.material-page>span:nth-child(4){width:80%}.material-page.second{padding-top:18px;position:absolute;transform:rotate(9deg)translate(42px,8px)}.material-page.second>svg{color:#9bb08d;margin-bottom:11px}.material-arrow{color:#8ca07f;z-index:3;position:absolute;left:44%}.about-preview{background:#e9eaf0;border-radius:22px;grid-template-columns:230px 1fr;align-items:center;gap:70px;margin-bottom:100px;padding:55px 60px;display:grid}.portrait-stamp{background:#fafafa;border:1px solid #fff;width:166px;height:193px;padding:9px 9px 30px;position:relative;transform:rotate(-7deg);box-shadow:0 9px 19px #383c5414}.portrait-stamp>img{object-fit:cover;width:100%;height:100%}.stamp-label{letter-spacing:.06em;color:#97949f;font-family:ui-monospace,monospace;font-size:8px;position:absolute;bottom:10px;left:13px}.about-preview h2{letter-spacing:-.05em;margin-top:11px;font-size:29px;font-weight:550;line-height:1.5}.about-preview p:not(.eyebrow){color:var(--muted);max-width:650px;margin-top:15px;font-size:13px;line-height:1.9}.about-preview .text-link{margin-top:16px}.site-footer{color:#f8f8fa;background:#292a35;padding:75px max(48px,50vw - 640px) 28px}.footer-top{padding-bottom:44px}.site-footer .eyebrow{color:#9796a5}.footer-heading{justify-content:space-between;align-items:center;gap:30px;margin-top:23px;display:flex}.footer-heading h2{letter-spacing:-.05em;font-size:61px;font-weight:500;line-height:1.3}.footer-heading h2 .serif{color:#bcaed1}.lang-en .footer-heading h2{font-size:76px;line-height:1.08}.footer-arrow{border:1px solid #686674;border-radius:50%;place-items:center;width:105px;height:105px;transition:background .25s,color .25s;display:grid}.footer-arrow svg{width:59px;height:59px}.footer-arrow:hover{color:#292a35;background:#c2afd9}.footer-email-row{align-items:center;gap:20px;margin-top:30px;display:inline-flex}.footer-email-row>a{letter-spacing:-.035em;color:#c0bdcb;border-bottom:1px solid #6a6575;padding-bottom:5px;font-size:22px}.copy-email{display:inline-flex;position:relative}.copy-feedback{white-space:nowrap;color:#c3b3da;font-size:10px;position:absolute;top:43px;right:0}.footer-bottom{border-top:1px solid #4b4957;grid-template-columns:.8fr 1.3fr .8fr;align-items:start;gap:35px;padding-top:28px;display:grid}.footer-brand{letter-spacing:-.07em;font-size:28px;font-weight:700}.footer-brand small{color:#a5a1b0;letter-spacing:0;margin-top:6px;font-size:9px;font-weight:400;display:block}.footer-socials{flex-wrap:wrap;gap:10px 21px;padding-top:5px;display:flex}.footer-socials a{color:#c0bbcb;align-items:center;gap:4px;font-size:10px;display:flex}.footer-socials a:hover{color:#fff}.footer-bottom>p{color:#9d98aa;text-align:right;padding-top:4px;font-size:9px;line-height:2}.footer-bottom>p>span{font-family:DM Serif Display,Georgia,serif;font-size:8px;font-style:italic;display:block}.contact-dock{z-index:75;color:#fff;-webkit-backdrop-filter:blur(20px);background:#282833f5;border:1px solid #6c667c80;border-radius:19px;width:280px;padding:10px;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 28px #27273620}.dock-heading{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:0;display:flex}.dock-avatar{flex-shrink:0;position:relative}.dock-avatar>img{object-fit:cover;border-radius:10px;width:39px;height:39px}.dock-avatar>i{background:#b8a8de;border:2px solid #292a35;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-2px;right:-2px}.dock-name{flex:1;font-size:12px;font-weight:600}.dock-name>small{letter-spacing:.025em;color:#b7b2c2;margin-top:5px;font-size:6px;font-weight:400;display:block}.dock-toggle{border:1px solid #625e70;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.dock-toggle svg{transition:transform .2s}.contact-dock.open .dock-toggle svg{transform:rotate(180deg)}.dock-socials{justify-content:center;gap:11px;padding-top:13px;animation:.2s pane-in;display:flex}.dock-social{background:0 0;border-radius:11px;width:42px;height:42px;padding:0;position:relative}.dock-social img{width:42px;height:42px;position:absolute;inset:0}.dock-hover-icon{opacity:0}.dock-social:hover .dock-hover-icon,.dock-social.active .dock-hover-icon,.dock-social:focus-visible .dock-hover-icon{opacity:1}.contact-popover{z-index:100;color:#383540;width:320px;font-family:var(--font-sans);background:#fff;border:1px solid #e2dfe7;border-radius:18px;padding:10px 12px 12px;animation:.18s pane-in;position:fixed;box-shadow:0 20px 70px #23213530}.popover-title{justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.popover-title .icon-button{width:28px;height:28px}.contact-qr{object-fit:contain;aspect-ratio:1;background:0 0;border-radius:9px;max-width:100%;width:100%!important;height:auto!important}.contact-popover>p{color:#85808e;text-align:center;margin-top:6px;font-size:10px;line-height:1.7}.popover-link{border-top:1px solid #e9e5ef;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:11px;font-size:11px;display:flex}.link-popover{padding-bottom:8px}.back-to-top{z-index:60;color:#72707f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f6f8e8;border:1px solid #cfd1d9;width:36px;height:36px;position:fixed;bottom:25px;left:24px}.page-intro>.eyebrow{margin-bottom:25px}.page-intro h1{letter-spacing:-.055em;font-size:clamp(43px,5vw,67px);font-weight:550;line-height:1.3}.lang-en .page-intro h1{font-size:clamp(48px,5.8vw,77px);line-height:1.12}.page-intro-bottom{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:28px;display:flex}.page-intro-bottom>p{max-width:535px;color:var(--muted);font-size:14px;line-height:1.9}.index-count{color:var(--muted);flex-shrink:0;align-items:center;gap:20px;padding-bottom:5px;font-size:10px;display:flex}.filter-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin-top:55px;padding:19px 0;display:flex}.filter-tabs{flex-wrap:wrap;gap:4px;display:flex}.filter-tabs>button{color:#73727e;white-space:nowrap;background:0 0;border-radius:999px;padding:9px 15px;font-size:11px;transition:color .2s,background .2s}.filter-tabs>button.active{background:var(--ink);color:#fff}.search-field{color:#8e8b99;border-bottom:1px solid #0000;align-items:center;gap:9px;width:100%;max-width:255px;display:flex}.search-field input{width:100%;min-width:0;color:var(--ink);outline-offset:3px;background:0 0;border:0;padding:8px 0;font-size:11px}.search-field .icon-button{width:23px;height:23px}.result-status{color:#91909a;padding:18px 0 21px;font-size:9px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px;display:grid}.catalog-grid .project-card h3{font-size:24px}.catalog-grid .social-sketch{transform:scale(.9)}.catalog-grid .phone-front{top:3%}.catalog-grid .phone-back{top:10%}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:420px;display:flex}.empty-state>svg{color:#9e94ac}.empty-state h2{font-size:23px;font-weight:500}.empty-state>p{color:var(--muted);font-size:13px}.github-banner{background:#e9e8ef;border-radius:20px;align-items:center;gap:25px;margin-top:75px;padding:35px;display:flex}.github-banner h2{letter-spacing:-.04em;font-size:20px;font-weight:550}.github-banner p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.8}.github-banner>.button{margin-left:auto}.notebook-label{color:#89828f;align-items:center;gap:13px;font-size:11px;display:flex}.notebook-symbol{font-family:DM Serif Display,serif;font-size:35px}.quiet-label{color:#8e8896;font-size:10px}.notes-index{min-height:380px;margin-top:37px}.wechat-reading{background:#e6ebe5;border-radius:20px;align-items:center;gap:25px;margin-top:90px;padding:35px;display:flex}.wechat-reading-icon{color:#839580;background:#f3f6f0;border-radius:16px;place-items:center;width:64px;height:64px;display:grid}.wechat-reading h2{letter-spacing:-.05em;margin-top:7px;font-size:25px;font-weight:550}.wechat-reading p:not(.eyebrow){color:var(--muted);margin-top:8px;font-size:12px;line-height:1.7}.wechat-reading .button{flex-shrink:0;margin-left:auto}.about-page{padding-top:80px}.about-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:100px;display:grid}.about-hero .eyebrow{margin-bottom:25px}.about-hero h1{letter-spacing:-.06em;font-size:50px;font-weight:550;line-height:1.4}.lang-en .about-hero h1{font-size:58px;line-height:1.12}.about-hero>div>p:not(.eyebrow){max-width:505px;color:var(--muted);margin-top:24px;font-size:14px;line-height:1.95}.about-portrait{background:#e9e5ee;border:1px solid #fff;padding:14px 14px 68px;position:relative;transform:rotate(4deg);box-shadow:0 20px 35px #4e405c14}.about-portrait>img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.portrait-caption{letter-spacing:-.05em;font-size:22px;font-weight:700;position:absolute;bottom:16px;left:18px}.portrait-caption>span{color:#938899;letter-spacing:.1em;margin-top:2px;font-size:7px;font-weight:500;display:block}.portrait-motto{color:#7c668e;background:#d3c3e5;padding:22px 26px;font-size:24px;line-height:1.1;position:absolute;bottom:-27px;right:-21px;transform:rotate(-12deg);box-shadow:0 15px 23px #5a3d701c}.about-practice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:100px;padding:80px 0}.about-practice>div{grid-template-columns:repeat(3,1fr);gap:65px;margin-top:35px;display:grid}.about-practice h3{letter-spacing:-.04em;font-size:21px;font-weight:550}.about-practice p:not(.eyebrow){color:var(--muted);margin-top:17px;font-size:13px;line-height:1.9}.career-section{padding-top:90px}.career-layout{grid-template-columns:.65fr 1.35fr;gap:85px;margin-top:45px;display:grid}.career-aside{max-width:280px;color:var(--muted);font-size:13px;line-height:1.9}.career-timeline{border-left:1px solid #d0ccd8}.career-timeline article{grid-template-columns:138px 1fr;gap:18px;padding:0 0 36px 28px;display:grid;position:relative}.timeline-dot{border:2px solid var(--paper);box-sizing:content-box;background:#aaa0ba;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:-4px;transform:translate(-1px)}.career-timeline time{color:#8d8599;padding-top:5px;font-size:10px}.career-timeline h3{letter-spacing:-.04em;font-size:21px;font-weight:600}.career-timeline h3>span{color:#766d80;letter-spacing:0;margin-top:8px;font-size:11px;font-weight:400;display:block}.career-timeline p{color:#8b8493;margin-top:10px;font-size:12px;line-height:1.9}.career-timeline small{color:#9c95a4;margin-top:9px;font-size:8px;display:block}.recognition-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:.65fr 1.35fr;gap:85px;margin-top:45px;padding:34px 0;display:grid}.recognition-section h2{letter-spacing:-.04em;font-size:22px;font-weight:550}.recognition-section p:not(.eyebrow){color:var(--muted);margin-top:14px;font-size:12px;line-height:1.9}.elsewhere-section{padding:95px 0 110px}.elsewhere-grid{grid-template-columns:1fr 1fr;gap:0 40px;display:grid}.elsewhere-grid>a{border-bottom:1px solid var(--line);align-items:center;gap:23px;padding:26px 0;display:flex}.elsewhere-grid h3{font-size:18px;font-weight:550}.elsewhere-grid p{color:var(--muted);margin-top:6px;font-size:10px}.elsewhere-grid>a>svg:last-child{margin-left:auto;transition:transform .2s}.elsewhere-grid>a:hover>svg:last-child{transform:translate(2px,-2px)}.red-book-icon{border:1px solid #aca1b7;border-radius:6px;width:25px;padding:6px 1px;font-size:7px;font-weight:700}.detail-page{padding-top:38px;padding-bottom:90px}.back-link{color:var(--muted);align-items:center;gap:11px;padding:10px 0;font-size:11px;display:inline-flex}.back-link:hover{color:var(--ink)}.detail-header{padding:47px 0 42px}.detail-eyebrow{justify-content:space-between;align-items:center;gap:20px;display:flex}.status-label{color:#887c97;border:1px solid #d9d5df;border-radius:6px;padding:6px 10px;font-size:9px}.detail-project-name{color:#96909e;margin-top:35px;font-size:15px}.detail-header h1{letter-spacing:-.05em;max-width:1000px;margin-top:13px;font-size:48px;font-weight:550;line-height:1.45}.lang-en .detail-header h1{letter-spacing:-.055em;font-size:58px;line-height:1.14}.detail-description{max-width:710px;color:var(--muted);margin-top:23px;font-size:14px;line-height:1.9}.detail-tags{flex-wrap:wrap;gap:16px;margin-top:23px;display:flex}.detail-tags>span{color:#9b92a6;font-size:9px}.detail-hero-art{border-radius:22px;overflow:hidden}.detail-hero-art .project-art{height:560px}.detail-hero-art .screenshot-browser{width:88%;height:93%;transform:rotate(-1deg)}.detail-hero-art .browser-chrome{height:30px}.detail-hero-art .browser-chrome>span{font-size:9px}.detail-hero-art .screenshot-browser>img{object-fit:cover}.detail-hero-art .social-sketch{width:620px;transform:scale(1.25)}.detail-hero-art .frame-sketch{width:480px;padding:40px}.detail-hero-art .frame-logo b{font-size:30px}.detail-hero-art .frame-sketch>p{margin-top:16px;font-size:12px}.detail-hero-art .frame-queue>div{gap:15px;padding-block:20px}.detail-hero-art .frame-queue>div>span:nth-child(2){font-size:12px}.detail-hero-art .frame-queue small{font-size:9px}.detail-hero-art .frame-queue b{font-size:11px}.detail-hero-art .code-sketch{width:490px;padding:35px}.detail-hero-art .code-sketch pre{font-size:16px}.detail-hero-art .code-sketch>div{font-size:13px}.detail-hero-art .code-sketch>p{font-size:11px}.case-layout{grid-template-columns:225px minmax(0,1fr);gap:90px;max-width:1100px;margin-inline:auto;padding-top:70px;display:grid}.case-sidebar{align-self:start;position:sticky;top:120px}.case-sidebar>div{margin-bottom:24px}.case-sidebar>div>span{color:#a197ac;letter-spacing:.08em;font-size:9px}.case-sidebar>div>p{margin-top:10px;font-size:12px;line-height:1.8}.case-sidebar nav{border-top:1px solid var(--line);flex-direction:column;gap:5px;margin-top:30px;margin-bottom:20px;padding-top:18px;display:flex}.case-sidebar nav>a{color:#8e839a;padding:7px 0;font-size:11px}.case-sidebar nav>a:hover{color:var(--ink)}.case-sidebar .button{width:100%;margin-top:10px}.case-body>section{padding-bottom:58px;scroll-margin-top:120px}.case-body>section>.eyebrow{color:#a498af;margin-bottom:17px}.case-body h2{letter-spacing:-.04em;font-size:29px;font-weight:550;line-height:1.5}.case-body section>p:not(.eyebrow){color:#746d7c;margin-top:21px;font-size:15px;line-height:2}.decision-list{margin-top:25px}.decision-list>div{border-bottom:1px solid var(--line);gap:21px;padding:27px 0;display:flex}.decision-list>div:first-child{border-top:1px solid var(--line)}.decision-marker{color:#a193af;margin-top:1px}.decision-list h3{letter-spacing:-.025em;font-size:19px;font-weight:550}.decision-list p{color:#817687;margin-top:12px;font-size:14px;line-height:1.95}.case-gallery figure{margin:0 0 35px}.case-gallery img{border-radius:12px;width:100%;height:auto}.case-gallery figcaption{color:#95899d;margin-top:12px;font-size:10px;line-height:1.8}.case-body .reflection-text{color:#78618e;font-family:DM Serif Display,Songti SC,serif;font-size:20px;line-height:1.9}.case-boundary{border-top:1px solid var(--line);color:#9c90a4;align-items:flex-start;gap:12px;margin-top:30px;padding-top:22px;display:flex}.case-boundary>svg{flex-shrink:0;margin-top:2px}.case-boundary>p{font-size:11px;line-height:1.9}.related-section{border-top:1px solid var(--line);margin-top:30px;padding-top:55px}.related-section .section-heading h2{font-size:32px}.related-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.race-sketch{color:#e2e9f4;width:76%}.race-sketch>span{letter-spacing:.02em;font-size:11px}.race-sketch h4{letter-spacing:-.05em;margin-top:15px;font-size:43px;font-weight:600;line-height:.95}.race-sketch h4>em{color:#b6a9d4;font-family:DM Serif Display,serif;font-weight:400}.race-track{gap:10px;margin-top:23px;display:grid}.race-track>div{border-bottom:1px dashed #5f6f8a;align-items:center;gap:10px;width:100%;padding-bottom:6px;display:flex}.race-track>div>span{background:#c9b5df;border-radius:4px;height:5px;position:relative}.race-track>div:nth-child(2)>span{background:#d9b8a0}.race-track>div:nth-child(3)>span{background:#9bc2c4}.race-track i{color:#675a80;background:#d9c9ef;border-radius:5px;place-items:center;width:18px;height:18px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-6px;right:0}.race-track b{color:#9daabe;margin-left:auto;font-size:8px}.room-sketch{background:#f6f8fa;border:1px solid #fff;border-radius:15px;width:75%;padding:22px;transform:rotate(-3deg);box-shadow:0 17px 24px #4355771e}.room-sketch>p{margin-bottom:15px;font-size:14px;font-weight:600}.room-sketch>div{border-top:1px solid #e6eaf0;align-items:center;gap:12px;padding:10px 0;display:flex}.room-sketch b{flex:1;font-size:9px}.room-sketch small{color:#9c9daa;margin-top:4px;font-size:6px;font-weight:400;display:block}.room-tile{color:#9881ad;background:#d8cbe7;border-radius:7px;place-items:center;width:40px;height:40px;display:grid}.room-tile.tile-1{color:#8da99c;background:#d7e5e0}.room-tile.tile-2{color:#b09c7d;background:#e9e0d1}.decision-demo,.direction-demo{background:#ebe8f0;border-radius:17px;margin-bottom:55px;padding:27px}.demo-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.demo-header h3{margin-top:8px;font-size:16px;font-weight:550}.demo-header .eyebrow{font-size:8px}.segmented-control{border:1px solid #d1c8dd;border-radius:8px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.segmented-control>button{color:#9d8fac;background:0 0;border-radius:5px;padding:8px;font-size:9px}.demo-room-card{background:#f9f7fc;border:1px solid #fff;border-radius:12px;align-items:center;gap:19px;margin-top:26px;padding:20px;display:flex}.demo-room-cover{color:#9782ae;background:#cbb8df;border-radius:9px;flex-shrink:0;place-items:center;width:70px;height:77px;font-size:37px;display:grid}.demo-room-card small{color:#a18eaf;font-size:8px}.demo-room-card h4{margin-top:8px;font-size:14px;font-weight:550}.demo-room-card p{color:#9a90a2;margin-top:9px;font-size:10px;line-height:1.7}.demo-note{color:#9b8ea4;margin-top:17px;font-size:10px;line-height:1.8}.direction-example{background:#fdfbff;border-radius:12px;margin-top:25px;padding:16px 20px}.direction-title{border-bottom:1px solid #eee8f4;justify-content:space-between;align-items:center;padding-bottom:17px;font-size:12px;display:flex}.direction-title>span:last-child{width:19px}.direction-message{align-items:center;gap:13px;padding:20px 0 5px;display:flex}.example-avatar{color:#fff;background:#cdbadd;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.direction-message strong{font-size:12px}.direction-message p{color:#9a8da5;margin-top:4px;font-size:10px}.direction-message time{color:#b0a6b8;margin-inline-start:auto;font-size:9px}.habitat-sketch{background:#dfe9e3;width:100%;height:100%;min-height:270px;position:relative;overflow:hidden}.island-base{background:#b2cab8;border-radius:40%;width:225px;height:145px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)skew(15deg);box-shadow:-8px 20px #97b7a2,-8px 23px #8daa94,-12px 30px 32px #59765f23}.island-path{background:#d8d7c2;border-radius:20px;width:140px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-24deg)}.path-b{width:95px;transform:translate(-50%,-50%)rotate(55deg)}.island-house{z-index:2;background:#f1e9d7;width:42px;height:37px;position:absolute;transform:skewY(-8deg);box-shadow:9px 6px #d5cdb8}.island-house:before{content:"";clip-path:polygon(50% 0,100% 60%,85% 100%,0 67%);background:#aa94b4;width:54px;height:29px;position:absolute;top:-20px;left:-6px}.island-house>span{background:#b7cbd1;width:9px;height:15px;margin-top:9px;margin-left:8px;display:block}.island-house>i{background:#b9aa96;width:9px;height:17px;position:absolute;bottom:0;right:6px}.house-a{top:45%;left:37%}.house-b{top:37%;left:57%;transform:scale(.9)skewY(-8deg)}.house-b:before{background:#97a7c5}.house-c{top:61%;left:55%;transform:scale(.7)skewY(-8deg)}.house-c:before{background:#baab83}.island-tree{z-index:3;background:#8eae98;border-radius:60% 60% 35% 35%;width:23px;height:36px;position:absolute;box-shadow:5px 3px #7f9f86}.island-tree:after{content:"";background:#9d947c;width:4px;height:12px;position:absolute;bottom:-9px;left:10px}.tree-a{top:49%;left:27%}.tree-b{top:48%;left:67%;transform:scale(.8)}.tree-c{top:25%;left:44%;transform:scale(.6)}.island-person{z-index:4;background:#9b85b3;border-radius:4px 4px 2px 2px;width:9px;height:13px;position:absolute}.island-person>span{background:#e2c2ae;border-radius:50%;width:7px;height:7px;display:block;position:absolute;top:-6px;left:1px}.person-a{top:53%;left:49%}.person-b{background:#8ca6bd;top:57%;left:58%}.island-bubble{color:#839a87;z-index:5;background:#fcfdfb;border-radius:10px;padding:10px 12px;font-size:8px;position:absolute;top:18%;left:29%;box-shadow:0 5px 13px #7b958219}.island-action{color:#587362;white-space:nowrap;background:#fcfdfbcc;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:8px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.house-a.working:before{background:#b6a4d0}.habitat-live-demo{margin-bottom:50px}.habitat-live-demo>.habitat-sketch{border-radius:20px;height:390px}.detail-hero-art .habitat-sketch{max-width:750px;height:100%;transform:scale(1.25)}.article-page{padding-top:38px;padding-bottom:95px}.reading-progress{transform-origin:0;z-index:80;background:#a28dbb;width:100%;height:2px;position:fixed;top:87px;left:0}.article-header{max-width:900px;margin:auto;padding:32px 0 40px}.article-header .article-card-meta{justify-content:flex-start;gap:20px;margin-top:0}.article-header h1{letter-spacing:-.05em;margin-top:26px;font-size:48px;font-weight:550;line-height:1.45}.lang-en .article-header h1{font-size:59px;line-height:1.15}.article-header>p{color:#8c8095;max-width:780px;margin-top:23px;font-size:16px;line-height:1.9}.article-byline{align-items:center;gap:12px;margin-top:30px;display:flex;position:relative}.article-byline>img{object-fit:cover;border-radius:50%;width:35px;height:35px}.article-byline>span{font-size:11px}.article-byline small{color:#9e91a8;margin-top:3px;font-size:8px;display:block}.article-byline>button{margin-left:auto;font-size:10px}.share-feedback{color:#a08daa;position:absolute;top:44px;right:0;font-size:9px!important}.article-cover .article-art{height:370px}.article-cover .article-art>*{scale:1.5}.article-cover .prompt-bracket{scale:1.3}.article-cover .article-art-ai{gap:70px}.article-cover .material-page{transform:rotate(-12deg)translate(-35px)}.article-cover .material-page.second{transform:rotate(9deg)translate(42px,8px)}.article-layout{grid-template-columns:210px minmax(0,1fr);gap:70px;max-width:1070px;margin-inline:auto;padding-top:65px;display:grid}.article-toc{flex-direction:column;align-self:start;gap:17px;display:flex;position:sticky;top:125px}.article-toc>.eyebrow{margin-bottom:4px;font-size:9px}.article-toc>a{color:#9b8ca5;font-size:11px;line-height:1.7}.article-toc>a:hover{color:#574460}.article-prose section{margin-bottom:45px;scroll-margin-top:120px}.article-prose h2{letter-spacing:-.035em;margin-bottom:20px;font-size:26px;font-weight:550;line-height:1.6}.article-prose p{color:#756b7d;margin-top:18px;font-size:15px;line-height:2.05}.article-prose blockquote{color:#8a709e;border-left:2px solid #c1acd1;margin:50px 0 30px;padding:0 0 0 25px;font-family:DM Serif Display,Songti SC,serif;font-size:25px;line-height:1.7}.article-prose .article-colophon{color:#afa3b6;font-size:10px;line-height:1.9}.article-related-project{background:#ebe6f0;border-radius:13px;align-items:center;gap:17px;margin-top:35px;padding:23px;display:flex}.layers-glyph{color:#9e82b5;background:#d6c7e2;border-radius:9px;place-items:center;width:40px;height:40px;font-size:25px;display:grid}.article-related-project small{color:#a18dae;letter-spacing:.06em;font-size:8px}.article-related-project strong{margin-top:5px;font-size:17px;font-weight:550;display:block}.article-related-project>svg{color:#a18dae;margin-left:auto}.next-note{border-top:1px solid var(--line);margin-top:60px;padding-top:30px;padding-right:40px;display:block;position:relative}.next-note>span{color:#a390b0;letter-spacing:.06em;font-size:9px}.next-note h3{letter-spacing:-.04em;margin-top:12px;font-size:24px;font-weight:500;line-height:1.6}.next-note>svg{color:#9b86a9;position:absolute;top:51px;right:0}.not-found{min-height:650px;padding-block:140px}.not-found h1{letter-spacing:-.06em;margin-top:25px;font-size:50px;font-weight:500}.not-found>p:not(.eyebrow){color:var(--muted);margin-top:25px;font-size:14px}.not-found .button{margin-top:40px}.project-card-meta,.article-card-meta,.result-status,.quiet-label,.case-sidebar>div>span,.case-sidebar nav>a,.article-toc>a,.detail-tags>span,.career-timeline time{color:var(--muted)}.decision-list p,.career-timeline p,.case-boundary,.demo-note,.case-gallery figcaption,.article-prose .article-colophon{color:#746d7c}@keyframes pane-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.home-hero{padding-top:90px;padding-bottom:35px}.hero-workbench{height:515px}.hero-window{height:350px;top:92px}.hero-sticker{bottom:44px}.system-sketch{padding-top:25px}.type-specimen{font-size:79px}.swatch-row i{height:37px}.hero-copy h1{font-size:60px}.lang-en .hero-copy h1{font-size:69px}}@media (width<=1150px){.container{width:calc(100% - 64px)}.header-inner{width:calc(100% - 48px)}.wordmark small{display:none}.desktop-nav{gap:25px}.home-hero{column-gap:30px;padding-top:50px}.hero-copy h1{font-size:43px}.hero-workbench{height:425px}.hero-window{width:calc(100% - 44px);height:300px;top:77px;left:20px}.system-sketch{padding:18px 22px}.swatch-row{gap:6px}.swatch-row i{height:28px}.type-specimen{gap:15px;font-size:58px}.type-specimen>span{font-size:12px}.floating-note{padding:12px;font-size:8px;top:100px;right:-12px}.hero-sticker{padding:10px;bottom:18px;left:-8px}.hero-sticker>span{font-size:10px}.hero-sticker>svg{margin-left:6px}.workbench-caption{font-size:7px;bottom:-16px}.hero-description{font-size:13px}.hero-motto{font-size:17px}.hero-ctas{gap:9px}.hero-ctas .button{padding-inline:17px;font-size:12px}.systems-section{gap:55px}.about-preview{grid-template-columns:185px 1fr;gap:35px;padding-inline:40px}.site-footer{padding-inline:32px}.about-hero{gap:60px}.about-hero h1{font-size:43px}.case-layout{grid-template-columns:195px 1fr;gap:55px}.case-body h2{font-size:26px}.career-layout,.recognition-section{gap:50px}.footer-bottom{grid-template-columns:.8fr 1.3fr .8fr;gap:20px}.footer-socials{gap:10px 12px}}@media (width<=900px){.desktop-nav,.header-email{display:none}.menu-toggle{display:grid}.header-actions{gap:12px}.mobile-navigation{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#f9f9fcee;border:1px solid #ded9e7;border-radius:19px;flex-direction:column;padding:16px 22px;display:flex;position:absolute;top:76px;left:24px;right:24px;box-shadow:0 20px 40px #3c2e551a}.mobile-navigation>a{justify-content:space-between;align-items:center;padding:18px 5px;font-size:16px;display:flex}.mobile-navigation>a:not(:last-child){border-bottom:1px solid var(--line)}.mobile-navigation>a[aria-current=page]{color:#a58abb}.mobile-navigation .mobile-email{color:#9683a4;font-size:12px}.home-hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:45px}.hero-copy h1{letter-spacing:-.065em;font-size:34px}.hero-copy .hello-line{margin-bottom:23px}.hero-description{font-size:12px;line-height:1.9}.hero-ctas{gap:9px;margin-top:25px}.hero-ctas .button{gap:8px;min-height:44px;padding-inline:15px;font-size:10px}.hero-motto{margin-top:25px;font-size:14px}.hero-workbench{height:385px}.hero-window{height:265px;top:68px}.workbench-dots{border-radius:24px}.workbench-controls{left:10px}.workbench-controls button{padding:8px 11px;font-size:9px}.floating-note{gap:5px;padding:10px;font-size:7px;top:112px;right:-10px}.floating-note svg{width:11px}.note-status{width:4px;height:4px}.hero-sticker{gap:7px;bottom:12px}.hero-sticker>img{border-radius:8px;width:32px;height:32px}.hero-sticker>span{font-size:8px}.hero-sticker small{font-size:7px}.hero-sticker>svg{width:14px}.system-sketch{padding:16px 18px}.system-sketch-title{font-size:10px}.swatch-row i{height:26px}.type-specimen{font-size:47px}.type-specimen>span{font-size:9px}.system-components{gap:9px}.sketch-tag{padding:6px 8px;font-size:6px}.sketch-grid{height:10px;margin-top:10px}.hero-bottom{padding-top:25px;font-size:9px}.experience-strip>div{gap:25px}.experience-strip>div>div>span{font-size:15px}.experience-strip>div>span{font-size:8px}.experience-strip>div>div{gap:18px}.section{padding-block:75px}.section-heading h2,.systems-intro h2{font-size:33px}.lang-en .section-heading h2,.lang-en .systems-intro h2{font-size:40px}.section-heading{margin-bottom:32px}.selected-cases{gap:25px}.selected-cases>.project-card:first-child .project-art{height:490px}.selected-cases>.compact .project-art{height:170px;padding-inline:20px}.project-card h3{font-size:21px}.selected-cases>.compact h3{font-size:17px}.selected-cases .social-sketch{transform:scale(.85)}.social-phone{width:140px}.phone-front{width:153px;left:40%}.phone-back{left:5%}.project-card-body>p{font-size:11px}.project-card-meta{font-size:8px}.home-builds .project-art{height:235px;padding-inline:20px}.home-builds .illustrated{padding:0}.frame-sketch{width:85%;padding:18px}.frame-queue>div{gap:6px}.frame-queue>div>span:nth-child(2){font-size:7px}.frame-logo b{font-size:16px}.frame-sketch>p{font-size:7px}.frame-queue{margin-top:11px}.frame-queue>div{padding:8px 0}.file-glyph{width:22px;height:26px}.frame-queue>div>svg{width:11px}.build-grid{gap:30px 22px}.systems-section{grid-template-columns:.85fr 1.15fr;gap:40px}.systems-intro>p:last-child{font-size:12px}.practice-links>a{gap:16px}.practice-links h3{font-size:13px}.practice-links p{font-size:10px}.notes-grid{gap:20px}.article-art{height:170px}.article-card h3{font-size:16px}.article-card-meta{flex-wrap:wrap;gap:8px;font-size:8px}.article-card p{font-size:11px}.prompt-bracket{font-size:85px}.prompt-spark{border-radius:16px;width:61px;height:61px}.prompt-spark svg{width:32px}.article-art-ai{gap:15px}.about-preview{grid-template-columns:140px 1fr;gap:30px;padding:40px}.portrait-stamp{width:130px;height:155px}.about-preview h2{font-size:24px}.about-preview p:not(.eyebrow){font-size:12px}.footer-heading h2{font-size:52px}.footer-arrow{width:80px;height:80px}.footer-arrow svg{width:43px;height:43px}.footer-bottom{grid-template-columns:1fr 1fr}.footer-socials{justify-content:flex-end}.footer-bottom>p{text-align:left;grid-column:1/-1;justify-content:space-between;display:flex}.index-page{padding-top:55px}.filter-toolbar{flex-direction:column;align-items:flex-start;gap:14px;margin-top:40px}.search-field{max-width:100%}.filter-tabs{gap:2px}.filter-tabs>button{padding:8px 13px}.catalog-grid .project-art{height:260px}.catalog-grid .social-sketch{flex-shrink:0;width:390px;transform:scale(.75)}.catalog-grid .social-phone{top:0}.catalog-grid .phone-back{top:7%;left:16%}.catalog-grid .phone-front{left:45%}.catalog-grid .social-sticker{display:none}.catalog-grid .project-card h3{font-size:21px}.github-banner{gap:18px;padding:26px}.github-banner h2{font-size:17px}.github-banner>svg{width:25px}.github-banner p{font-size:11px}.about-hero{gap:38px}.about-hero h1{font-size:34px}.lang-en .about-hero h1{font-size:42px}.about-hero>div>p:not(.eyebrow){font-size:12px}.portrait-motto{padding:16px 21px;font-size:20px}.about-practice>div{gap:25px}.about-practice h3{font-size:18px}.about-practice p:not(.eyebrow){font-size:12px}.career-layout{grid-template-columns:.6fr 1.4fr;gap:30px}.career-timeline article{grid-template-columns:1fr;gap:10px;padding-left:24px}.career-timeline time{font-size:9px}.recognition-section{grid-template-columns:.6fr 1.4fr;gap:30px}.recognition-section h2{font-size:20px}.detail-header h1{font-size:39px}.lang-en .detail-header h1{font-size:48px}.detail-hero-art .project-art{height:400px}.case-layout{grid-template-columns:165px minmax(0,1fr);gap:35px}.case-sidebar>div>p{font-size:11px}.case-body h2{font-size:24px}.case-body section>p:not(.eyebrow){font-size:14px}.decision-list h3{font-size:17px}.decision-list p{font-size:13px}.decision-list>div{gap:14px}.demo-header{flex-direction:column;align-items:flex-start}.demo-room-card{gap:13px;padding:14px}.demo-room-cover{width:45px;height:60px}.article-header h1{font-size:42px}.lang-en .article-header h1{font-size:49px}.article-layout{grid-template-columns:160px minmax(0,1fr);gap:40px}.article-prose h2{font-size:24px}.article-prose p{font-size:14px}.article-toc>a{font-size:10px}.article-cover .article-art{height:310px}.hero-build-preview h3{font-size:30px}.hero-build-preview{padding:20px}.hero-build-preview .mini-source{margin-top:12px}.hero-window .island-base{scale:.85}.hero-window .island-house{scale:.8}.hero-window .island-bubble{font-size:6px;left:21%}}@media (width<=680px){.container,.header-inner{width:calc(100% - 40px)}.site-header{height:72px}.wordmark>img{border-radius:9px;width:32px;height:32px}.wordmark>span{font-size:24px}.language-switch{min-width:65px;height:40px;font-size:10px}.header-actions{gap:9px}.mobile-navigation{top:65px;left:15px;right:15px}.home-hero{flex-direction:column;align-items:stretch;gap:0;padding-top:39px;padding-bottom:14px;display:flex}.hello-line{font-size:11px;margin-bottom:23px!important}.hello-avatar img{width:26px;height:26px}.hero-copy h1{letter-spacing:-.06em;font-size:clamp(31px,7.35vw,48px);line-height:1.4}.lang-en .hero-copy h1{max-width:500px;font-size:clamp(41px,10vw,61px);line-height:1.1}.hero-description{max-width:420px;margin-top:20px;font-size:12px;line-height:1.95}.hero-ctas{gap:10px;margin-top:24px}.hero-ctas .button{gap:12px;min-height:46px;padding-inline:20px;font-size:11px}.hero-motto{margin-top:23px;font-size:16px}.hero-workbench{width:100%;height:415px;margin-top:36px}.workbench-dots{inset:33px 2px 20px}.hero-window{width:calc(100% - 56px);height:292px;top:72px;left:28px}.workbench-controls{top:10px;left:16px}.workbench-controls button{padding:8px 13px;font-size:10px}.system-sketch{padding:19px 23px}.swatch-row i{height:30px}.type-specimen{gap:25px;font-size:62px}.type-specimen>span,.system-sketch-title{font-size:11px}.system-components{margin-top:11px}.sketch-tag{font-size:7px}.sketch-grid{height:12px;margin-top:13px}.floating-note{padding:11px;font-size:8px;top:97px;right:2px}.hero-sticker{padding:11px;bottom:20px;left:9px;transform:rotate(3deg)}.hero-sticker>img{width:35px;height:35px}.hero-sticker>span{font-size:9px}.hero-sticker small{font-size:7px}.workbench-caption{font-size:7px;bottom:-9px;right:15px}.hero-bottom{gap:15px;padding-top:41px;font-size:8px}.hero-bottom>span,.hero-bottom>a{gap:7px}.experience-strip{margin-top:9px}.experience-strip>div{flex-direction:column;justify-content:center;gap:19px;min-height:105px}.experience-strip>div>span{font-size:8px}.experience-strip>div>div{flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.experience-strip>div>div>span{margin-inline:6px;font-size:14px}.section{padding-block:62px}.section-heading{align-items:flex-end;gap:18px;margin-bottom:28px}.section-heading h2,.systems-intro h2{font-size:29px}.lang-en .section-heading h2,.lang-en .systems-intro h2{font-size:33px}.section-heading .eyebrow{margin-bottom:15px;font-size:9px}.section-heading>.text-link{white-space:nowrap;gap:5px;font-size:9px}.section-heading>.text-link svg{width:14px}.selected-cases{grid-template-columns:1fr;gap:29px}.selected-cases>.project-card:first-child{grid-row:auto}.selected-cases>.project-card:first-child .project-art{height:360px}.selected-cases .social-sketch{flex-shrink:0;width:400px;transform:scale(.95)}.selected-cases .phone-back{top:17%;left:12%}.selected-cases .phone-front{top:5%;left:46%}.selected-cases>.compact .project-art{padding-inline:22px;height:237px;padding-top:25px}.project-card h3,.selected-cases>.compact h3{font-size:21px}.project-card-body,.selected-cases>.compact .project-card-body{padding-top:14px}.project-card-meta{font-size:9px}.project-card-body>p,.selected-cases>.compact .project-card-body>p{margin-top:7px;font-size:12px}.selected-cases>.compact .card-read{display:flex}.media-status{bottom:12px;left:13px}.project-art{border-radius:16px}.project-card-media{border-radius:17px}.build-section .section{padding-top:61px}.section-lead{margin-top:-9px;margin-bottom:26px;font-size:12px;line-height:1.9}.build-grid{grid-template-columns:1fr;gap:30px}.home-builds .project-art{padding-inline:23px;height:260px;padding-top:26px}.home-builds .illustrated{padding:0}.home-builds .project-card h3{font-size:21px}.home-builds .project-card-body{padding-top:14px}.frame-sketch{width:80%;padding:22px}.frame-logo b{font-size:20px}.frame-sketch>p{font-size:8px}.frame-queue>div{gap:9px;padding:9px 0}.frame-queue>div>span:nth-child(2){font-size:8px}.lab-invitation{border-radius:13px;gap:13px;margin-top:35px;padding:19px 16px}.lab-glyph{flex-shrink:0;width:38px;height:38px}.lab-glyph>svg{width:20px}.lab-invitation strong{font-size:12px}.lab-invitation p{font-size:9px;line-height:1.7}.lab-invitation .round-arrow{flex-shrink:0;width:28px;height:28px}.round-arrow>svg{width:17px}.systems-section{grid-template-columns:1fr;gap:31px}.systems-intro .eyebrow{margin-bottom:15px;font-size:9px}.systems-intro>p:last-child{max-width:100%;margin-top:18px}.practice-links>a{gap:17px;padding-block:23px}.practice-links h3{font-size:14px}.practice-links p{font-size:10px}.notes-grid{grid-template-columns:1fr;gap:33px}.article-art{border-radius:14px;height:220px}.article-card-meta{flex-wrap:nowrap;margin-top:16px;font-size:9px}.article-card h3{margin-top:9px;font-size:20px}.article-card p{margin-top:9px;font-size:12px}.article-card .card-read{margin-top:13px}.article-art-ai{gap:28px}.prompt-bracket{font-size:108px}.prompt-spark{width:78px;height:78px}.prompt-spark>svg{width:42px}.about-preview{border-radius:17px;grid-template-columns:1fr;gap:31px;margin-bottom:60px;padding:32px 25px}.portrait-stamp{width:108px;height:129px;padding:6px 6px 23px;transform:rotate(-6deg)}.stamp-label{font-size:6px;bottom:8px;left:9px}.about-preview h2{margin-top:11px;font-size:25px}.about-preview p:not(.eyebrow){font-size:12px}.about-preview .eyebrow{font-size:8px}.about-preview .text-link{font-size:11px}.site-footer{padding:51px 20px 100px}.footer-heading{align-items:flex-start;gap:15px;margin-top:18px}.footer-heading h2{font-size:38px}.lang-en .footer-heading h2{font-size:46px}.footer-arrow{flex-shrink:0;width:54px;height:54px;margin-top:7px}.footer-arrow svg{width:31px;height:31px}.footer-email-row{gap:12px;margin-top:23px}.footer-email-row>a{letter-spacing:-.04em;font-size:17px}.footer-top{padding-bottom:33px}.footer-bottom{grid-template-columns:1fr;gap:24px;padding-top:25px}.footer-socials{justify-content:flex-start;gap:14px 22px}.footer-bottom>p{gap:15px}.footer-brand small{font-size:9px}.contact-dock{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:17px;width:246px;padding:9px}.dock-name{font-size:11px}.dock-name>small{margin-top:5px;font-size:5px}.dock-avatar>img{border-radius:9px;width:34px;height:34px}.dock-heading{gap:9px}.dock-toggle{width:22px;height:22px}.dock-toggle>svg{width:13px}.dock-social,.dock-social img{width:37px;height:37px}.dock-socials{gap:7px;padding-top:11px}.contact-popover{max-width:calc(100vw - 24px)}.back-to-top{width:32px;height:32px;bottom:21px;left:14px}.index-page{padding-top:40px;padding-bottom:65px}.page-intro>.eyebrow{margin-bottom:19px;font-size:9px}.page-intro h1{font-size:35px;line-height:1.4}.lang-en .page-intro h1{font-size:44px}.page-intro-bottom{flex-direction:column;align-items:flex-start;gap:22px;margin-top:22px}.page-intro-bottom>p{font-size:12px;line-height:1.95}.index-count{gap:15px;font-size:9px}.filter-toolbar{gap:15px;margin-top:30px;padding-block:14px}.filter-tabs{gap:2px}.filter-tabs>button{padding:8px 12px;font-size:10px}.search-field input{padding-block:9px;font-size:11px}.result-status{padding-block:18px;font-size:9px}.catalog-grid{grid-template-columns:1fr;gap:33px}.catalog-grid .project-art{height:260px}.catalog-grid .social-sketch{transform:scale(.8)}.catalog-grid .phone-back{top:4%;left:15%}.catalog-grid .phone-front{left:46%}.catalog-grid .project-card h3{font-size:21px}.github-banner{flex-wrap:wrap;gap:20px;margin-top:45px;padding:25px}.github-banner>div{flex:1}.github-banner .button{margin-left:44px}.github-banner h2{font-size:17px;line-height:1.5}.github-banner>svg{align-self:flex-start;margin-top:5px}.github-banner p{font-size:11px}.notebook-label{font-size:10px}.quiet-label{display:none}.notes-index{min-height:0;margin-top:28px}.wechat-reading{flex-wrap:wrap;gap:17px;margin-top:52px;padding:25px}.wechat-reading-icon{border-radius:11px;width:42px;height:42px}.wechat-reading-icon>svg{width:23px}.wechat-reading>div:nth-child(2){flex:1}.wechat-reading .eyebrow{font-size:7px}.wechat-reading h2{font-size:20px}.wechat-reading p:not(.eyebrow){font-size:10px}.wechat-reading .button{gap:10px;min-height:41px;margin-left:59px;padding-inline:15px;font-size:10px}.about-page{padding-top:40px}.about-hero{grid-template-columns:1fr;gap:48px}.about-hero .eyebrow{margin-bottom:20px;font-size:9px}.about-hero h1{font-size:36px;line-height:1.4}.lang-en .about-hero h1{font-size:43px}.about-hero>div>p:not(.eyebrow){margin-top:19px;font-size:12px}.about-portrait{width:80%;max-width:310px;margin:0 auto;padding:11px 11px 62px;transform:rotate(3deg)}.portrait-motto{padding:19px 22px;font-size:22px}.about-practice{margin-top:85px;padding-block:40px}.about-practice>div{grid-template-columns:1fr;gap:30px;margin-top:30px}.about-practice h3{font-size:20px}.about-practice p:not(.eyebrow){margin-top:10px;font-size:12px}.career-section{padding-top:58px}.career-layout{grid-template-columns:1fr;gap:30px;margin-top:22px}.career-aside{max-width:100%;font-size:12px}.career-timeline{margin-left:3px}.career-timeline article{grid-template-columns:109px 1fr;gap:12px;padding-bottom:31px;padding-left:21px}.career-timeline h3{font-size:19px}.career-timeline h3>span{font-size:10px}.career-timeline time{font-size:8px}.career-timeline p{font-size:11px}.career-timeline small{font-size:7px}.recognition-section{grid-template-columns:1fr;gap:17px;margin-top:25px}.recognition-section .eyebrow{font-size:9px}.recognition-section h2{font-size:20px;line-height:1.6}.recognition-section p:not(.eyebrow){font-size:11px}.elsewhere-section{padding-block:60px}.elsewhere-grid{grid-template-columns:1fr}.elsewhere-grid>a{gap:20px;padding-block:23px}.elsewhere-grid h3{font-size:17px}.detail-page{padding-top:21px;padding-bottom:60px}.back-link{font-size:10px}.detail-header{padding-top:27px;padding-bottom:29px}.detail-eyebrow{align-items:flex-start;gap:10px}.detail-eyebrow .eyebrow{max-width:70%;font-size:8px}.status-label{white-space:nowrap;padding:5px 7px;font-size:7px}.detail-project-name{margin-top:25px;font-size:12px}.detail-header h1{margin-top:13px;font-size:31px;line-height:1.5}.lang-en .detail-header h1{font-size:38px}.detail-description{margin-top:19px;font-size:12px}.detail-tags{gap:12px;margin-top:20px}.detail-tags>span{font-size:8px}.detail-hero-art{border-radius:16px}.detail-hero-art .project-art{height:280px;padding:20px 15px 0}.detail-hero-art .illustrated{padding:0}.detail-hero-art .screenshot-browser{width:100%;height:100%}.detail-hero-art .browser-chrome{height:21px}.detail-hero-art .browser-chrome>span{font-size:6px}.detail-hero-art .social-sketch{flex-shrink:0;width:400px;transform:scale(.77)}.detail-hero-art .phone-back{top:0;left:10%}.detail-hero-art .phone-front{top:-4%;left:44%}.detail-hero-art .social-sticker{display:none}.detail-hero-art .frame-sketch{width:83%;padding:20px}.detail-hero-art .frame-logo b{font-size:18px}.detail-hero-art .frame-sketch>p{margin-top:8px;font-size:8px}.detail-hero-art .frame-queue>div{gap:10px;padding:10px 0}.detail-hero-art .frame-queue>div>span:nth-child(2){font-size:8px}.detail-hero-art .frame-queue small{font-size:6px}.detail-hero-art .frame-queue b{font-size:7px}.detail-hero-art .code-sketch{width:84%;padding:20px}.detail-hero-art .code-sketch pre{font-size:10px}.detail-hero-art .code-sketch>div{font-size:9px}.detail-hero-art .code-sketch>p{font-size:7px}.case-layout{grid-template-columns:1fr;gap:35px;padding-top:29px}.case-sidebar{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr;gap:10px 28px;padding-bottom:22px;display:grid;position:static}.case-sidebar>div{margin-bottom:12px}.case-sidebar>div:first-child{grid-column:span 2}.case-sidebar>div>span{font-size:8px}.case-sidebar>div>p{margin-top:7px;font-size:11px}.case-sidebar nav{display:none}.case-sidebar .button{grid-column:1/-1;gap:10px;min-height:40px;margin-top:0;padding-inline:13px;font-size:10px}.case-body>section{padding-bottom:35px;scroll-margin-top:90px}.case-body>section>.eyebrow{margin-bottom:14px;font-size:8px}.case-body h2{font-size:24px;line-height:1.55}.case-body section>p:not(.eyebrow){margin-top:17px;font-size:13px;line-height:2}.decision-list{margin-top:22px}.decision-list>div{gap:14px;padding-block:22px}.decision-list h3{font-size:17px;line-height:1.7}.decision-list p{margin-top:10px;font-size:12px;line-height:2}.decision-marker{margin-top:5px}.case-gallery figure{margin-bottom:25px}.case-gallery figcaption{font-size:9px}.case-body .reflection-text{font-size:18px}.case-boundary{gap:9px}.case-boundary>p{font-size:10px}.related-section{margin-top:0;padding-top:36px}.related-section .section-heading h2{font-size:25px}.related-grid{grid-template-columns:1fr;gap:30px}.related-grid .project-art{height:260px}.related-grid .social-sketch{flex-shrink:0;width:400px;transform:scale(.75)}.related-grid .phone-front{top:0}.related-grid .phone-back{top:0;left:12%}.decision-demo,.direction-demo{margin-bottom:35px;padding:22px}.demo-header h3{font-size:16px;line-height:1.6}.demo-room-card{align-items:flex-start;gap:10px;padding:14px}.demo-room-card small{font-size:7px;line-height:1.8;display:block}.demo-room-card h4{margin-top:5px;font-size:12px;line-height:1.7}.demo-room-card p{font-size:9px;line-height:1.8}.demo-room-cover{width:40px;height:63px;font-size:27px}.demo-note{font-size:9px}.direction-example{padding-inline:14px}.habitat-live-demo>.habitat-sketch{height:300px}.article-page{padding-top:21px;padding-bottom:60px}.reading-progress{top:71px}.article-header{padding-top:25px;padding-bottom:30px}.article-header .article-card-meta{gap:15px;font-size:8px}.article-header h1{margin-top:20px;font-size:32px;line-height:1.5}.lang-en .article-header h1{font-size:39px}.article-header>p{margin-top:19px;font-size:13px;line-height:1.9}.article-byline{gap:10px;margin-top:25px}.article-byline>img{width:32px;height:32px}.article-byline>span{font-size:10px}.article-byline small{font-size:7px}.article-byline>button{gap:7px;font-size:9px}.article-cover .article-art{height:220px}.article-cover .article-art>*,.article-cover .prompt-bracket{scale:1}.article-cover .article-art-ai{gap:35px}.article-layout{padding-top:35px;display:block}.article-toc{border-bottom:1px solid var(--line);gap:11px;margin-bottom:32px;padding-bottom:25px;position:static}.article-toc>a{font-size:10px}.article-prose h2{margin-bottom:18px;font-size:23px;line-height:1.5}.article-prose p{margin-top:17px;font-size:13px;line-height:2.1}.article-prose section{margin-bottom:32px;scroll-margin-top:90px}.article-prose blockquote{margin-block:35px 25px;padding-left:20px;font-size:21px}.article-prose .article-colophon{font-size:9px}.article-related-project{gap:13px;padding:20px}.article-related-project small{font-size:7px}.article-related-project strong{font-size:16px}.next-note{margin-top:40px;padding-top:24px}.next-note h3{font-size:22px}.not-found{min-height:570px;padding-block:100px}.not-found h1{font-size:33px}.not-found .eyebrow{font-size:8px}.not-found>p:not(.eyebrow){font-size:12px}.hero-build-preview{padding:21px 23px}.hero-build-preview h3{font-size:33px}.hero-build-preview .mini-source{margin-top:17px}.hero-window .island-base{scale:.95}.hero-window .island-bubble{font-size:7px;left:25%}}@media (width<=370px){.hero-copy h1{font-size:29px}.hero-ctas .button{padding-inline:16px;font-size:10px}.hero-motto{font-size:14px}.hero-workbench{height:385px}.hero-window{width:calc(100% - 40px);height:270px;left:20px}.type-specimen{gap:16px;font-size:53px}.floating-note{font-size:7px}.hero-sticker{bottom:18px}.hero-bottom{font-size:7px}.experience-strip>div>div{gap:8px}.experience-strip>div>div>span{margin-inline:4px;font-size:12px}.footer-heading h2{font-size:32px}.footer-email-row>a{font-size:15px}.footer-email-row{gap:7px}.page-intro h1{font-size:30px}.lang-en .page-intro h1{font-size:37px}.filter-tabs>button{padding-inline:10px;font-size:9px}.career-timeline article{grid-template-columns:90px 1fr}.contact-dock{width:226px}.dock-social,.dock-social img{width:33px;height:33px}.about-hero h1{font-size:32px}.detail-header h1{font-size:28px}.section-heading>.text-link{font-size:8px}.section-heading h2{font-size:26px}}@media (height<=560px){.contact-popover{max-height:calc(100dvh - 24px);overflow-y:auto;bottom:12px!important}.contact-qr{margin-inline:auto;width:auto!important;height:min(294px,100dvh - 110px)!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--paper:#264964;--ink:#fff5e1;--muted:#c5d0d0;--line:#e8ecd12e;--soft:#34576c;--purple:#d9c9a6;--radius:12px;--font-sans:"Inter Tight", "MiSans VF", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--font-mono:"IBM Plex Mono", "MiSans VF", monospace}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#264964}body{background:#264964;overflow-x:clip}.site{isolation:isolate;background:radial-gradient(at 90% 7%,#7295a64d,#0000 30%),linear-gradient(#335e7d,#29485f 43%,#203a50 80%,#1b3349);position:relative}.site:before{content:"";pointer-events:none;z-index:-1;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}::selection{color:#203c50;background:#e4cf9e}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#eed4a2}.container{width:min(1360px,100% - 112px)}.site-header{background:#24465fe8;border-color:#e5e5d829}.header-inner{width:min(1600px,100% - 80px)}.wordmark{gap:11px}.wordmark>img{border-radius:8px;width:37px;height:37px}.wordmark>span{font-size:29px}.wordmark small{color:#c5d0d0;font:8px/1.7 var(--font-mono);letter-spacing:.07em}.desktop-nav>a{color:#e0e5de;font-size:12px}.desktop-nav>a.active,.desktop-nav>a:hover{color:#fff5e1}.desktop-nav>a>span{background:0 0}.desktop-nav>a.active>span{background:#e1cda4}.language-switch{color:#b4c4cc;background:#183a501f;border-color:#dfe8dc4d}.language-divider{background:#dfe8dc4d}.language-switch:hover{background:#3e6377}.button.dark{color:#27445b;background:#fff3d9;border-color:#fff3d9}.button.dark:hover{color:#203b4c;background:#dfcfac;border-color:#dfcfac}.button.outline{color:#fff5e1;background:0 0;border-color:#d6dfd372}.button.outline:hover{color:#fff5e1;background:#eee6d516;border-color:#fff5e1}.icon-button:hover{background:#edf0dc17}.text-link{color:#fff2d7;font-size:12px;font-weight:450}.eyebrow{color:#cfdbd5;font:400 10px/1.6 var(--font-mono);letter-spacing:.1em}.skip-link{color:#213e54;background:#fff5e1}.mobile-navigation{border-color:var(--line);background:#24465f}.mobile-navigation>a,.mobile-email{color:#fff5e1;border-color:var(--line)}.menu-toggle{color:#fff5e1}.studio-hero{isolation:isolate;background:#4a7191;height:calc(100svh - 88px);min-height:760px;max-height:1050px;position:relative;overflow:hidden}.studio-hero-inner{z-index:1;pointer-events:none;height:100%;padding-top:31px;position:relative}.studio-hero-inner a{pointer-events:auto}.studio-overline{color:#f0efe1;font:9px/1.6 var(--font-mono);letter-spacing:.04em;justify-content:space-between;gap:20px;display:flex}.studio-overline>span:first-child{align-items:center;gap:9px;display:inline-flex}.studio-overline i{background:#dddcb5;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #fff4c649}.studio-introduction{width:78%;padding-top:clamp(60px,8vh,105px);position:relative}.studio-introduction .eyebrow{color:#e2e8dd;font-size:10px}.studio-introduction h1{letter-spacing:-.055em;color:#fff5e1;margin-top:24px;font-size:clamp(48px,5.15vw,86px);font-weight:450;line-height:1.3}.lang-zh .studio-introduction h1{letter-spacing:-.05em;font-weight:450}.studio-introduction h1>span{color:#e6e4cf}.lang-en .studio-introduction h1{letter-spacing:-.045em;font-family:DM Serif Display,Georgia,serif;font-size:clamp(65px,6.3vw,110px);font-weight:400;line-height:1.04}.lang-en .studio-introduction h1>span{font-style:italic}.studio-description{color:#f2efe0;max-width:365px;margin-top:27px;font-size:13px;line-height:1.95}.studio-actions{gap:30px;margin-top:24px;display:flex}.studio-actions a{border-bottom:1px solid #f5edce83;align-items:center;gap:17px;padding-block:10px;font-size:12px;display:inline-flex}.studio-actions a:hover{color:#fff;border-color:#fff}.studio-signature{letter-spacing:-.035em;color:#fff4df;text-shadow:0 2px 30px #233e4933;font:italic 48px/.98 DM Serif Display,Georgia,serif;position:absolute;top:38%;right:1%;transform:rotate(-7deg)}.studio-signature>span{color:#e9e4c9}.studio-bottom{color:#f4f2df;font:9px/1.8 var(--font-mono);justify-content:space-between;align-items:center;gap:25px;padding-right:300px;display:flex;position:absolute;bottom:31px;left:0;right:0}.studio-bottom a{align-items:center;gap:10px;display:inline-flex}.studio-bottom>span{letter-spacing:.07em;font-size:8px}.experience-strip{border-block:1px solid var(--line);background:#7e957216}.experience-strip>div{padding-block:30px}.experience-strip>div>span{color:#c5d2cb;font:8px var(--font-mono)}.experience-strip>div>div>span{color:#e0e4d5;letter-spacing:-.035em;font-weight:400}.section{padding-block:105px}.section-heading{margin-bottom:45px}.section-heading .eyebrow{margin-bottom:22px}.section-heading h2,.systems-intro h2{letter-spacing:-.04em;font-size:clamp(38px,3.6vw,58px);font-weight:450;line-height:1.3}.lang-en .section-heading h2,.lang-en .systems-intro h2{font-size:clamp(44px,4.3vw,68px);font-weight:400;line-height:1.1}.section-heading .serif,.systems-intro .serif{color:#d8dcc6}.selected-cases{grid-template-columns:1.25fr 1fr;gap:30px 35px}.selected-cases>.project-card:first-child .project-art{height:630px}.selected-cases>.compact .project-art{height:244px;padding:26px 30px 0}.project-card-media{background:#dedbcf;border:1px solid #efe9d568;border-radius:10px;box-shadow:0 18px 40px #092e4321}.project-card-media:after{content:"";border-radius:inherit;pointer-events:none;border:5px solid #eee6d30d;position:absolute;inset:0}.project-art{color:#293440}.project-card .project-art{transition:filter .35s}.project-card-link:hover .project-art{filter:saturate(1.08)}.project-card-body{padding-top:22px}.project-card h3,.catalog-grid .project-card h3,.home-builds .project-card-body h3{color:#fff5e1;letter-spacing:-.035em;font-size:25px;font-weight:500}.selected-cases>.compact h3{font-size:21px;font-weight:500}.project-card-body>p,.selected-cases>.compact .project-card-body>p{color:#ced8d2;font-size:12px}.project-card-meta,.article-card-meta{color:#cfdbd3;font:9px/1.5 var(--font-mono)}.media-status{color:#fff5e1;background:#29495ae6;border:1px solid #dddac64d;border-radius:4px}.card-open{color:#2c4c60;background:#fff2dbde;border:1px solid #fff4e98a}.card-read{color:#e8e3c8;font-weight:450}.build-section{border-block:1px solid var(--line);background:linear-gradient(130deg,#627b5940,#4663571c 60%)}.build-section .section{padding-top:100px}.section-lead{color:#ccd8ce;max-width:510px;font-size:14px}.build-grid{gap:45px 32px}.home-builds .project-art{height:340px}.home-builds .project-card-body{padding-top:20px}.lab-invitation{background:#8fa66d14;border:1px solid #dbe2bc4d;border-radius:9px;margin-top:55px;padding:27px}.lab-glyph{color:#e1e5c1;background:#93a77533;border-radius:6px}.lab-invitation strong{font-size:20px;font-weight:450}.lab-invitation p{color:#c9d4c5}.round-arrow{color:#ece9cf;background:#e3e1c910;border:1px solid #d9dfc56b}.systems-section{gap:90px}.systems-intro>p:last-child,.practice-links p{color:#c7d4d1}.practice-links>a{border-color:var(--line)}.practice-links h3{font-size:20px;font-weight:450}.practice-links>a>svg:first-child{color:#d7d6b7}.article-art{color:#293440;border:1px solid #e9e3d842;border-radius:9px}.article-card h3{font-size:21px;font-weight:450}.article-card p{color:#c7d4d0;font-size:13px}.about-preview{background:linear-gradient(120deg,#b6bb9221,#c7d2bd08);border:1px solid #d9dfbd3d;border-radius:10px;margin-bottom:100px;padding:50px 58px}.about-preview h2{font-size:32px;font-weight:450}.about-preview p:not(.eyebrow){color:#c7d2c9}.portrait-stamp{color:#40504b;background:#e4dfc9;box-shadow:0 15px 25px #18332d30}.index-page{padding-top:75px;padding-bottom:100px}.page-intro h1{font-size:clamp(45px,5.3vw,78px);font-weight:450;line-height:1.3}.lang-en .page-intro h1{font-size:clamp(54px,6vw,88px);font-weight:400;line-height:1.08}.page-intro h1 .serif{color:#dce0cb}.page-intro-bottom>p{color:#c7d4d1}.index-count,.quiet-label,.result-status{color:#c0d1cc;font-family:var(--font-mono)}.filter-tabs>button{color:#d5dfd5}.filter-tabs>button.active{color:#29495d;background:#e9e1c8}.filter-tabs>button:not(.active):hover{color:#fff5e1;background:#d7e0d51a}.search-field{color:#c0d1cb}.search-field input::placeholder{color:#bccdc9}.catalog-grid{gap:52px 32px}.catalog-grid .project-art{height:min(33vw,400px)}.github-banner,.wechat-reading{background:#7e986521;border:1px solid #dbe5c445;border-radius:10px}.wechat-reading-icon{color:#d5dec1;background:#b4c29726}.about-hero h1,.lang-en .about-hero h1{font-size:clamp(43px,4.8vw,68px);font-weight:450}.about-hero h1 .serif{color:#e1dfc9}.about-portrait{color:#354b52;background:#e1ddc8;border-color:#e8e4d3;box-shadow:0 25px 45px #1537492b}.portrait-caption>span{color:#6c796d}.portrait-motto{color:#4b5c54;background:#c9c49e;box-shadow:0 8px 25px #203e3e2b}.career-timeline{border-color:#d0d8bd4d}.timeline-dot{background:#d9d5ac}.career-timeline p,.career-timeline small,.career-timeline h3>span,.career-timeline time{color:#c7d3cb}.elsewhere-grid>a>svg:first-child{color:#d2d8b9}.detail-header h1,.lang-en .detail-header h1,.article-header h1,.lang-en .article-header h1{font-size:clamp(38px,4.5vw,65px);font-weight:450}.detail-project-name,.article-header>p{color:#cad6d0}.status-label{color:#e4e4c7;border-color:#d8dfbf55;border-radius:4px}.detail-tags>span{color:#becfc9}.detail-header h1,.article-header h1{text-wrap:balance}.detail-hero-art{border:1px solid #e3dfcf5c;border-radius:12px}.case-gallery img{border-radius:7px}.case-sidebar>div>span,.case-sidebar nav>a,.article-toc>a{color:#c8d5d0}.case-sidebar nav>a:hover,.article-toc>a:hover{color:#fff4d9}.case-body section>p:not(.eyebrow),.article-prose p,.decision-list p,.case-boundary,.case-gallery figcaption,.article-prose .article-colophon{color:#d1dbd3}.case-body .reflection-text,.article-prose blockquote{color:#e2dfbc}.article-prose blockquote{border-color:#c4c798}.article-related-project{background:#a7b5821c;border:1px solid #d6ddbc3f;border-radius:8px}.article-related-project strong{color:#fff5e1}.article-related-project small,.next-note>span,.article-byline small{color:#c8d3b8}.decision-demo,.direction-demo{background:#b3c19e16;border:1px solid #e0e4c94f;border-radius:10px}.direction-example,.demo-room-card{color:#293440;background:#f2f0e6}.segmented-control{border-color:#d3dabc4d}.segmented-control>button.active{color:#3d5755;background:#e0ddbb}.segmented-control>button{color:#d1dbc9}.demo-note{color:#c8d5cd}.contact-dock{background:#243e4be8;border-color:#d6d6bb83;box-shadow:0 10px 25px #0b2c3b38}.contact-popover{color:#293440;background:#f7f2e5}.back-to-top{color:#fff5e1;background:#28495cd9;border-color:#d9dfc766}.computer-scene{isolation:isolate;z-index:0;pointer-events:none;background:#4a7191;position:absolute;inset:0}.computer-sky{filter:blur(18px);z-index:-4;width:calc(100% + 60px);height:calc(100% + 60px);position:absolute;inset:-30px}.computer-video{object-fit:cover;object-position:center bottom;z-index:-3;width:100%;max-width:none;height:100%;position:absolute;inset:0}.computer-shade{z-index:-2;background:linear-gradient(90deg,#173c5a7a,#0000 68%),linear-gradient(#183d5c55,#0000 65%,#16394c47);position:absolute;inset:0}.computer-fx{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.computer-controls{pointer-events:auto;color:#fff8e9;align-items:center;gap:14px;display:flex;position:absolute;bottom:21%;right:max(56px,50vw - 640px)}.power-button{--lit:0;color:#fff8e9;cursor:pointer;opacity:.94;width:44px;height:55px;filter:drop-shadow(0 0 calc(var(--lit) * 22px) #fff2c4);background:0 0;padding:0;transition:opacity .2s}.power-button svg{stroke:currentColor;stroke-width:4.6px;stroke-linecap:round;width:100%;height:auto;overflow:visible}.power-button:not(:disabled):hover{opacity:1;color:#ffefbd}.power-button:disabled{cursor:default}.power-caption{font:9px/1.8 var(--font-mono);letter-spacing:.03em;max-width:150px}.computer-scene[data-power=static] .power-button{opacity:.6}.studio-footer{color:#fff5e1;border-top:1px solid var(--line);background:#19354a;padding:56px 0 30px}.studio-footer-top{grid-template-columns:1fr 130px 180px;gap:60px;padding-bottom:40px;display:grid}.studio-footer-contact h2{letter-spacing:-.035em;margin-top:14px;font-size:29px;font-weight:450;line-height:1.5}.lang-en .studio-footer-contact h2{max-width:400px;font:italic 38px/1.15 DM Serif Display,Georgia,serif}.studio-footer-email{align-items:center;gap:12px;margin-top:17px;display:flex}.studio-footer-email>a{border-bottom:1px solid #fff5e16b;align-items:center;gap:15px;padding-bottom:5px;font-size:14px;display:inline-flex}.studio-footer-email .copy-feedback{color:#d9dcc1;left:0;right:auto}.studio-footer-nav,.studio-footer-socials{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.studio-footer-nav>span,.studio-footer-socials>span{color:#bbcbc7;font:8px var(--font-mono);letter-spacing:.08em;margin-bottom:8px}.studio-footer-nav a,.studio-footer-socials a{align-items:center;gap:10px;font-size:12px;display:inline-flex}.studio-footer a:hover{color:#e5d7b5}.studio-footer-bottom{border-top:1px solid var(--line);font:9px/1.8 var(--font-mono);color:#bdcdc6;align-items:center;gap:28px;padding:23px 310px 0 0;display:flex}.studio-footer-brand{letter-spacing:-.055em;color:#fff5e1;font:italic 36px/1 DM Serif Display,Georgia,serif}.studio-footer-motto{margin-left:auto;font:italic 14px DM Serif Display,Georgia,serif}.studio-footer-bottom>a:last-child{font-size:8px}@media (width<=1100px){.wordmark small{display:none}.desktop-nav{gap:24px}.header-inner{width:calc(100% - 56px)}.studio-introduction{width:85%}.studio-introduction h1{font-size:5.7vw}.studio-signature{font-size:38px;top:48%;right:0}.studio-bottom>span{display:none}.selected-cases>.project-card:first-child .project-art{height:560px}.selected-cases>.compact .project-art{height:210px}.systems-section{gap:50px}.studio-footer-top{grid-template-columns:1fr 110px 145px;gap:30px}.studio-footer-bottom{gap:20px}.studio-footer-motto{display:none}}@media (width<=759px){.container{width:calc(100% - 40px)}.header-inner{gap:12px;width:calc(100% - 36px)}.site-header{height:72px}.wordmark>img{width:32px;height:32px}.wordmark>span{font-size:25px}.studio-hero{height:830px;min-height:0;max-height:none}.studio-hero-inner{padding-top:24px}.studio-overline{gap:15px;font-size:7px}.studio-overline>span:last-child{text-align:right;max-width:110px}.computer-video{aspect-ratio:16/9;object-fit:initial;width:220%;height:auto;inset:auto auto 0 50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 22%);mask-image:linear-gradient(#0000,#000 22%)}.computer-scene{background:linear-gradient(#356287,#6a91ac)}.computer-shade{background:linear-gradient(#183e5a33,#0000 60%,#173b3e19)}.computer-controls{gap:11px;bottom:260px;left:20px;right:auto}.power-button{width:36px;height:46px}.power-caption{max-width:125px;font-size:8px}.studio-introduction{width:100%;padding-top:48px}.studio-introduction .eyebrow{letter-spacing:.03em;font-size:8px}.studio-introduction h1,.lang-zh .studio-introduction h1{letter-spacing:-.05em;margin-top:21px;font-size:8.4vw;line-height:1.4}.lang-en .studio-introduction h1{font-size:11.8vw;line-height:1.06}.studio-description{max-width:320px;margin-top:23px;font-size:12px;line-height:1.9}.studio-actions{gap:26px;margin-top:16px}.studio-actions a{gap:10px;font-size:11px}.studio-signature{font-size:33px;line-height:1;top:420px;right:3%}.lang-en .studio-signature{top:455px}.studio-bottom{padding-right:0;font-size:8px;bottom:145px}.studio-bottom a{gap:7px;max-width:160px}.experience-strip>div{padding-block:25px}.experience-strip>div>span{font-size:7px}.experience-strip>div>div>span{font-size:14px}.section{padding-block:65px}.section-heading{gap:15px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:17px}.section-heading h2,.systems-intro h2{font-size:34px}.lang-en .section-heading h2,.lang-en .systems-intro h2{font-size:39px}.section-heading>.text-link{white-space:nowrap;font-size:9px}.selected-cases{grid-template-columns:1fr;gap:38px;display:grid}.selected-cases>.project-card:first-child{grid-row:auto}.selected-cases>.project-card:first-child .project-art,.selected-cases>.compact .project-art{height:285px;padding:25px 20px 0}.project-card h3,.selected-cases>.compact h3,.catalog-grid .project-card h3,.home-builds .project-card-body h3{font-size:22px}.project-card-body,.selected-cases>.compact .project-card-body{padding-top:18px}.project-card-meta{font-size:8px}.build-section .section{padding-top:65px}.build-grid,.catalog-grid{gap:38px}.build-grid{grid-template-columns:1fr}.home-builds .project-art,.catalog-grid .project-art{height:280px}.lab-invitation{margin-top:35px;padding:22px 18px}.lab-invitation strong{font-size:16px}.systems-section{gap:35px}.practice-links h3{font-size:18px}.article-card h3{font-size:20px}.about-preview{margin-bottom:65px;padding:28px}.about-preview h2{font-size:26px}.index-page{padding-top:45px;padding-bottom:70px}.page-intro h1{font-size:38px}.lang-en .page-intro h1{font-size:43px}.page-intro-bottom>p{font-size:12px}.about-hero h1,.lang-en .about-hero h1{font-size:37px}.detail-header h1,.article-header h1{font-size:31px}.lang-en .detail-header h1,.lang-en .article-header h1{font-size:37px}.studio-footer{padding:40px 0 95px}.studio-footer-top{grid-template-columns:1fr 1fr;gap:32px 25px;padding-bottom:30px}.studio-footer-contact{grid-column:1/-1}.studio-footer-contact h2{font-size:23px}.lang-en .studio-footer-contact h2{font-size:31px}.studio-footer-email>a{gap:10px;font-size:12px}.studio-footer-bottom{flex-wrap:wrap;gap:15px 25px;padding:22px 0 0}.studio-footer-brand{font-size:30px}.studio-footer-bottom>a:last-child{margin-left:auto;font-size:7px}}@media (width<=370px){.section-heading h2,.systems-intro h2{font-size:30px}.page-intro h1,.lang-en .page-intro h1{font-size:33px}.studio-signature{display:none}.studio-actions{gap:20px}.studio-actions a{font-size:10px}.studio-footer-email{gap:6px}.studio-footer-email>a{font-size:11px}}@media (prefers-reduced-motion:reduce){.computer-sky,.computer-fx{display:none}.project-card .project-art{transition:none}}:root{--glass-tint:#13364c47;--glass-border:#f4fbff6b;--glass-fill:linear-gradient(145deg,#f8fdff30,#daefff0e 42%,#eaf7ff1a),var(--glass-tint);--glass-shadow:0 12px 32px #05293e26, inset 0 1px 0 #ffffff91, inset 0 -1px 0 #d3ecff26, inset 1px 0 0 #ffffff36, inset -1px 0 0 #ffffff20}.liquid-glass{isolation:isolate;background:var(--glass-fill);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(1.65)}.liquid-glass:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--glass-x,20%) var(--glass-y,0%),#fff2,transparent 62%),linear-gradient(110deg,#ffffff1c,transparent 27% 76%,#e7f5ff10);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff10}.site-header{-webkit-backdrop-filter:none;background:0 0;border:0;align-items:center;display:flex}.site-header:before{content:"";inset:calc(-1 * var(--header-offset,0px)) 0 -26px;z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(to bottom, var(--paper) calc(100% - 26px), transparent);transition:opacity var(--header-scrim-duration,.16s) var(--header-scrim-easing,ease-out);position:absolute}.site-header:not(.home-header)[data-scrolled]:before,.site-header.home-header[data-past-hero]:before{opacity:1}.site-header:not(.home-header)[data-scrolled] .mobile-navigation,.site-header.home-header[data-past-hero] .mobile-navigation{background:linear-gradient(145deg,#2c4c43,var(--paper))}@media (prefers-reduced-motion:reduce){.site-header:before{transition:none}}.header-inner{--glass-tint:#1e425952;border-radius:24px;width:min(1600px,100% - 32px);height:64px;margin:0 auto;padding:0 18px;position:relative}.wordmark>img{width:34px;height:34px}.desktop-nav{gap:9px}.desktop-nav>a{color:#f3f7f1;border-radius:999px;padding:10px 14px;transition:background .18s,box-shadow .18s}.desktop-nav>a:hover,.desktop-nav>a.active{background:#e7f7ff16;box-shadow:inset 0 1px #fff3}.desktop-nav>a>span{display:none}.language-switch,.header-email.button{color:#fbf7e9;background:linear-gradient(#ffffff1c,#e3f3ff0a);border:1px solid #ffffff40;height:44px;min-height:44px;box-shadow:inset 0 1px #fff6,0 4px 10px #173c4f12}.language-switch{color:#c0d2db}.language-switch .selected{color:#fffaf0}.language-switch:hover,.header-email.button:hover{color:#fff;background:linear-gradient(#fff3,#eaf5ff19);border-color:#ffffff80}.header-email.button{font-weight:500}.mobile-navigation{box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(28px)saturate(1.5);background:linear-gradient(145deg,#eefaff25,#e1f0ff0b),#193d53c9;border-color:#f1faff66;border-radius:23px;top:calc(100% + 7px)}.mobile-navigation>a[aria-current=page],.mobile-navigation .mobile-email{color:#f5f0d9}.power-button.liquid-glass{color:#fffbee;text-align:left;opacity:1;--glass-tint:#18394a3b;border-radius:999px;align-items:center;gap:15px;width:auto;height:auto;min-height:70px;padding:14px 22px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative}.power-button svg{stroke-width:4.2px;flex-shrink:0;width:31px;height:39px}.power-caption{flex-direction:column;gap:4px;max-width:none;line-height:1.3;display:flex}.power-caption strong{font:500 14px/1.3 var(--font-sans);letter-spacing:.01em}.power-caption small{font:400 8px/1.4 var(--font-mono);color:#e2edf0;letter-spacing:.045em}.power-button:not(:disabled):hover{color:#fff;border-color:#fffdf0b3;transform:translateY(-3px);box-shadow:0 16px 35px #082d4040,inset 0 1px #ffffffc4,inset 0 -1px #dbf5ff4a}.power-button:not(:disabled):active{transform:translateY(0)scale(.97)}.power-button[aria-pressed=true]{--glass-tint:#1a304b6b;border-color:#fceac585}.power-button:disabled{cursor:wait;opacity:.8}.computer-scene[data-power=static] .power-button{cursor:default;opacity:.75}.contact-dock.liquid-glass{--glass-tint:#0c2737b8;--glass-fill:linear-gradient(145deg,#f8fdff1b,#daefff04 42%,#eaf7ff0c),var(--glass-tint);border-radius:24px;padding:12px}.dock-name{color:#fffbed;min-width:0}.contact-dock .dock-name>small{color:#d3e2e5;font-size:calc(1em - 2px);line-height:1.5}.dock-avatar>i{background:#d3e6bc;border-color:#4d747b}.dock-toggle{background:linear-gradient(#ffffff1f,#edfaff08);border-color:#ffffff52;flex-shrink:0;box-shadow:inset 0 1px #ffffff4d}.dock-social{background:linear-gradient(150deg,#ffffff24,#dbf1ff08);border:1px solid #ffffff30;border-radius:12px;transition:background .18s,transform .18s,border-color .18s;box-shadow:inset 0 1px #ffffff47,0 3px 8px #072c4212}.dock-social img{filter:invert()brightness(1.5);mix-blend-mode:screen;opacity:.9;width:calc(100% - 12px);height:calc(100% - 12px);inset:6px}.dock-social .dock-hover-icon{display:none}.dock-social:hover,.dock-social.active,.dock-social:focus-visible{background:linear-gradient(150deg,#ffffff42,#dbf1ff18);border-color:#ffffff8c;transform:translateY(-2px)}.dock-social:hover img,.dock-social.active img{filter:invert()brightness(2);opacity:1}.contact-popover.liquid-glass{--glass-tint:#193849b8;--glass-fill:linear-gradient(145deg,#f8fdff21,#daefff04 42%,#eaf7ff0c),var(--glass-tint);color:#fff9eb;border-radius:23px;padding:12px}.popover-title{padding:0 1px 8px;font-size:12px}.popover-title .icon-button{color:#fff9eb;background:#f4fbff13;border:1px solid #ffffff24}.contact-popover .icon-button:hover{background:#f4fbff2b}.contact-popover>p{color:#e0e9e7;margin-top:9px;font-size:10px}.popover-link{color:#fff8e8;border-color:#e7f5ff3b}.popover-link:hover{background:#ffffff0d;border-radius:10px}.contact-qr{opacity:1;filter:none;mix-blend-mode:normal;background:0 0;border:0;border-radius:13px}.studio-actions a,.button.outline,.button.dark:not(.header-email),.back-to-top,.card-open,.round-arrow{color:#fff9e8;-webkit-backdrop-filter:blur(14px)saturate(1.4);background:linear-gradient(145deg,#f4fcff28,#ddf2ff0a),#244b6126;border:1px solid #f0faff6b;box-shadow:inset 0 1px #ffffff85,inset 0 -1px #d5efff21,0 5px 16px #0a334720}.studio-actions{gap:12px}.studio-actions a{border-radius:999px;min-height:46px;padding:12px 19px}.studio-actions a:hover,.button.dark:not(.header-email):hover,.button.outline:hover{color:#fff;background:linear-gradient(#ffffff3b,#e4f5ff18);border-color:#f5fbffb0}.card-open{background:linear-gradient(145deg,#e1f5ff26,#18374d22),#244b61a6}.project-card:hover .card-open{color:#fff;background:#254d64c4}.filter-toolbar{background:linear-gradient(135deg,#d9f2ff14,#f1faff05);border:1px solid #e1f1ff2e;border-radius:22px;padding:12px 14px;box-shadow:inset 0 1px #ffffff26}.filter-tabs>button{border:1px solid #0000}.filter-tabs>button.active{color:#fff9e8;background:linear-gradient(#ffffff47,#e0f3ff1c);border-color:#f1faff72;box-shadow:inset 0 1px #ffffff73,0 4px 9px #133b4e12}.filter-tabs>button:not(.active):hover{background:#f4fbff18}.search-field{background:#123b4b17;border:1px solid #e7f5ff22;border-radius:999px;padding:0 12px}.lab-invitation,.about-preview,.github-banner,.wechat-reading,.decision-demo,.direction-demo,.article-related-project{background:linear-gradient(135deg,#f0fbff12,#d2f0ff05);border-color:#e0f3ff38;border-radius:22px;box-shadow:inset 0 1px #ffffff40,0 12px 30px #0b30441a}.project-card-media{border-color:#f1faff6b;border-radius:18px;box-shadow:0 14px 35px #0a304433,inset 0 1px #fff9}.media-status,.status-label{color:#fdf6e8;-webkit-backdrop-filter:blur(12px);background:#1c435e87;border-color:#f0faff55;border-radius:999px}.segmented-control{background:#123b4d26;border-color:#e5f5ff3b;border-radius:12px}.segmented-control>button.active{color:#fff8e8;background:linear-gradient(#ffffff48,#dff3ff1c);box-shadow:inset 0 1px #ffffff6b}.back-to-top{border-radius:50%}@media (width<=1100px){.header-inner{gap:15px;padding-inline:15px}.desktop-nav{gap:2px}.desktop-nav>a{padding-inline:10px}}@media (width<=759px){.header-inner{border-radius:21px;width:calc(100% - 24px);height:56px;margin:0 auto;padding-inline:12px}.wordmark>img{width:30px;height:30px}.language-switch{height:40px;min-height:40px}.computer-controls{bottom:320px}.power-button.liquid-glass{gap:11px;max-width:182px;min-height:57px;padding:11px 15px}.power-button svg{width:25px;height:32px}.power-caption strong{font-size:12px}.power-caption small{letter-spacing:.01em;max-width:102px;font-size:6px}.contact-dock.liquid-glass{border-radius:22px;padding:10px}.dock-social{border-radius:11px}.dock-social img{width:calc(100% - 10px);height:calc(100% - 10px);inset:5px}.studio-actions{gap:10px}.studio-actions a{min-height:43px;padding:11px 15px;font-size:10px}.filter-toolbar{border-radius:19px;padding:12px}.search-field{max-width:100%}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.liquid-glass,.mobile-navigation{background:linear-gradient(135deg,#486c80,#24495f)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.liquid-glass,.mobile-navigation{-webkit-backdrop-filter:none;background:#23495e;border-color:#b5d2df}.liquid-glass:before{display:none}}@media (prefers-reduced-motion:reduce){.power-button.liquid-glass,.dock-social{transition:none}.power-button:not(:disabled):hover,.power-button:not(:disabled):active,.dock-social:hover,.dock-social.active{transform:none}}.wordmark>span{letter-spacing:-.055em;font-family:DM Serif Display,Georgia,serif;font-size:36px;font-style:italic;font-weight:400}.product-outlink .wechat-reading-icon{background:0 0;flex-shrink:0}.product-outlink .wechat-reading-icon>img{object-fit:contain;width:100%;height:100%}.wordmark-dot{color:inherit}.social-profile-preview{background:#fff;border-radius:15px;width:100%;height:auto;margin:12px 0 4px;display:block}.actual-project-screen{background:#122b3b;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.actual-project-screen>img{object-fit:contain;object-position:center;filter:none;border-radius:3px;width:100%;max-width:100%;height:100%;display:block;transform:none;box-shadow:0 12px 28px #04171d20}.screen-samer,.screen-speed-battle{background:radial-gradient(at 50% 40%,#34314b,#111d2d)}.screen-symbiosis,.screen-baijiahao{background:#090e15}.screen-frame,.screen-yiyu,.screen-room{background:#dce4e1}.project-source-note{color:#fff4dd;background:linear-gradient(135deg,#2c4e5b80,#172e40aa);flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:36px;display:flex}.project-source-note>span{font:9px/1.4 var(--font-mono);letter-spacing:.12em;opacity:.6}.project-source-note>strong{letter-spacing:-.04em;font-size:clamp(20px,2.2vw,32px);font-weight:500}.project-source-note>p{color:#d1e0dc;max-width:270px;margin:0;font-size:13px;line-height:1.8}.project-source-note>small{color:#b7cbc8;border-top:1px solid #ffffff25;max-width:280px;margin-top:12px;padding-top:12px;font-size:9px;line-height:1.8}.actual-hero{background:0 0;border:0;margin:0 0 70px;overflow:visible}.actual-hero .actual-project-screen{border-radius:14px;height:53vw;min-height:420px;max-height:740px}.actual-hero .actual-project-screen img{width:100%;height:100%}.actual-hero figcaption{color:#bfcfc9;padding:15px 0;font-size:11px;line-height:1.8;display:block}.case-thesis{color:#fff2d6;max-width:800px;margin:0 0 70px;font-size:clamp(24px,3vw,39px);line-height:1.6}.story-section{scroll-margin-top:115px}.story-number{font:9px/1.8 var(--font-mono);letter-spacing:.06em;color:#a7bfbc;margin-bottom:19px;display:block}.story-items{margin:30px 0}.story-items>div{min-width:0}.story-items h3{margin:10px 0 12px;font-size:19px;font-weight:550;line-height:1.5}.story-items p{color:#c4d3cf;margin:0;font-size:15px;line-height:1.9}.item-index{font:11px var(--font-mono);color:#cfceaa}.items-steps{gap:0;display:grid}.items-steps>div{border-top:1px solid #d2dfcc30;padding:22px 0 26px 38px;position:relative}.items-steps .item-index{position:absolute;top:27px;left:0}.items-steps h3{margin-top:0}.items-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.items-comparison>div,.items-rules>div{background:linear-gradient(135deg,#dce5e00d,#bed3d105);border:1px solid #dce7d52d;border-radius:17px;padding:26px;box-shadow:inset 0 1px #ffffff0d}.items-rules{gap:14px;display:grid}.story-figure{width:100%;margin:35px 0}.story-figure>a{background:#e5e9e6;border-radius:10px;display:block;overflow:hidden}.story-figure img{object-fit:contain;width:100%;height:auto;display:block}.story-figure figcaption{color:#b7cdc8;margin-top:12px;font-size:11px;line-height:1.8}.story-figure figcaption svg{vertical-align:middle;display:inline-block}.case-source{border-top:1px solid #d5e1cd30;padding:30px 0}.case-source>p:not(.eyebrow){color:#bcd0c8;font-size:13px}.knowledge-visual{aspect-ratio:1.32;border-radius:16px;width:100%;margin-bottom:24px;position:relative;overflow:hidden}.knowledge-original{background:#edf1ec;border:1px solid #ecf0e34a}.knowledge-original img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.knowledge-original>span{color:#fff4dd;font:8px var(--font-mono);background:#173e4ce8;border:1px solid #fff6;border-radius:20px;padding:6px 11px;position:absolute;bottom:13px;left:13px}.knowledge-document{color:#f0eddf;background:linear-gradient(145deg,#49606c,#293e4f);border:1px solid #e4eade40;flex-direction:column;justify-content:space-between;padding:23px;display:flex}.knowledge-document>div:first-child{font:9px var(--font-mono);justify-content:space-between;align-items:center;gap:12px;display:flex}.knowledge-document>div:first-child>span:first-child{align-items:center;gap:6px;display:flex}.knowledge-document strong{letter-spacing:-.02em;margin:22px 0;font-size:clamp(18px,1.7vw,24px);font-weight:500;line-height:1.5;display:block}.knowledge-outline{gap:8px;margin-bottom:24px;display:grid}.knowledge-outline>span{color:#d3ddd7;gap:9px;font-size:10px;line-height:1.6;display:flex}.knowledge-outline i{font-style:normal;font:8px/1.9 var(--font-mono);color:#b9c9c4}.knowledge-document>small{font:7px var(--font-mono);letter-spacing:.07em;border-top:1px solid #ffffff35;justify-content:space-between;align-items:center;padding-top:11px;display:flex}.knowledge-directory{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 36px;display:grid}.knowledge-directory button{text-align:left;color:#fff3db;cursor:pointer;background:linear-gradient(135deg,#d1e6db13,#8cbdc407);border:1px solid #d5e5d73d;border-radius:15px;padding:20px;transition:background .2s,border-color .2s;position:relative;box-shadow:inset 0 1px #ffffff1a}.knowledge-directory button:hover,.knowledge-directory button.active{background:#dbe5ce24;border-color:#dbe5ce90}.knowledge-directory span{margin-bottom:15px;font-size:12px;line-height:1.6;display:block}.knowledge-directory strong{font:italic 32px/1 DM Serif Display,Georgia,serif}.knowledge-directory svg{opacity:.6;position:absolute;bottom:20px;right:20px}.notes-index .article-card{margin-bottom:25px}.notes-home .notes-grid{row-gap:55px}.article-cover{background:0 0}.article-cover .knowledge-visual{aspect-ratio:auto;width:100%;height:100%;margin:0}.article-cover .knowledge-original img{object-fit:contain;object-position:center}.article-cover .knowledge-document{padding:38px 55px}.article-cover .knowledge-document strong{max-width:900px;margin:15px 0;font-size:clamp(25px,4vw,50px)}.article-cover .knowledge-outline{gap:7px;margin-bottom:15px}.article-cover .knowledge-outline>span{font-size:13px}.article-colophon{border-top:1px solid #d9e4d72a;padding-top:24px}@media (width>=1100px){.selected-cases .project-card:first-child .screen-samer{padding:30px}}@media (width<=900px){.knowledge-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge-document{padding:19px}.knowledge-document strong{font-size:18px}.knowledge-outline>span{font-size:9px}}@media (width<=640px){.wordmark>span{font-size:30px}.actual-project-screen{padding:13px}.actual-hero{margin-bottom:40px}.actual-hero .actual-project-screen{border-radius:10px;height:78vw;min-height:270px;padding:14px}.actual-hero .screen-samer,.actual-hero .screen-speed-battle{height:115vw;max-height:600px}.actual-hero figcaption{font-size:10px}.case-thesis{margin-bottom:40px;font-size:25px}.items-comparison{grid-template-columns:1fr;gap:12px}.items-comparison>div,.items-rules>div{padding:22px}.story-items h3{font-size:18px}.story-items p{font-size:14px}.knowledge-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.knowledge-directory button{padding:17px}.knowledge-directory span{font-size:11px}.knowledge-directory svg{bottom:17px;right:17px}.knowledge-document{padding:24px}.knowledge-document strong{font-size:23px}.knowledge-outline>span{font-size:11px}.article-cover .knowledge-document{padding:24px}.article-cover .knowledge-document strong{font-size:25px}.article-cover .knowledge-outline>span{font-size:10px}.project-source-note{padding:27px}.project-source-note>strong{font-size:26px}.notes-home .notes-grid{row-gap:35px}}:root{--paper:#142f27;--ink:#fff5e1;--muted:#c9d8cb;--soft:#203d36;--line:#dbe6d12b}html,body,.site{background:#142f27}.site-header.home-header{--header-offset:18px;--header-scrim-duration:.32s;--header-scrim-easing:ease-in-out;top:var(--header-offset);-webkit-backdrop-filter:none;background:0 0;border:0;height:64px;position:fixed;left:0;right:0}.home-header .header-inner{--glass-tint:#122f403d}.studio-hero{height:100svh;min-height:820px}.studio-hero-inner{padding-top:114px}.studio-signature{top:43%}.computer-shade{background:linear-gradient(90deg,#173c5a66,#0000 68%),linear-gradient(#183d5c33,#0000 65%,#142f2733)}.studio-hero:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000,#142f2766 32%,#142f27 100%);height:190px;position:absolute;inset:auto 0 0}.experience-strip{background:0 0;border:0;margin-top:0}.experience-strip>.container{border-bottom:1px solid var(--line);padding-block:38px 42px}.experience-strip>div>.company-marks{justify-content:space-between;align-items:center;gap:28px;width:81%;display:flex}.company-mark{color:#e7eee1;justify-content:center;align-items:center;gap:11px;display:inline-flex}.company-logo{flex-shrink:0;width:auto;height:31px;display:block;position:relative;overflow:hidden}.company-logo>img{width:var(--asset-width);max-width:none;height:auto;left:var(--asset-left);top:var(--asset-top);filter:none;display:block;position:absolute}.company-mark>span:not(.sr-only){letter-spacing:-.025em;white-space:nowrap;font-size:17px;font-weight:450}.company-yalla-group .company-logo{height:35px}.company-flat .company-logo,.company-ola-chat .company-logo{height:36px}.studio-footer{background:#10271f}.build-section{background:linear-gradient(130deg,#71826924,#395d4b12 65%)}.knowledge-document{background:linear-gradient(145deg,#405e55,#293f3a)}.knowledge-ai{background:linear-gradient(140deg,#514f60,#303f42)}.knowledge-system{background:linear-gradient(140deg,#52695c,#304b40)}.knowledge-process{background:linear-gradient(140deg,#626c55,#344d42)}.power-button.power-icon-button{color:#fff;opacity:1;width:72px;height:72px;min-height:72px;box-shadow:none;filter:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .2s;display:grid;overflow:hidden}.power-icon-button>img{object-fit:contain;width:80%;height:80%;display:block}.power-button.power-icon-button:not(:disabled):hover{color:#fff;box-shadow:none;background:0 0;border:0;transform:scale(1.06)}.power-button.power-icon-button:not(:disabled):active{transform:scale(.96)}.computer-scene[data-power=static] .power-button.power-icon-button,.power-button.power-icon-button:disabled{opacity:1;background:0 0}@media (width<=1100px){.company-mark>span:not(.sr-only){font-size:14px}.experience-strip>div>.company-marks{gap:18px}.company-mark{gap:8px}.company-mark .company-logo{height:26px}.company-flat .company-logo{height:31px}.company-ola-chat .company-logo{height:31.2px}}@media (width<=759px){.site-header.home-header{--header-offset:12px;height:56px}.studio-hero{height:900px;min-height:860px}.studio-hero-inner{padding-top:99px}.studio-signature{top:495px}.lang-en .studio-signature{top:530px}.studio-hero:after{height:150px}.experience-strip>.container{padding-block:28px 32px;display:block}.experience-strip>.container>span{margin-bottom:24px;display:block}.experience-strip>div>.company-marks{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 13px;width:100%;display:grid}.company-mark{justify-content:flex-start;gap:6px}.company-mark>span:not(.sr-only){font-size:11px}.company-mark .company-logo{height:24px}.company-yalla-group .company-logo{height:26px}.company-flat .company-logo{height:30px}.company-ola-chat .company-logo{height:28.8px}.power-button.power-icon-button{width:62px;height:62px;min-height:62px;padding:0}}@media (prefers-reduced-motion:reduce){.power-button.power-icon-button{transition:none}.power-button.power-icon-button:not(:disabled):hover{transform:none}}.frame-case-page{--frame-accent:#b9a8ff;padding-top:40px;padding-bottom:100px}.frame-case-header{max-width:1100px;margin:55px auto 40px}.frame-case-identity{align-items:center;gap:21px;margin-bottom:35px;display:flex}.frame-case-identity>img{object-fit:contain;width:80px;height:80px}.frame-case-identity span{font:11px/1.8 var(--font-mono);color:#bacbc0}.frame-case-header h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(37px,4.5vw,66px);font-weight:450;line-height:1.3}.frame-title-phrase{white-space:nowrap}.frame-subtitle{color:#d5dfd1;margin-top:27px;font-size:21px;line-height:1.7}.frame-intro{max-width:1100px;margin:auto}.frame-prose>p,.frame-prose>blockquote,.frame-prose>h3,.frame-chapter>p,.frame-chapter>blockquote,.frame-chapter>h3{max-width:760px;margin-left:auto;margin-right:auto}.frame-prose p{color:#d1ddd3;margin-top:23px;font-size:16px;line-height:2.05}.frame-prose strong{color:#f6efdc;font-weight:600}.frame-prose p>em{color:#adc2b5;font-size:12px}.frame-prose a:not(.back-link){color:#d2c8ff;text-underline-offset:4px;-webkit-text-decoration:underline #d2c8ff66;text-decoration:underline #d2c8ff66}.frame-prose p a svg,.frame-prose td a svg{vertical-align:middle;margin-left:3px;display:inline}.frame-case-layout{grid-template-columns:190px minmax(0,1fr);gap:60px;padding-top:75px;display:grid}.frame-sidebar{align-self:start;position:sticky;top:125px}.frame-sidebar nav{gap:17px;margin:25px 0 30px;display:grid}.frame-sidebar nav a{color:#b7cbbd;font-size:11px;line-height:1.75}.frame-sidebar nav a:hover{color:#f2ebd7}.frame-sidebar .button{gap:8px;padding-inline:13px;font-size:10px}.frame-version-note{color:#abc3b3;margin-top:15px;font-size:10px;line-height:1.8;display:block}.frame-article{min-width:0}.frame-chapter{margin-bottom:90px;scroll-margin-top:120px}.frame-chapter>h2{letter-spacing:-.025em;max-width:760px;margin:0 auto 35px;font-size:33px;font-weight:500;line-height:1.5}.frame-chapter>h3{margin-top:60px;margin-bottom:24px;font-size:25px;font-weight:500;line-height:1.55}.frame-prose blockquote{border-left:2px solid var(--frame-accent);color:#efe8cf;margin-top:35px;margin-bottom:35px;padding:20px 0 20px 25px;font-size:23px;line-height:1.8}.frame-figure{min-width:0;margin:35px 0 45px}.frame-image-button{cursor:zoom-in;background:#e9eced;border:1px solid #d7e1d14d;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.frame-image-button>img{width:100%;height:auto;display:block}.frame-enlarge{color:#fff8e6;background:#081b24d9;border:1px solid #fff5;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:absolute;bottom:12px;right:12px}.frame-figure figcaption{color:#b7cbbd;margin-top:13px;font-size:11px;line-height:1.9}.frame-image-label{font:10px/1.8 var(--font-mono);color:#ddd9f2;margin-bottom:12px;display:block}.frame-table-wrap{border:1px solid #dbe6d12e;border-radius:13px;min-width:0;max-width:1100px;margin:35px auto;overflow:hidden}.frame-table-wrap table{border-collapse:collapse;table-layout:auto;text-align:left;width:100%}.frame-table-wrap th{color:#f3eedc;background:#b9d3bd0e;padding:17px 20px;font-size:12px;font-weight:500;line-height:1.7}.frame-table-wrap td{color:#c6d7ca;vertical-align:top;overflow-wrap:anywhere;border-top:1px solid #dbe6d122;padding:18px 20px;font-size:13px;line-height:1.85}.frame-table-wrap td:first-child{color:#edead9;min-width:115px}.frame-evolution-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:40px 0;display:grid}.frame-evolution-compare .frame-figure{margin:0}.frame-evolution-compare .frame-image-button{aspect-ratio:1.5}.frame-evolution-compare img{object-fit:contain;width:100%;height:100%}.frame-logo-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:40px 0;display:grid}.frame-logo-options .frame-figure{margin:0}.frame-logo-options>p{color:#b7cbbd;grid-column:1/-1;margin-top:0;font-size:11px;line-height:1.8}.frame-logo-options .frame-image-button{background:#101613;border-color:#dbe6d125}.frame-logo-options .frame-figure:last-of-type .frame-image-button{border-color:#c6baffb3}.frame-empty-states{margin-top:35px}.frame-empty-states>[role=tablist]{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.frame-empty-states [role=tab]{color:#d6e2d7;cursor:pointer;background:#ffffff08;border:1px solid #dce6d53d;border-radius:99px;padding:9px 15px;font-size:11px;line-height:1.6}.frame-empty-states [role=tab][aria-selected=true]{color:#e8dfff;background:#a995ed22;border-color:#c5b6fb99}.frame-empty-states .frame-figure{margin-top:0}.frame-code{background:#0b1d17;border:1px solid #b4c9b82e;border-radius:12px;max-width:760px;margin:30px auto;overflow:hidden}.frame-code>div{font:10px var(--font-mono);color:#aabfb0;border-bottom:1px solid #b4c9b824;justify-content:space-between;align-items:center;gap:15px;padding:12px 17px;display:flex}.frame-code button{color:#d6dfd1;cursor:pointer;background:0 0;align-items:center;gap:7px;padding:3px;display:inline-flex}.frame-code pre{color:#d1caee;max-width:100%;font:12px/1.9 var(--font-mono);tab-size:2;margin:0;padding:22px;overflow-x:auto}.frame-code>p{margin:0;padding:0 20px 15px;font-size:11px}.frame-end-link{max-width:760px;margin:auto}.frame-mobile-toc{display:none}.frame-lightbox{color:#fff5e1;background:#07120df5;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.frame-lightbox::backdrop{background:#07120df5}.frame-lightbox-bar{height:78px;font:11px var(--font-mono);align-items:center;gap:25px;padding:18px 25px;display:flex}.frame-lightbox-bar>a{align-items:center;gap:7px;margin-left:auto;display:inline-flex}.frame-lightbox-close{color:#fff;cursor:pointer;background:#000;border:1px solid #fff3;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.frame-lightbox>img{object-fit:contain;width:calc(100% - 50px);height:calc(100dvh - 110px);margin:0 auto;display:block}@media (width<=1000px){.frame-case-layout{grid-template-columns:160px minmax(0,1fr);gap:35px}.frame-sidebar nav{gap:13px}.frame-evolution-compare{grid-template-columns:1fr}.frame-evolution-compare .frame-image-button{aspect-ratio:auto}}@media (width<=759px){.frame-case-page{padding-top:25px;padding-bottom:65px}.frame-case-header{margin-top:35px}.frame-case-identity{gap:14px;margin-bottom:25px}.frame-case-identity>img{width:62px;height:62px}.frame-case-identity .eyebrow{font-size:7px}.frame-case-identity span{font-size:9px}.frame-case-header h1{font-size:clamp(26px,7.8vw,32px);line-height:1.45}.frame-subtitle{margin-top:22px;font-size:16px}.frame-prose p{font-size:14px;line-height:2}.frame-case-layout{padding-top:45px;display:block}.frame-sidebar{display:none}.frame-mobile-toc{background:#ffffff08;border:1px solid #dce6d53d;border-radius:13px;margin-top:35px;padding:17px;display:block}.frame-mobile-toc summary{cursor:pointer;font-size:12px}.frame-mobile-toc nav{gap:14px;padding-top:22px;display:grid}.frame-mobile-toc a{color:#c6d7ca;font-size:11px;line-height:1.8}.frame-chapter{margin-bottom:60px;scroll-margin-top:100px}.frame-chapter>h2{margin-bottom:24px;font-size:26px}.frame-chapter>h3{margin-top:40px;font-size:21px}.frame-prose blockquote{padding-left:18px;font-size:19px}.frame-logo-options{gap:9px}.frame-image-label{min-height:28px;font-size:8px}.frame-enlarge{width:27px;height:27px;bottom:8px;right:8px}.frame-figure{margin:28px 0 35px}.frame-figure figcaption{font-size:10px}.frame-table-wrap table,.frame-table-wrap tbody,.frame-table-wrap tr,.frame-table-wrap td{width:100%;display:block}.frame-table-wrap thead{display:none}.frame-table-wrap td{border:0;padding:9px 17px;font-size:12px}.frame-table-wrap tr{border-top:1px solid #dbe6d126;padding-block:8px}.frame-table-wrap tr:first-child{border-top:0}.frame-table-wrap td:before{content:attr(data-label);color:#a4bbab;margin-bottom:3px;font-size:9px;display:block}.frame-table-wrap td:first-child{font-size:14px}.frame-code pre{padding:17px;font-size:10px}.frame-lightbox-bar{gap:13px;padding:13px 15px;font-size:9px}.frame-lightbox-bar>span{overflow-wrap:anywhere;max-width:45%}.frame-lightbox>img{width:calc(100% - 20px)}.frame-lightbox-close{flex-shrink:0;width:36px;height:36px}}@font-face{font-family:Alibaba PuHuiTi Black;src:url(/fonts/AlibabaPuHuiTi-2-115-Black.ttf)format("truetype");font-style:normal;font-weight:900;font-display:swap;unicode-range:U+2E80-2FFF,U+3000-303F,U+31C0-31EF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE1?,U+FE30-FE4F,U+FF00-FFEF}@font-face{font-family:Alimama FangYuanTi VF;src:url(/fonts/AlimamaFangYuanTiVF.woff2)format("woff2");font-style:normal;font-weight:200 700;font-display:swap;unicode-range:U+2E80-2FFF,U+3000-303F,U+31C0-31EF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE1?,U+FE30-FE4F,U+FF00-FFEF}:root{--font-sans:"Inter Tight", "Alimama FangYuanTi VF", "MiSans VF", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--font-mono:"IBM Plex Mono", "Alimama FangYuanTi VF", "MiSans VF", monospace;--font-zh-display:"Alibaba PuHuiTi Black", "Inter Tight", "MiSans VF", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif}.site{font-variation-settings:"BEVL" 70}.site.lang-zh :is(h1,h2),.site.lang-zh :is(h1,h2) .serif{font-family:var(--font-zh-display);font-synthesis:none;font-variation-settings:normal;font-weight:900}.knowledge-hero{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:clamp(36px,5vw,80px);padding:14px 0 58px;display:grid}.knowledge-hero-copy{min-width:0}.knowledge-hero-eyebrow{color:#c4d3c5;align-items:center;gap:10px;margin-bottom:25px;display:flex}.knowledge-hero-eyebrow>span{background:#d8dfbd;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #d8dfbd0a}.knowledge-hero h1{letter-spacing:-.04em;font-size:clamp(40px,4.45vw,68px);line-height:1.34}.knowledge-hero h1 .serif{color:#dce0cb}.knowledge-hero-description{color:#c7d4c9;max-width:590px;margin-top:26px;font-size:14px;line-height:1.95}.knowledge-start{color:#eee9d5;align-items:center;gap:16px;margin-top:23px;padding-block:7px;font-size:12px;display:inline-flex}.knowledge-start svg{transition:transform .2s}.knowledge-start:hover svg{transform:translateY(3px)}.lang-en .knowledge-hero h1{letter-spacing:-.035em;font-family:DM Serif Display,Georgia,serif;font-size:clamp(43px,4.5vw,68px);font-weight:400;line-height:1.1}.knowledge-index-panel{--glass-tint:#294b3f45;--glass-border:#e1e9d73d;--glass-fill:linear-gradient(145deg, #e4edda0e, #d3e7de03), var(--glass-tint);--glass-shadow:inset 0 1px 0 #ffffff40, inset 0 -1px 0 #e0e9d40d, 0 16px 40px #00160d1f;border-radius:21px;padding:20px;position:relative}.knowledge-index-caption{color:#cad7c9;justify-content:space-between;align-items:baseline;gap:12px;padding:1px 1px 17px;display:flex}.knowledge-index-caption>span:first-child{font:10px/1.6 var(--font-mono);letter-spacing:.08em}.knowledge-index-caption>span:last-child{color:#b7c9ba;white-space:nowrap;font-size:10px;line-height:1.6}.knowledge-topic-list{gap:3px;display:grid}.knowledge-topic-list>button{text-align:left;color:#e1e8d7;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;column-gap:13px;width:100%;min-height:43px;padding:10px 11px;transition:background .18s,border-color .18s;display:grid}.knowledge-topic-list>button>span:first-child{font-size:13px;line-height:1.55}.knowledge-topic-count{font:11px/1 var(--font-mono);color:#a8beb0}.knowledge-topic-list svg{color:#b4c5b6;opacity:.55}.knowledge-topic-list>button:hover{background:#e4edda0e;border-color:#e4edda18}.knowledge-topic-list>button.active{color:#fff5df;background:#e8edd520;border-color:#e5ecc650}.knowledge-topic-list>button.active :is(svg,.knowledge-topic-count){color:#f0ebd2;opacity:1}.knowledge-index-all{color:#eae9cf;text-align:left;background:0 0;border-top:1px solid #d5e0cb2e;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-top:15px;padding:16px 11px 0;font-size:11px;line-height:1.6;display:flex}.knowledge-index-all>span:last-child{font-family:var(--font-mono);align-items:center;gap:12px;display:inline-flex}.knowledge-index-all:hover{color:#fff8e9}.knowledge-results-bar{border-top:1px solid #dce6d032;justify-content:space-between;align-items:center;gap:16px;padding:23px 0;display:flex}.knowledge-results-bar>div{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.knowledge-results-marker{background:#d7dfbc;border-radius:2px;width:4px;height:18px}.knowledge-results-bar strong{color:#e9ecd9;font-size:13px;font-weight:500}.knowledge-results-bar .result-status{color:#b5c9ba;margin:0;padding:0;font-size:10px}.knowledge-clear{color:#dfebd9;white-space:nowrap;background:#e1ecd70c;border:1px solid #e1ecd724;border-radius:18px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 11px;font-size:11px;display:inline-flex}.knowledge-index .notes-index{margin-top:10px;scroll-margin-top:110px}@media (width<=980px) and (width>=641px){.knowledge-hero{grid-template-columns:1fr;gap:34px;padding-bottom:38px}.knowledge-hero h1{font-size:clamp(38px,5.6vw,55px)}.knowledge-hero-description{max-width:620px}.knowledge-topic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px}.knowledge-index-all{margin-top:13px}}@media (width<=640px){.knowledge-hero{grid-template-columns:1fr;gap:30px;padding-top:9px;padding-bottom:32px}.knowledge-hero-eyebrow{margin-bottom:20px;font-size:10px}.knowledge-hero h1{letter-spacing:-.045em;font-size:clamp(29px,8vw,43px);line-height:1.38}.lang-en .knowledge-hero h1{font-size:clamp(34px,9vw,45px);line-height:1.12}.knowledge-hero-description{margin-top:21px;font-size:13px;line-height:1.95}.knowledge-start{min-height:40px;margin-top:14px;font-size:12px}.knowledge-index-panel{border-radius:19px;padding:17px}.knowledge-index-caption{padding-bottom:12px}.knowledge-topic-list>button{min-height:44px;padding-block:10px}.knowledge-index-all{min-height:44px}.knowledge-results-bar{gap:10px;padding:19px 0}.knowledge-results-bar>div{gap:9px}.knowledge-results-bar strong{font-size:12px}.knowledge-results-bar .result-status{font-size:9px}.knowledge-clear{font-size:10px}}@media (prefers-reduced-motion:reduce){.knowledge-start svg,.knowledge-topic-list>button{transition:none}}.casebook-page{padding-top:40px;padding-bottom:100px}.casebook-header{max-width:1100px;margin:50px auto 38px}.casebook-name{color:#cbd9ca;margin-top:30px;font-size:17px}.casebook-header h1{letter-spacing:-.04em;text-wrap:balance;max-width:1050px;margin-top:16px;font-size:clamp(36px,4.6vw,66px);line-height:1.35}.casebook-subtitle{color:#cedbce;max-width:850px;margin-top:25px;font-size:19px;line-height:1.85}.casebook-facts{border-top:1px solid var(--line);grid-template-columns:1.7fr 1fr 1.2fr;gap:35px;margin:35px 0 0;padding-top:27px;display:grid}.casebook-facts dt{font:10px/1.7 var(--font-mono);color:#a9beae;margin-bottom:9px}.casebook-facts dd{color:#e5ead8;margin:0;font-size:13px;line-height:1.85}.casebook-facts dd>span{color:#adc3b4;margin-top:5px;font-size:10px;display:block}.casebook-figure{margin:36px 0 44px}.casebook-image{cursor:zoom-in;background:#10241c;border:1px solid #dce6d537;border-radius:13px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.casebook-image>img{object-fit:contain;width:100%;height:auto;max-height:680px}.casebook-hero-figure{max-width:1100px;margin:42px auto}.casebook-hero-figure .casebook-image{background:radial-gradient(at 50% 35%,#345145,#11251d)}.casebook-hero-figure img{object-fit:contain;min-height:310px;max-height:630px}.casebook-figure figcaption{color:#abc2b3;margin-top:12px;font-size:11px;line-height:1.85}.casebook-opening{max-width:1000px;margin:50px auto 0}.casebook-thesis{color:#ecead3;max-width:850px;font-size:clamp(24px,3vw,38px);line-height:1.7}.casebook-outputs{border-block:1px solid var(--line);grid-template-columns:175px minmax(0,1fr);gap:30px;margin-top:30px;padding:25px 0;display:grid}.casebook-outputs>span{color:#abc3af;font-size:11px;line-height:1.9}.casebook-outputs ul{gap:9px;margin:0;padding-left:16px;display:grid}.casebook-outputs li{color:#d2dfd1;padding-left:3px;font-size:13px;line-height:1.85}.casebook-outputs li::marker{color:#c2cba7}.casebook-layout{grid-template-columns:190px minmax(0,1fr);gap:65px;padding-top:70px;display:grid}.casebook-sidebar{align-self:start;position:sticky;top:118px}.casebook-sidebar>.eyebrow{font-size:9px}.casebook-sidebar nav,.casebook-mobile-toc nav{gap:16px;margin:25px 0 30px;display:grid}.casebook-sidebar nav a,.casebook-mobile-toc nav a{color:#adc2b0;align-items:baseline;gap:10px;font-size:11px;line-height:1.75;display:flex}.casebook-sidebar nav a>span,.casebook-mobile-toc nav a>span{width:18px;font:9px var(--font-mono);opacity:.65;flex-shrink:0}.casebook-sidebar nav a.active,.casebook-sidebar nav a:hover{color:#fff1cc}.casebook-sidebar .button{gap:8px;margin:0 0 12px;padding-inline:12px;font-size:10px}.casebook-article{min-width:0}.casebook-chapter{margin-bottom:85px;scroll-margin-top:120px}.casebook-chapter-index{font:9px/1.8 var(--font-mono);color:#b3c5ad;margin-bottom:16px;display:block}.casebook-chapter>h2{letter-spacing:-.025em;max-width:780px;margin:0 0 26px;font-size:31px;line-height:1.5}.casebook-chapter>p{color:#c9d8ca;max-width:780px;margin:20px 0 0;font-size:16px;line-height:2.05}.casebook-chapter>p>strong{color:#f2edd7;font-weight:700}.casebook-chapter .story-items{margin-block:30px}.casebook-chapter .story-items h3{font-size:19px;line-height:1.6}.casebook-chapter .story-items p{font-size:15px;line-height:1.95}.casebook-flow{margin:32px 0}.casebook-flow figcaption{color:#adc3b1;margin-bottom:15px;font-size:10px}.casebook-flow ol{background:#e0e9d707;border:1px solid #d7e5d330;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;list-style:none;display:grid;overflow:hidden}.casebook-flow li{border-bottom:1px solid #d7e5d325;border-right:1px solid #d7e5d325;padding:23px;position:relative}.casebook-flow li:nth-child(2n){border-right:0}.casebook-flow li:nth-last-child(-n+2){border-bottom:0}.casebook-flow li>span{font:10px var(--font-mono);color:#adbd9b;margin-bottom:14px;display:block}.casebook-flow strong{color:#f2edd7;font-size:17px;font-weight:550;line-height:1.6;display:block}.casebook-flow p{color:#c5d3c4;margin-top:10px;font-size:13px;line-height:1.9}.casebook-table{border:1px solid #d5e4d430;border-radius:12px;margin:32px 0;overflow:hidden}.casebook-table table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%}.casebook-table th{color:#e6e9d5;background:#d9e5d60c;padding:15px 18px;font-size:11px;font-weight:500}.casebook-table td{vertical-align:top;color:#c9d8c8;overflow-wrap:anywhere;border-top:1px solid #d5e4d425;padding:17px 18px;font-size:13px;line-height:1.85}.casebook-table td:first-child{color:#eee9d1}.casebook-evidence{border-top:1px solid var(--line);margin-top:32px}.casebook-evidence>div{border-bottom:1px solid var(--line);grid-template-columns:84px minmax(0,1fr);gap:22px;padding:24px 0;display:grid}.casebook-evidence-kind{color:#d0dfc6;text-align:center;background:#b7cea616;border-radius:4px;align-self:start;padding:5px 7px;font-size:9px;line-height:1.7}.casebook-evidence h3{color:#eae9d6;margin:0;font-size:18px;font-weight:500;line-height:1.6}.casebook-evidence p{color:#bcd0bf;margin-top:10px;font-size:14px;line-height:1.95}.casebook-evidence a{color:#e9e3c8;border-bottom:1px solid #e9e3c840;align-items:center;gap:9px;margin-top:13px;padding-bottom:3px;font-size:11px;display:inline-flex}.casebook-mobile-toc,.casebook-mobile-actions{display:none}@media (width<=1000px){.casebook-layout{grid-template-columns:160px minmax(0,1fr);gap:35px}.casebook-chapter>h2{font-size:27px}.casebook-facts{gap:20px}}@media (width<=759px){.casebook-mobile-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.casebook-page{padding-top:25px;padding-bottom:65px}.casebook-header{margin-top:34px}.casebook-header h1{font-size:clamp(27px,7.8vw,36px);line-height:1.45}.casebook-name{margin-top:24px;font-size:14px}.casebook-subtitle{margin-top:20px;font-size:15px;line-height:1.9}.casebook-facts{grid-template-columns:1fr 1fr;gap:20px 24px;margin-top:27px;padding-top:22px}.casebook-facts>div:first-child{grid-column:1/-1}.casebook-facts dt{font-size:9px}.casebook-facts dd{font-size:12px}.casebook-hero-figure{margin-block:30px}.casebook-hero-figure img{min-height:160px;max-height:440px}.casebook-figure figcaption{font-size:10px}.casebook-opening{margin-top:35px}.casebook-thesis{font-size:25px}.casebook-outputs{grid-template-columns:1fr;gap:16px}.casebook-outputs li{font-size:12px}.casebook-mobile-toc{background:#dce5d708;border:1px solid #d7e5d333;border-radius:12px;margin-top:25px;padding:17px;display:block}.casebook-mobile-toc summary{cursor:pointer;font-size:12px}.casebook-mobile-toc nav{gap:14px;margin-bottom:0}.casebook-layout{padding-top:40px;display:block}.casebook-sidebar{display:none}.casebook-chapter{margin-bottom:55px;scroll-margin-top:100px}.casebook-chapter-index{font-size:8px}.casebook-chapter>h2{margin-bottom:23px;font-size:25px}.casebook-chapter>p{font-size:14px;line-height:2}.casebook-chapter .story-items p{font-size:14px}.casebook-chapter .story-items h3{font-size:18px}.casebook-flow ol{grid-template-columns:1fr}.casebook-flow li{border-right:0;padding:20px}.casebook-flow li:nth-last-child(-n+2){border-bottom:1px solid #d7e5d325}.casebook-flow li:last-child{border-bottom:0}.casebook-flow strong{font-size:16px}.casebook-table table,.casebook-table tbody,.casebook-table tr,.casebook-table td{width:100%;display:block}.casebook-table thead{display:none}.casebook-table tr{border-top:1px solid var(--line);padding-block:10px}.casebook-table tr:first-child{border-top:0}.casebook-table td{border:0;padding:9px 18px;font-size:12px}.casebook-table td:before{content:attr(data-label);color:#a4bda9;margin-bottom:5px;font-size:9px;display:block}.casebook-evidence>div{grid-template-columns:1fr;gap:13px;padding-block:22px}.casebook-evidence-kind{justify-self:start}.casebook-evidence p{font-size:13px}.casebook-evidence h3{font-size:17px}}html:has(.article-deck-page){scroll-behavior:auto}.article-deck-intro{border-block:1px solid var(--line);grid-template-columns:185px minmax(0,1fr);gap:18px 38px;max-width:1070px;margin:0 auto;padding:26px 0;display:grid}.article-deck-intro>div{flex-direction:column;grid-row:span 2;gap:7px;display:flex}.article-deck-intro strong{font:46px/1 var(--font-mono);color:#eee8cd;letter-spacing:-.06em;font-weight:400}.article-deck-intro span{color:#c5d3c4;font-size:11px}.article-deck-intro>p{color:#d0dcce;font-size:14px;line-height:1.9}.article-deck-intro>.deck-scope-note{color:#aabfae;font-size:11px}.article-deck-page .article-layout{grid-template-columns:220px minmax(0,1fr);gap:50px;max-width:1250px}.article-deck-toc{scrollbar-width:thin;scrollbar-color:#b0c1a94d transparent;max-height:calc(100dvh - 150px);padding-right:13px;overflow-y:auto}.article-deck-toc>.eyebrow{margin-bottom:10px}.deck-toc-group{margin-bottom:24px}.deck-toc-group>p{color:#d4dfc9;border-bottom:1px solid #d4dfc925;justify-content:space-between;gap:12px;padding-bottom:9px;font-size:10px;display:flex}.deck-toc-group>p>span{font:9px var(--font-mono);opacity:.55}.deck-toc-group a{color:#abc1b1;grid-template-columns:20px minmax(0,1fr);gap:6px;padding:9px 0;font-size:11px;line-height:1.8;display:grid}.deck-toc-group a>span{font:9px/2 var(--font-mono);opacity:.65}.deck-toc-group a:hover,.deck-toc-group a[aria-current=location]{color:#fff0ce}.article-slide-meta{border-top:1px solid var(--line);font:9px/1.8 var(--font-mono);letter-spacing:.04em;color:#aec2af;justify-content:space-between;gap:15px;margin-bottom:18px;padding-top:22px;display:flex}.article-deck-page .article-prose .article-slide-section{margin-bottom:75px;scroll-margin-top:125px}.article-deck-page .article-prose h2{font-size:29px}.source-slide-figure{margin:26px 0 30px}.source-slide-figure>button{cursor:zoom-in;background:#070516;border:1px solid #d4dfc944;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.source-slide-figure img{object-fit:contain;width:100%;height:auto;display:block}.source-slide-figure figcaption{color:#a9bfaf;margin-top:11px;font-size:10px;line-height:1.8}.article-deck-page .article-prose .slide-commentary-label{color:#aabfa8;letter-spacing:.06em;margin-top:25px;font-size:10px}.slide-annotation{background:#dfd5b208;border-left:2px solid #d1c18e88;margin-top:25px;padding:17px 20px}.slide-annotation h3{color:#e2d9b7;font-size:11px;font-weight:550}.article-deck-page .article-prose .slide-annotation p{color:#bdccba;margin-top:9px;font-size:12px;line-height:1.95}.article-deck-mobile-toc{display:none}@media (width<=900px){.article-deck-page .article-layout{grid-template-columns:170px minmax(0,1fr);gap:28px}}@media (width<=759px){.article-deck-intro{grid-template-columns:1fr;gap:18px;padding-block:23px}.article-deck-intro>div{flex-direction:row;grid-row:auto;align-items:baseline;gap:16px}.article-deck-intro strong{font-size:37px}.article-deck-intro>p{font-size:13px}.article-deck-intro>.deck-scope-note{font-size:10px}.article-deck-page .article-layout{padding-top:35px;display:block}.article-deck-toc{display:none}.article-deck-mobile-toc{border:1px solid var(--line);background:#dce7cf07;border-radius:12px;margin-top:24px;padding:18px;display:block}.article-deck-mobile-toc summary{color:#d8e1ce;cursor:pointer;font-size:12px}.article-deck-mobile-toc nav{max-height:60dvh;margin-top:22px;overflow-y:auto}.deck-toc-group:last-child{margin-bottom:0}.article-deck-page .article-prose h2{font-size:24px}.article-deck-page .article-prose .article-slide-section{margin-bottom:48px;scroll-margin-top:95px}.article-slide-meta{padding-top:18px;font-size:8px}.source-slide-figure{margin-block:23px}.source-slide-figure figcaption{font-size:9px}.source-slide-figure .frame-enlarge{opacity:1}.slide-annotation{padding:15px 16px}.article-deck-page .article-prose .slide-annotation p{font-size:12px}.article-source-lightbox .frame-lightbox-bar>span{text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}}:root{--font-display-en:"DM Serif Display", "Alimama FangYuanTi VF", Georgia, serif;--font-display:"DM Serif Display", "Alibaba PuHuiTi Black", Georgia, serif}.site.lang-en :is(h1,h2,h3,h4),.site.lang-en :is(h1,h2,h3,h4) .serif{font-family:var(--font-display-en);font-synthesis:none;font-weight:400}.site.lang-zh :is(h1,h2,h3,h4),.site.lang-zh :is(h1,h2,h3,h4) .serif{font-family:var(--font-display);font-synthesis:none}.site.lang-zh :is(h3,h4){font-family:DM Serif Display,Alimama FangYuanTi VF,Georgia,serif;font-weight:550}.site :is(.cover-copy>strong,.knowledge-cover-title,.power-discovery>span){font-family:var(--font-display);font-synthesis:none;font-weight:900}.site.lang-en :is(.cover-copy>strong,.knowledge-cover-title,.power-discovery>span),.site.lang-en :is(.casebook-name,.detail-project-name,.article-related-project strong,.practice-links strong){font-family:var(--font-display-en);font-weight:400}.power-discovery{color:#203930;isolation:isolate;transform-origin:85% 115%;align-items:center;gap:4px;width:max-content;max-width:278px;min-height:60px;padding:13px 10px 13px 19px;animation:.85s cubic-bezier(.18,.9,.25,1.2) both power-invitation;display:flex;position:absolute;bottom:calc(100% + 15px);right:-7px}.power-discovery-shape{z-index:-1;pointer-events:none;filter:drop-shadow(0 8px 14px #173d3b35);width:100%;height:calc(100% + 12px);position:absolute;inset:0 auto auto 0;overflow:visible}.power-discovery>span{letter-spacing:.01em;font-size:13px;line-height:1.65}.lang-en .power-discovery>span{font-size:17px;line-height:1.25}.power-discovery>button{color:#385848;width:28px;height:34px;font:22px/1 var(--font-sans);z-index:1;background:0 0;flex-shrink:0;position:relative}.power-sheen{display:none}.has-power-hint .power-icon-button{animation:1.05s .3s both power-elastic}.has-power-hint .power-sheen{pointer-events:none;border-radius:50%;display:block;position:absolute;inset:10%;overflow:hidden}.has-power-hint .power-sheen:after{content:"";background:linear-gradient(110deg,#0000 38%,#fff0 42%,#ffffffb3 50%,#fff0 58%,#0000 62%);animation:1.5s ease-in-out .5s both power-sweep;position:absolute;inset:-25% -90%;transform:translate(-65%)rotate(-10deg)}@keyframes power-invitation{0%{opacity:0;transform:translateY(12px)scale(.82)rotate(2deg)}to{opacity:1;transform:none}}@keyframes power-elastic{0%,to{filter:drop-shadow(0 0 #fff0);transform:scale(1)}35%{filter:drop-shadow(0 0 12px #fff8);transform:scale(1.14)}57%{transform:scale(.96)}78%{transform:scale(1.04)}}@keyframes power-sweep{to{transform:translate(65%)rotate(-10deg)}}.cover-sage{--cover-base:#c5cfb9;--cover-ink:#263c35;--cover-accent:#869a77}.cover-mist{--cover-base:#bfd0d0;--cover-ink:#243c43;--cover-accent:#769da5}.cover-iris{--cover-base:#c9c2d8;--cover-ink:#383147;--cover-accent:#9e8fb7}.cover-sand{--cover-base:#d9d0b9;--cover-ink:#494335;--cover-accent:#afa080}.cover-clay{--cover-base:#d8c3b8;--cover-ink:#493a37;--cover-accent:#b59488}.project-art.editorial-cover{isolation:isolate;background:var(--cover-base);color:var(--cover-ink);border:1px solid #ffffff70;display:block;position:relative;overflow:hidden;container-type:inline-size;padding:0!important}.editorial-cover:before,.knowledge-designed:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 5% 0,#ffffffe0,#0000 65%),linear-gradient(150deg,#fff1,#0000 60%,#233d351a);position:absolute;inset:0}.cover-caption{font:8px/1.5 var(--font-mono);letter-spacing:.06em;opacity:.75;justify-content:space-between;gap:10px;display:flex}.editorial-cover .cover-caption{position:absolute;top:6%;left:6%;right:6%}.cover-copy{z-index:2;position:absolute;top:15%;left:6%;right:6%}.cover-copy>strong{letter-spacing:-.035em;max-width:93%;font-size:clamp(22px,5.9cqw,38px);line-height:1.22;display:block}.cover-copy>span{opacity:.7;margin-top:8px;font-size:clamp(9px,2.5cqw,13px);line-height:1.6;display:block}.cover-window{background:#182021;border:5px solid #ffffff70;border-bottom:0;border-radius:13px 13px 0 0;width:84%;height:67%;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;top:39%;left:9%;overflow:hidden;transform:rotate(-2deg);box-shadow:0 20px 35px #263d3c30,inset 0 1px #fff}.cover-window>img{object-fit:cover;object-position:top center;border-radius:7px 7px 0 0;width:100%;height:100%;display:block}.cover-board .cover-window{border-bottom:5px solid #ffffff70;border-radius:10px;width:88%;height:55%;top:40%;left:6%;transform:rotate(1.5deg)}.cover-board .cover-window>img{object-fit:contain;border-radius:4px}.cover-phone .cover-copy{width:42%;top:22%}.cover-phone .cover-copy strong{font-size:clamp(23px,6.7cqw,44px);line-height:1.28}.cover-phone .cover-window{border:5px solid #faffef91;border-radius:23px;width:33%;height:90%;top:17%;left:56%;transform:rotate(7deg)}.cover-phone .cover-window>img{object-fit:cover;border-radius:17px}.cover-artifact-label{font:7px/1.5 var(--font-mono);letter-spacing:.04em;color:#30453b;z-index:3;background:#f5faeeed;border:1px solid #fff9;border-radius:7px;padding:5px 8px;position:absolute;bottom:6%;left:6%}.project-card-link:hover .cover-window{transform:translateY(-5px)rotate(0)}.media-status,.editorial-cover .cover-caption>span:last-child{display:none}.project-art.editorial-cover.cover-board{grid-template-rows:auto auto minmax(0,1fr);gap:4%;display:grid;padding:6%!important}.cover-board .cover-caption,.cover-board .cover-copy{width:auto;min-width:0;position:static}.cover-board .cover-copy>strong{font-size:clamp(21px,5.4cqw,34px);line-height:1.15}.cover-board .cover-copy>span{margin-top:5px}.cover-board .cover-window{background:#182021;border:1px solid #ffffff8c;border-radius:8px;width:100%;height:100%;min-height:0;position:relative;inset:auto;transform:none}.cover-board .cover-window>img{object-position:center;border-radius:7px}.cover-board.screen-samer .cover-window{background:#130322}.project-card-link:hover .cover-board .cover-window{transform:none}.cover-board .cover-artifact-label{padding:4px 6px;font-size:6px;bottom:8%;left:auto;right:8%}.selected-cases{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px}.selected-cases>.project-card:first-child{grid-row:auto}.selected-cases>.project-card .project-art,.selected-cases>.project-card:first-child .project-art{aspect-ratio:4/3;width:100%;height:auto;min-height:0}.selected-cases .project-card-body{padding-top:20px}.selected-cases .project-card-body>h3{margin-top:12px;font-size:clamp(21px,2vw,30px);line-height:1.4}.selected-cases .project-card-body>p{font-size:12px;line-height:1.9}.selected-cases .card-read{margin-top:18px;display:flex}@media (width<=1100px){.selected-cases{grid-template-columns:1fr;gap:38px}.selected-cases>.project-card .project-card-link{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:28px;display:grid}.selected-cases .project-card-body{padding-top:0}}@media (width<=640px){.selected-cases>.project-card .project-card-link{display:block}.selected-cases .project-card-body{padding-top:18px}.cover-board .cover-copy>strong{font-size:5.9cqw}}.knowledge-designed{color:var(--cover-ink);background:var(--cover-base);isolation:isolate;border:1px solid #ffffff75;flex-direction:column;padding:7%;display:flex;container-type:inline-size}.knowledge-designed .cover-caption>span:first-child{align-items:center;gap:7px;display:flex}.knowledge-cover-title{z-index:2;letter-spacing:-.025em;max-width:92%;margin-top:9%;font-size:clamp(21px,7.2cqw,34px);line-height:1.3;position:relative}.knowledge-cover-footer{font:7px/1.5 var(--font-mono);letter-spacing:.04em;z-index:2;border-top:1px solid #233e3538;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:4%;display:flex}.knowledge-cover-footer>span:last-child{align-items:center;gap:6px;display:flex}.knowledge-motif{justify-content:center;align-items:center;gap:6%;width:63%;height:38%;display:flex;position:absolute;bottom:18%;right:7%;transform:rotate(-8deg)}.knowledge-motif i{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(140deg,#ffffffc4,#ffffff35);border:1px solid #fff9;border-radius:16%;width:23%;height:62%;display:block;box-shadow:5px 10px 20px #31493d15,inset 0 1px #fff}.knowledge-motif i:nth-child(n+4){display:none}.motif-data{align-items:end;gap:7%;padding-bottom:3%;transform:none}.motif-data i{border-radius:9px 9px 2px 2px;width:20%;height:45%}.motif-data i:nth-child(2){height:70%}.motif-data i:nth-child(3){height:95%}.motif-direction i:nth-child(2){background:var(--cover-accent);border-radius:4px;width:19%;height:43%;transform:rotate(45deg)}.motif-direction i:first-child{transform:rotate(-15deg)}.motif-direction i:nth-child(3){transform:rotate(15deg)}.motif-levels i{aspect-ratio:1;border-radius:50%;width:22%;height:auto}.motif-levels i:nth-child(2){width:30%}.motif-levels i:nth-child(3){width:38%}.motif-orbit{transform:rotate(-14deg)}.motif-orbit i{aspect-ratio:1;background:0 0;border:12px solid #ffffff75;border-radius:50%;width:57%;height:auto;position:absolute}.motif-orbit i:nth-child(2){border-width:1px;width:80%}.motif-orbit i:nth-child(3){background:var(--cover-accent);border-width:3px;width:15%;top:10%;right:9%}.motif-profile i:first-child{border-radius:13px;width:80%;height:76%}.motif-profile i:nth-child(2){aspect-ratio:1;background:var(--cover-accent);border-radius:50%;width:23%;height:auto;position:absolute;top:-3%;left:22%}.motif-profile i:nth-child(3){display:none}.motif-layers i{width:55%;height:65%;position:absolute;transform:rotate(-8deg)translate(-20%,-15%)}.motif-layers i:nth-child(2){transform:translate(0)}.motif-layers i:nth-child(3){transform:rotate(8deg)translate(20%,15%)}.motif-devices i:first-child{border-radius:8px;width:65%;height:75%}.motif-devices i:nth-child(2){background:var(--cover-accent);border:3px solid #fff9;width:23%;height:68%;margin-top:25%;margin-left:-15%}.motif-devices i:nth-child(3){display:none}.motif-sound{gap:6%;transform:none}.motif-sound i{border-radius:20px;width:9%;height:45%;display:block!important}.motif-sound i:nth-child(2),.motif-sound i:nth-child(4){height:75%}.motif-sound i:nth-child(3){height:100%}.article-cover .knowledge-designed{height:380px;padding:30px 6%}.article-cover .knowledge-cover-title{max-width:68%;margin-top:25px;font-size:clamp(27px,4vw,48px)}.article-cover .knowledge-motif{width:35%;height:45%;bottom:20%}.article-cover .knowledge-cover-footer{padding-top:12px}@media (width<=759px){.power-discovery{transform-origin:15% 115%;max-width:min(270px,100vw - 45px);left:-5px;right:auto}.power-discovery-shape{transform:scaleX(-1)}}@media (width<=640px){.power-discovery>span{font-size:12px}.lang-en .power-discovery>span{font-size:16px}.cover-caption{font-size:7px}.cover-copy>strong{font-size:6.6cqw}.article-cover .knowledge-designed{height:270px;padding:22px}.article-cover .knowledge-cover-title{max-width:95%;font-size:28px}.article-cover .knowledge-motif{width:53%;height:32%;bottom:20%}}@media (prefers-reduced-motion:reduce){.power-discovery,.has-power-hint .power-icon-button,.has-power-hint .power-sheen:after{animation:none}.project-card-link:hover .cover-window{transform:none}.cover-window{transition:none}}.casebook-video{margin:32px 0}.casebook-video video{background:#171d20;border:1px solid #d8e6d440;border-radius:14px;width:100%;height:auto;display:block}.casebook-video figcaption{color:#bfd1c2;margin-top:12px;font-size:11px;line-height:1.8}.site,.frame-lightbox{-webkit-user-select:none;user-select:none}.site :is(input,textarea,[contenteditable=true],[role=textbox]){-webkit-user-select:text;user-select:text}.site img,.frame-lightbox img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.content-protection-notice{z-index:20000;color:#f8f3df;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#183e32ed;border:1px solid #f4f1dc5c;border-radius:14px;width:max-content;max-width:calc(100vw - 40px);padding:14px 20px;font-size:12px;line-height:1.7;transition:opacity .2s,transform .2s;position:fixed;bottom:30px;left:50%;transform:translate(-50%,10px);box-shadow:0 10px 40px #031e3370}.content-protection-notice.is-visible{opacity:1;transform:translate(-50%)}.protected-preview-label{font:9px/1.7 var(--font-mono);color:#c6d3bf;margin-left:auto}@media print{.site,.frame-lightbox{display:none!important}body{color:#000;background:#fff}body:before{content:"Ree · 图文仅供在线浏览，未经许可请勿复制或转载。";padding:30px;display:block}html[lang=en] body:before{content:"Ree · Online viewing only. Do not reproduce without permission."}}.knowledge-evidence{border-top:1px solid #dfebd333;margin:28px 0 35px;padding-top:22px}.knowledge-evidence-heading>span{font:9px/1.7 var(--font-mono);color:#a9c0ae;letter-spacing:.03em}.knowledge-evidence-heading h3{color:#fff2d8;margin-top:10px;font-size:23px;line-height:1.55}.knowledge-evidence .source-slide-figure{margin-block:18px 20px}.knowledge-evidence .source-slide-figure>button:after{content:"Ree. / VIEW ONLY";color:#fff5dd;font:8px var(--font-mono);pointer-events:none;background:#19392bc9;border:1px solid #ffffef59;border-radius:5px;padding:5px 9px;position:absolute;bottom:12px;right:12px}.knowledge-evidence-reading{background:#b9ccb40b;border:1px solid #d4dfc92a;border-radius:12px;padding:21px 24px}.knowledge-evidence-reading>span{font:9px/1.7 var(--font-mono);color:#d2d9b9}.knowledge-evidence-reading ul{margin:12px 0 0;padding-left:17px}.knowledge-evidence-reading li{color:#c4d5c7;margin-top:7px;padding-left:3px;font-size:14px;line-height:1.95}.knowledge-article .article-prose p.knowledge-evidence-limit{color:#adc5b2;border-left:2px solid #cbd5a96b;margin-top:13px;padding-left:15px;font-size:12px;line-height:1.9}@media (width<=640px){.knowledge-evidence-heading h3{font-size:20px}.knowledge-evidence-reading{padding:18px}.knowledge-evidence-reading li{font-size:13px}.protected-preview-label{text-align:right;max-width:110px;font-size:7px}.content-protection-notice{font-size:11px;bottom:95px}}html:has(.knowledge-article){scroll-behavior:auto}.knowledge-reading-guide{border-block:1px solid #d8e6d430;grid-template-columns:1.15fr 1fr;gap:45px;margin:38px 0 12px;padding:32px 0;display:grid}.knowledge-reading-guide span{font:9px/1.6 var(--font-mono);letter-spacing:.06em;color:#b3c6b7}.knowledge-reading-guide p{color:#d9e2cd;margin-top:12px;font-size:14px;line-height:1.9}.knowledge-reading-guide>div:first-child p{color:#fff3db;font-size:20px;line-height:1.7}.knowledge-toc{scrollbar-width:thin;max-height:calc(100svh - 160px);padding-right:12px;overflow-y:auto}.knowledge-toc nav,.knowledge-mobile-toc nav{flex-direction:column;gap:4px;display:flex}.knowledge-toc nav a,.knowledge-mobile-toc nav a{color:#bccfc2;gap:12px;padding:9px 0;font-size:11px;line-height:1.7;display:flex}.knowledge-toc nav a>span,.knowledge-mobile-toc nav a>span{font:9px/1.9 var(--font-mono);opacity:.65}.knowledge-toc nav a[aria-current=location]{color:#fff3db}.knowledge-mobile-toc{display:none}.knowledge-article .knowledge-chapter{border-top:1px solid #cfdccb30;margin-bottom:65px;padding-top:20px}.knowledge-chapter-label{font:8px/1.7 var(--font-mono);color:#a6c0ac;letter-spacing:.05em;justify-content:space-between;gap:15px;margin-bottom:16px;display:flex}.knowledge-article .knowledge-method-steps{border-block:1px solid #e1ebd430;margin:28px 0;padding:0;list-style:none}.knowledge-method-steps li{border-bottom:1px solid #e1ebd420;gap:20px;padding:23px 0;display:flex}.knowledge-method-steps li:last-child{border:0}.knowledge-method-steps li>span{font:11px/1.8 var(--font-mono);color:#c6cfaa}.knowledge-method-steps h3{font-size:20px;line-height:1.45}.knowledge-article .knowledge-method-steps p{margin-top:9px;font-size:14px}.knowledge-method-table{background:#b5cbb509;border:1px solid #deead13b;border-radius:14px;margin:30px 0;overflow:hidden}.knowledge-method-table table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%}.knowledge-method-table th{color:#e4e7d2;background:#d3e2be12;padding:17px;font-size:12px;font-weight:500;line-height:1.7}.knowledge-method-table td{color:#c7d6ca;vertical-align:top;overflow-wrap:anywhere;border-top:1px solid #deead122;padding:18px 17px;font-size:13px;line-height:1.85}.knowledge-example{background:linear-gradient(130deg,#deead218,#a8c4b709);border:1px solid #d9e5d13d;border-radius:17px;margin:30px 0;padding:28px;box-shadow:inset 0 1px #fff2}.knowledge-example>span{font:8px/1.8 var(--font-mono);color:#b9c9ae;letter-spacing:.04em;margin-bottom:14px;display:block}.knowledge-example h3{color:#f5eed6;font-size:21px;line-height:1.5}.knowledge-article .knowledge-example p{margin-top:14px;font-size:14px}.knowledge-source-note{border-block:1px solid #deead130;padding:28px 0}.knowledge-article .knowledge-source-note h2{font-size:23px}.knowledge-article .knowledge-source-note p{font-size:12px}@media (width<=760px){.knowledge-reading-guide{grid-template-columns:1fr;gap:25px;margin-top:25px;padding-block:26px}.knowledge-reading-guide p{font-size:12px}.knowledge-reading-guide>div:first-child p{font-size:17px}.knowledge-article .article-layout{display:block}.knowledge-toc{display:none}.knowledge-mobile-toc{border-bottom:1px solid #dce5d033;margin-top:20px;padding:14px 0;display:block}.knowledge-mobile-toc summary{cursor:pointer;color:#f2ecd2;padding:8px 0;font-size:12px}.knowledge-mobile-toc nav{padding-top:15px}.knowledge-article .knowledge-chapter{margin-bottom:45px;padding-top:18px}.knowledge-chapter-label{font-size:7px}.knowledge-method-table thead{display:none}.knowledge-method-table tr{border-top:1px solid #deead130;padding:15px;display:block}.knowledge-method-table tr:first-child{border:0}.knowledge-method-table td{border:0;grid-template-columns:85px minmax(0,1fr);gap:13px;padding:6px 0;font-size:12px;display:grid}.knowledge-method-table td:before{content:attr(data-label);color:#a6bba9;font-size:10px}.knowledge-example{padding:22px}.knowledge-example h3,.knowledge-method-steps h3{font-size:18px}.knowledge-article .knowledge-method-steps p,.knowledge-article .knowledge-example p{font-size:13px}}