/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-misans),sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.border-collapse{border-collapse:collapse}.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}.fill-rule{fill:var(--border-subtle)}.italic{font-style:italic}.underline{text-decoration-line:underline}.blur{--tw-blur:blur(8px)}.blur,.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{--background-primary:#101010;--background-secondary:#1e1e20;--text-primary:#f7f7f7;--text-secondary:#dedede;--text-muted:#8e8e8e;--surface-primary:#202020;--surface-secondary:#292929;--border-subtle:#353535;--accent:#215bd9;--gutter:5vw;--container-width:1680px;--font-sans:var(--font-misans),sans-serif;--motion-ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark;scroll-padding-top:104px}body{background:var(--background-primary);color:var(--text-primary);font-family:var(--font-misans),sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.6}body:has(.zoom-dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,summary,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button{color:inherit}dl,figure,h1,h2,h3,h4,p{margin:0}h1,h2{letter-spacing:-.035em;font-size:54px;line-height:1.3333}h1,h2,h3{font-weight:500}img{max-width:100%;display:block}::selection{color:#fff;background:#215bd9}:focus-visible{outline-offset:4px;outline:2px solid #a8baff}.container,.shell{width:min(90%,var(--container-width));margin-inline:auto}.muted{color:var(--text-muted)}.skip-link{z-index:100;background:#303030;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101010ed;position:fixed;top:0;left:0;right:0}.header-inner{grid-template-columns:25% 1fr auto;align-items:center;height:80px;display:grid;position:relative}.avatar{color:#292825;background:#ddd9d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:500;display:inline-flex}.avatar-link{width:fit-content;display:flex}.avatar-large{color:#636363;background:#232323;border-radius:16px;width:100%;height:100%;font-size:clamp(100px,12vw,200px);font-weight:300}.desktop-nav{align-items:center;gap:40px;display:flex}.desktop-nav a,.footer nav a{color:#d1d1d1;font-size:14px;transition:color .2s}.desktop-nav a:hover,.footer nav a:hover{color:#fff}.header-actions{align-items:center;gap:24px;display:flex}.language-toggle{color:var(--text-muted);white-space:nowrap;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:12px}.language-toggle:hover{color:#fff}.menu-toggle{background:0 0;border:0;flex-direction:column;justify-content:center;gap:4px;width:28px;height:44px;padding:12px 2px;display:flex;position:relative}.menu-toggle span{background:#999;width:24px;height:1px;transition:transform .25s,opacity .2s;display:block}.menu-toggle.is-open span:first-child{transform:translateY(5px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.mobile-call{display:none}.site-menu{width:220px;animation:menuIn .22s var(--motion-ease);background:#202020;border-radius:14px;padding:20px;position:absolute;top:66px;right:0;box-shadow:0 20px 50px #0003}.site-menu nav{flex-direction:column;gap:16px;display:flex}.site-menu nav a{color:#ddd;align-items:center;min-height:28px;font-size:14px;display:flex}.site-menu nav a:hover{color:#fff}.mobile-menu-links{display:none}.menu-divider{background:#303030;height:1px;margin:18px 0 22px}.site-menu>.button{width:100%;min-height:40px;padding-inline:8px;font-size:12px}.social-links{gap:8px}.social-links,.social-links a{align-items:center;display:flex}.social-links a{color:#aaa;background:#262626;border-radius:30px;justify-content:center;width:44px;height:32px;font-size:20px;transition:background .2s,color .2s}.social-links a:hover{color:#fff;background:#353535}.site-menu .social-links{gap:6px;margin-top:20px}.site-menu .social-links a{width:40px}.button{color:#fff;white-space:nowrap;cursor:pointer;background:#262626;border:1px solid #303030;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 24px;font-size:14px;line-height:24px;transition:background .2s,transform .25s;display:inline-flex}.button:hover{background:#333}.button:active{transform:scale(.98)}.button-primary{background:var(--accent);border-color:#0000}.button-primary:hover{background:#1b4dba}.button-dark{background:#3338;border-color:#0000;min-height:40px;padding-inline:16px;font-size:12px}.button-row{flex-wrap:wrap;gap:8px;margin-top:40px;display:flex}.page-heading{padding-top:104px;padding-bottom:56px}.offset-heading,.page-heading>div,.site-cta{margin-left:25%}.case-summary,.offset-heading>p,.page-heading p,.site-cta>p{color:#ddd;max-width:960px;margin-top:8px;font-size:20px;line-height:32px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.work-grid>div{min-width:0}.work-card{aspect-ratio:1.475;isolation:isolate;background:#1e1e20;border-radius:14px;display:block;position:relative;overflow:hidden}.cover-art{width:100%;height:100%;transition:transform .6s var(--motion-ease);justify-content:center;align-items:center;gap:7%;padding:6.3%;display:flex;position:relative}.work-card:focus-visible .cover-art,.work-card:hover .cover-art{transform:scale(1.025)}.cover-art .cover-image{flex-shrink:0;width:26%;height:84%}.cover-art .cover-image>div,.cover-art .motion-scale,.cover-art .project-image-surface{height:100%}.cover-art .cover-image img{object-fit:contain;width:100%!important;height:100%!important}.cover-art .cover-image-0{height:90%}.cover-art--nio-energy-map .cover-image-1{height:78%;transform:translateY(16px)}.cover-art--nio-energy-map .cover-image-2{height:78%;transform:translateY(-12px)}.cover-count-1 .cover-image{width:100%;height:100%}.cover-art--athena{background:#202524;padding:12%}.cover-art--athena .cover-image{background:#cfe8e1;border-radius:14px;height:50%;overflow:hidden}.cover-art--resource-map{padding:7%}.cover-art--resource-map .cover-image{height:100%}.type-cover{color:#a1a1a1;letter-spacing:.04em;font-size:clamp(36px,4.5vw,76px);font-weight:300}.cover-art--occ{background:#202020}.work-card-caption{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;filter:blur(4px);transition:opacity .25s,transform .3s var(--motion-ease),filter .3s;z-index:3;background:#6666;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;bottom:16px;left:16px;right:16px;transform:translateY(12px)}.work-card:focus-visible .work-card-caption,.work-card:hover .work-card-caption{opacity:1;filter:none;transform:translateY(0)}.work-card-caption>div{min-width:0}.work-card-caption h2{letter-spacing:-.01em;font-size:18px;font-weight:400;line-height:24px}.work-card-caption h2,.work-card-caption p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-card-caption p{color:#ccc;margin-top:2px;font-size:14px}.work-card-caption>.button{flex-shrink:0}.site-cta{max-width:640px;padding-block:96px 160px}.site-cta>p{margin-top:24px}.footer{padding-bottom:64px}.footer-top-row{justify-content:space-between;align-items:center;gap:40px;display:flex}.footer nav{flex-wrap:wrap;gap:40px;display:flex}.footer-signature{text-align:center;letter-spacing:-.06em;white-space:nowrap;margin:144px 0 96px;font-size:clamp(100px,26vw,400px);font-weight:400;line-height:1.15;display:block}.footer-credits{color:#aaa;justify-content:space-between;gap:24px;font-size:14px;display:flex}html[lang=en] .footer-signature{font-size:clamp(96px,20vw,320px)}.home-hero{padding-top:104px;padding-bottom:80px}.home-hero>div{max-width:960px;margin-left:25%}.home-hero h1{letter-spacing:-.04em;max-width:920px;font-size:72px;line-height:1.22}.home-hero p{color:#ddd;max-width:680px;margin-top:32px;font-size:20px;line-height:32px}.home-hero .button-row{margin-top:40px}.grid-after{text-align:center;margin-top:32px}.collaboration-section,.home-about{padding-block:120px 40px}.offset-heading h2{max-width:800px}.offset-heading>p{max-width:640px;margin-top:24px}.offset-heading>.button{margin-top:32px}.service-section{padding-top:128px;scroll-margin-top:104px}.service-section .offset-heading{margin-bottom:56px}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.service-card{background:#202020;border-radius:14px;flex-direction:column;align-items:start;gap:24px;min-height:470px;padding:40px;display:flex}.service-card>p{color:#aaa;font-size:14px}.service-card h3{letter-spacing:-.035em;font-size:32px;font-weight:500;line-height:1.3}.service-card ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.service-card li{color:#ddd;align-items:baseline;gap:10px;display:flex}.service-card .button{margin-top:auto}.service-card.faq{gap:16px}.faq details{border-bottom:1px solid #353535;width:100%;padding-bottom:16px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:52px;font-size:14px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:#888;font-size:24px;font-weight:300;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{color:#999;padding:12px 0 8px;font-size:14px;line-height:1.8}.call-section{padding-top:144px;scroll-margin-top:104px}.call-section .offset-heading{margin-bottom:64px}.call-section .contact-details{margin-top:24px}.booking{background:#171717;border:1px solid #292929;border-radius:14px;grid-template-columns:280px 1fr;width:min(100%,800px);margin:auto;display:grid;overflow:hidden}.booking>aside{border-right:1px solid #292929;flex-direction:column;gap:14px;padding:28px;display:flex}.booking-avatar{color:#292825;background:#ddd9d0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.booking aside>p{color:#aaa;font-size:14px}.booking h3{margin-bottom:8px;font-size:20px;line-height:1.4}.booking aside>span{color:#bbb;font-size:14px}.booking .booking-note{margin-top:20px;font-size:12px;line-height:1.8}.booking-calendar{min-width:0;padding:24px}.month-nav{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.month-nav h4{font-size:16px;font-weight:500}.month-nav button{color:#bbb;background:0 0;border:0;width:32px;height:32px;font-size:24px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendar-grid>span{color:#888;text-align:center;padding:8px 0;font-size:12px}.calendar-grid button{color:#eee;aspect-ratio:1;background:#292929;border:0;border-radius:14px;font-size:14px}.calendar-grid button:disabled{color:#666;opacity:1;background:0 0}.calendar-grid button:hover:not(:disabled){background:#444}.calendar-grid button.chosen,.time-selection button.chosen{color:#171717;background:#eee}.time-selection{border-top:1px solid #303030;margin-top:24px;padding-top:20px}.time-selection p{color:#aaa;margin-bottom:12px;font-size:12px}.time-selection>div{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.time-selection button{background:#292929;border:1px solid #373737;border-radius:14px;padding:8px 2px;font-size:12px}.booking-form{gap:16px;margin-top:24px}.booking-form,.booking-form label{flex-direction:column;display:flex}.booking-form label{color:#bbb;gap:6px;font-size:12px}.booking-form input,.booking-form textarea{color:#fff;resize:vertical;background:#202020;border:1px solid #393939;border-radius:14px;width:100%;padding:10px;font-size:14px}.booking-form>.button{margin-top:8px}.booking-request{padding-top:24px}.booking-request h4{font-size:16px}.booking-request p{color:#aaa;margin:12px 0 20px}.booking-request .button{margin-top:8px;padding-inline:16px;font-size:12px}.contact-details{flex-direction:column;gap:4px;max-width:430px;display:flex}.contact-detail-row{align-items:center;gap:20px;min-height:48px;font-size:14px;display:flex;position:relative}.contact-detail-label{color:#888;flex-shrink:0;width:40px;font-size:12px}.contact-detail-value{color:#ccc;overflow-wrap:anywhere;min-width:0;transition:color .2s}.contact-detail-value:hover{color:#fff}.contact-value-actions{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.contact-copy{color:#aaa;opacity:0;background:0 0;border:0;flex-shrink:0;justify-content:flex-start;align-items:center;width:44px;height:44px;margin:0;padding:0;transition:opacity .2s,color .2s;display:flex}.contact-copy.is-copied,.contact-detail-row:focus-within .contact-copy,.contact-detail-row:hover .contact-copy{opacity:1}.contact-feedback{color:#aaa;z-index:2;font-size:11px;position:absolute;top:100%;right:0}.wechat-trigger{font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:16px;min-height:44px;padding:10px 0;display:inline-flex}.wechat-trigger svg{color:#888}.wechat-qr-popover{z-index:20;width:132px;padding-bottom:12px;position:absolute;bottom:100%;left:44px}.wechat-qr-popover[hidden]{display:none}.wechat-qr-surface{color:#292825;background:#fff;border:1px solid #dedbd5;border-radius:14px;padding:8px;position:relative;box-shadow:0 12px 36px #0003}.wechat-qr-surface:after{content:"";background:#fff;border-right:1px solid #dedbd5;width:8px;height:8px;position:absolute;bottom:-5px;left:16px;transform:rotate(45deg)}.wechat-qr-image{width:100%;height:auto}.contact-links{gap:24px;margin-top:16px;display:flex}.rail-layout{grid-template-columns:25% minmax(0,1fr);align-items:start;padding-top:104px;display:grid}.section-sidebar{z-index:10;align-self:start;padding-right:32px;position:sticky;top:104px}.section-sidebar nav{flex-direction:column;gap:12px;display:flex}.section-sidebar nav a{color:#888;font-size:14px;line-height:24px;transition:color .2s}.section-sidebar nav a.active,.section-sidebar nav a:hover{color:#fff}.section-sidebar>.rail-desktop>.button{min-height:40px;margin-top:40px;padding:6px 24px;font-size:14px}.rail-mobile{display:none}.rail-content{min-width:0}.reference-case-hero h1{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:54px;line-height:72px}.case-meta{grid-template-columns:1fr 2fr;gap:32px;margin:32px 0;display:grid}.case-meta dt{color:#888;font-size:14px}.case-meta dd{margin:6px 0 0;font-size:14px;line-height:24px}.case-cover{aspect-ratio:1.78;background:#1e1e20;border-radius:14px;margin-top:32px;overflow:hidden}.case-cover .cover-art{padding:4% 12%}.case-cover .cover-art .cover-image{width:24%;height:94%}.case-cover .cover-count-1 .cover-image{width:100%;height:100%}.case-highlight-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:4px;display:grid}.case-highlight-grid>div{background:#202020;border-radius:14px;padding:36px 24px}.case-highlight-grid h3{margin-bottom:16px;font-size:24px;font-weight:500}.case-highlight-grid p{color:#999;font-size:14px}.reference-chapter{padding-top:128px;scroll-margin-top:100px}.reference-chapter h2{margin-bottom:32px}.reference-chapter h2>span{color:#666;margin-bottom:0;font-size:54px;display:block}.chapter-body{color:#ddd;max-width:860px;font-size:20px;line-height:32px}.chapter-images{flex-direction:column;gap:32px;margin-top:48px;display:flex}.reference-image-group{align-items:start;gap:16px;display:grid}.reference-image-group.group-full{display:block}.reference-image-group.group-pair{grid-template-columns:1fr 1fr}.reference-image-group.group-phones{background:#202020;border-radius:14px;justify-content:center;gap:40px;padding:40px;display:flex}.group-phones>.project-image{width:34%;max-width:340px}.reference-image-group.group-offset{background:#202020;border-radius:14px;justify-content:center;padding:40px;display:flex}.group-offset>.project-image{width:40%;max-width:360px}.reference-image-group.group-mixed{grid-template-columns:1fr 2fr;align-items:center;gap:32px}.project-image{min-width:0}.project-image-surface{position:relative}.project-image figcaption{color:#888;margin-top:12px;font-size:12px;line-height:1.6}.project-image .motion-scale{overflow:hidden}.zoom-button{color:#eee;opacity:0;background:#252525dd;border:0;border-radius:14px;padding:8px 14px;font-size:12px;transition:opacity .2s;position:absolute;bottom:10px;right:10px}.project-image:focus-within .zoom-button,.project-image:hover .zoom-button{opacity:1}.zoom-dialog{color:#ddd;background:#181818;border:1px solid #333;border-radius:14px;width:min(1280px,96vw);max-height:94svh;padding:24px}.zoom-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c}.zoom-close{color:#fff;z-index:2;background:#252525;border:1px solid #333;border-radius:14px;margin-bottom:16px;margin-left:auto;padding:8px 20px;display:block;position:sticky;top:0}.zoom-dialog>p{margin-top:16px;font-size:14px}.more-work{padding-top:128px}.more-work>h2{margin-bottom:32px;font-size:32px}.about-introduction{grid-template-columns:2fr 1fr;align-items:start;gap:32px;display:grid}.about-introduction h1{font-size:54px;line-height:72px}.about-content section>p,.about-introduction p{color:#ddd;margin-top:32px;font-size:20px;line-height:32px}.about-introduction>.about-portrait{height:600px;position:sticky;top:104px}.about-introduction .button{margin-top:32px}.text-link{color:#bbb;margin-left:24px;font-size:14px;display:inline-block}.about-content>section:not(:first-child){padding-top:128px;scroll-margin-top:100px}.scope-grid{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:40px;display:grid}.scope-grid>div{background:#202020;border-radius:14px;padding:48px 24px;font-size:28px;font-weight:500}.about-projects{flex-direction:column;gap:24px;margin-top:40px;display:flex}.about-projects a{color:#ddd;justify-content:space-between;padding-block:10px;font-size:24px;display:flex}.about-content section:last-child .button{margin-top:32px}.lab-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.lab-card{aspect-ratio:4/3;background:#202020;border-radius:14px;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.lab-card .project-image{width:100%;height:100%}.lab-card .motion-scale,.lab-card .project-image-surface,.lab-card .project-image>div{height:100%}.lab-card .project-image img{object-fit:contain;transition:transform .5s;width:100%!important;height:100%!important}.lab-card:hover img{transform:scale(1.04)}.lab-card>span{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:#5558;border-radius:14px;padding:12px 16px;font-size:14px;transition:opacity .2s,transform .2s;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(8px)}.lab-card:focus-visible>span,.lab-card:hover>span{opacity:1;transform:none}.lab-detail .page-heading .back-link{color:#aaa;margin-bottom:24px;font-size:14px;display:inline-block}.lab-detail-visual>.project-image{width:min(900px,100%);margin:auto}.lab-detail-visual{background:#202020;border-radius:14px;padding:56px}.detail-actions{justify-content:space-between;gap:16px;margin-top:32px;display:flex}.resume-page{padding-top:104px;padding-bottom:96px}.resume-page h1{margin-top:16px}.resume-page section{padding-top:72px}.resume-page section h2{font-size:28px}.resume-page p{color:#ccc;margin:20px 0;font-size:20px;line-height:32px}.resume-page .print-button{margin-top:24px}.not-found{min-height:70vh;padding-top:160px}.not-found h1{margin-bottom:40px}.page-enter{animation:pageEnter .5s var(--motion-ease)}.motion-hover{width:fit-content}.motion-sticky{position:sticky;top:104px}@keyframes pageEnter{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}@media (min-width:1900px){.container,.shell{width:1680px}}@media (max-width:1199px){.desktop-nav{gap:28px}.header-actions{gap:16px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:420px}.about-introduction{grid-template-columns:1.6fr 1fr}.about-introduction h1{font-size:44px;line-height:1.4}.about-introduction>.about-portrait{height:460px}.footer nav{gap:24px}.case-meta{grid-template-columns:1fr 1fr}.lab-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:999px){.header-inner{grid-template-columns:1fr auto}.desktop-nav{display:none}.header-actions{gap:20px}.mobile-call{background:#242424;border-radius:14px;justify-content:center;align-items:center;width:60px;height:32px;font-size:20px;display:flex}.site-menu{width:340px}.mobile-menu-links{flex-direction:column;gap:16px;display:flex}.site-menu nav{gap:16px}.site-menu nav a{justify-content:center;min-height:36px;font-size:18px}.site-menu{padding:24px}.site-menu>.button{min-height:48px;font-size:14px}.site-menu .social-links{justify-content:center}.site-menu .social-links a{width:48px;height:36px}.home-hero>div,.offset-heading,.page-heading>div,.site-cta{margin-left:0}.rail-layout{display:block}.section-sidebar{background:#101010ee;margin-bottom:32px;padding:0;top:80px}.rail-desktop{display:none}.rail-mobile{background:#202020;border-radius:14px;display:block}.rail-mobile summary{cursor:pointer;justify-content:space-between;padding:12px 16px;font-size:14px;list-style:none;display:flex}.rail-mobile summary::-webkit-details-marker{display:none}.rail-mobile nav{gap:8px;padding:0 16px 16px}.rail-mobile[open] summary{margin-bottom:8px}.rail-mobile>div{max-height:55vh;overflow:auto}.case-meta{grid-template-columns:1fr 1fr}.about-introduction{grid-template-columns:2fr 1fr}.about-introduction h1{font-size:40px;line-height:1.4}.footer-top-row{align-items:start}.footer nav{max-width:60%}.lab-grid{grid-template-columns:repeat(2,1fr)}.home-hero h1{font-size:64px}.work-card-caption{gap:8px;padding:12px;left:12px;right:12px}.work-card-caption h2{font-size:16px}.work-card-caption p{font-size:12px}.work-card-caption>.button{padding-inline:12px;font-size:12px}.site-cta{max-width:640px}.about-content>section:not(:first-child){padding-top:96px}.footer-signature{margin-top:120px}}@media (max-width:767px){:root{--gutter:20px}.container,.shell{width:calc(100% - 40px)}html{scroll-padding-top:96px}.header-inner{height:80px}.header-actions{gap:18px}.language-toggle{font-size:11px}.mobile-call{width:52px}.site-menu{width:100%;max-height:calc(100svh - 90px);padding:24px;top:66px;left:0;right:0;overflow:auto}.site-menu nav{gap:18px}.site-menu nav a{min-height:36px;font-size:20px}.mobile-menu-links{gap:18px}.site-menu>.button{width:100%;font-size:14px}.menu-divider{margin-top:24px}.site-menu .social-links{justify-content:space-between}.site-menu .social-links a{width:23%;height:36px}h1,h2{letter-spacing:-.035em;font-size:36px;line-height:48px}.page-heading{padding-top:88px;padding-bottom:56px}.case-summary,.offset-heading>p,.page-heading p,.site-cta>p{margin-top:8px;font-size:20px;line-height:28px}.work-grid{grid-template-columns:1fr;gap:4px}.work-card{aspect-ratio:1.475}.work-card-caption{padding:14px;bottom:16px;left:16px;right:16px}.work-card-caption h2{font-size:16px}.work-card-caption p{font-size:12px}.work-card-caption>.button{padding-inline:14px}.cover-art{padding:6.3%}.type-cover{font-size:44px}.site-cta{padding-block:96px 128px}.site-cta h2{font-size:36px;line-height:48px}.site-cta p{margin-top:24px}.button-row{margin-top:32px}.button{min-height:48px;padding-inline:22px;font-size:14px}.footer-top-row{flex-direction:column;gap:64px}.footer nav{flex-direction:column;gap:22px;max-width:none}.footer .social-links{gap:8px}.footer-signature{letter-spacing:-.04em;margin:72px 0 64px;font-size:26vw}.footer-credits{flex-direction:column;gap:16px;max-width:320px;font-size:14px;line-height:24px}.footer{padding-bottom:72px}html[lang=en] .footer-signature{font-size:21vw}.home-hero{padding-top:104px;padding-bottom:80px}.home-hero h1{font-size:44px;line-height:1.3}.home-hero p{margin-top:24px;font-size:18px;line-height:28px}.collaboration-section,.home-about{padding-block:96px 24px}.service-section{padding-top:96px}.service-section .offset-heading{margin-bottom:40px}.services-grid{grid-template-columns:1fr;gap:4px}.service-card{gap:24px;min-height:420px;padding:32px}.service-card h3{font-size:36px}.service-card .button{margin-top:16px}.service-card.faq{min-height:unset}.call-section{padding-top:96px}.call-section .offset-heading{margin-bottom:40px}.booking{grid-template-columns:1fr;width:100%}.booking>aside{border-bottom:1px solid #292929;border-right:0;gap:10px;padding:24px}.booking .booking-note{margin-top:8px}.booking-calendar{padding:20px 16px}.calendar-grid{gap:4px}.calendar-grid button{font-size:13px}.month-nav h4{font-size:16px}.booking aside>span{font-size:12px}.contact-detail-row{gap:16px}.contact-copy{opacity:1}.contact-detail-label{width:40px}.wechat-qr-popover{width:124px;left:44px}.reference-case-hero h1{font-size:36px;line-height:48px}.rail-layout{padding-top:96px}.case-meta{grid-template-columns:1fr;gap:20px;margin-block:24px}.case-meta dt{font-size:12px}.case-meta dd{font-size:14px}.case-cover{aspect-ratio:1.475;border-radius:14px;margin-top:24px}.case-cover .cover-art{padding:5%}.case-highlight-grid{grid-template-columns:1fr}.case-highlight-grid>div{padding:24px}.case-highlight-grid h3{margin-bottom:8px;font-size:24px}.reference-chapter{padding-top:72px;scroll-margin-top:150px}.reference-chapter h2{margin-bottom:24px;font-size:32px;line-height:44px}.reference-chapter h2>span{font-size:32px}.chapter-body{font-size:18px;line-height:30px}.chapter-images{gap:32px;margin-top:32px}.reference-image-group.group-mixed,.reference-image-group.group-pair{grid-template-columns:1fr;gap:24px}.reference-image-group.group-phones{flex-direction:column;align-items:center;gap:32px;padding:28px 20px}.group-phones>.project-image{width:80%}.reference-image-group.group-offset{padding:28px 20px}.group-offset>.project-image{width:80%}.project-image figcaption,.zoom-button{font-size:11px}.zoom-button{opacity:1;padding:6px 12px}.zoom-dialog{border-radius:14px;width:96vw;padding:16px 12px}.more-work{padding-top:96px}.more-work>h2{font-size:28px}.about-introduction{flex-direction:column-reverse;gap:32px;display:flex}.about-introduction>.about-portrait{width:100%;height:240px;position:static}.avatar-large{font-size:112px}.about-introduction h1{font-size:36px;line-height:48px}.about-content section>p,.about-introduction p{margin-top:24px;font-size:18px;line-height:30px}.about-content>section:not(:first-child){padding-top:72px}.scope-grid{margin-top:32px}.scope-grid>div{padding:28px 20px;font-size:22px}.about-projects a{font-size:20px}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-card{border-radius:14px;padding:12px}.lab-card>span{border-radius:14px;padding:8px;font-size:11px;bottom:6px;left:6px;right:6px}.lab-detail .page-heading h1{font-size:32px;line-height:44px}.lab-detail-visual{padding:24px}.detail-actions{flex-direction:column;align-items:start;gap:8px}.resume-page{padding-top:104px}.resume-page p{font-size:18px;line-height:30px}.resume-page section{padding-top:48px}.not-found{padding-top:128px}.not-found h1{font-size:32px}}@media (hover:none){.contact-copy,.zoom-button{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}.motion-sticky{position:static}.page-enter{opacity:1;filter:none;transform:none}}@media print{body{color:#111!important;background:#fff!important}.footer,.print-button,.site-header,.skip-link{display:none!important}.shell{width:100%}.resume-page{padding:0}.offset-heading{margin-left:0}.resume-page a,.resume-page p{color:#111}.resume-page section{break-inside:avoid}.page-enter{filter:none;animation:none}}@media (min-width:1000px){.site-menu>.button{min-height:40px;padding-block:7px}}.work-card-caption p{margin-top:0;line-height:20px}.work-card-caption>.button{border:0;min-height:40px;padding-block:9px;line-height:20px}.perspective-layout{grid-template-columns:1fr 2fr;gap:4px;margin-top:56px;margin-left:25%;display:grid}.video-card{text-align:left;isolation:isolate;background:#202020;border:0;border-radius:14px;min-height:560px;padding:0;position:relative;overflow:hidden}.video-card>.project-image{opacity:.65;width:100%;height:100%;position:absolute;inset:0}.video-card .motion-scale,.video-card .project-image-surface,.video-card>.project-image>div{height:100%}.video-card img{object-fit:contain;width:100%!important;height:100%!important}.video-card:after{content:"";z-index:-1;background:linear-gradient(#0000,#000 80%);position:absolute;inset:50% 0 0}.play-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#555b;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding-left:3px;font-size:22px;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.video-caption{position:absolute;bottom:40px;left:40px;right:28px}.video-caption h3{margin-bottom:28px;font-size:26px;font-weight:400;line-height:1.4}.video-caption>span{color:#bbb;font-size:12px}.perspective-card{touch-action:pan-y;background:#202020;border-radius:14px;min-height:560px;padding:40px;position:relative}.perspective-text{animation:pageEnter .3s var(--motion-ease)}.perspective-text h3{letter-spacing:.02em;margin-bottom:28px;font-size:18px;font-weight:500}.perspective-text>p{color:#ddd;max-width:560px;font-size:18px;line-height:30px}.perspective-person{align-items:center;gap:12px;display:flex;position:absolute;bottom:40px;left:40px}.perspective-person p{font-size:14px}.perspective-person span{color:#888;font-size:12px}.carousel-controls{gap:8px;display:flex;position:absolute;top:46%;right:24px}.carousel-controls>button{color:#ddd;background:#444;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;font-weight:300;display:flex}.carousel-controls>button:hover{background:#555}.carousel-dots{gap:6px;display:flex;position:absolute;bottom:44px;right:40px}.carousel-dots button{background:#555;border:0;border-radius:50%;width:6px;height:6px;padding:0}.carousel-dots button.selected{background:#ddd}.video-modal video{width:100%;max-height:80svh}.home-about-layout{grid-template-columns:2fr 1fr;gap:4px;margin-top:56px;margin-left:25%;display:grid}.home-about-copy{background:#202020;border-radius:14px;padding:40px}.home-about-copy p{color:#ddd;margin-bottom:24px;font-size:20px;line-height:32px}.home-about-portrait{min-height:360px}.home-scope-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px;margin-left:25%;display:grid}.home-scope-grid>div{background:#202020;border-radius:14px;padding:32px 20px;font-size:22px;font-weight:500}@media (max-width:999px){.home-about-layout,.home-scope-grid,.perspective-layout{margin-left:0}.perspective-card,.video-card{min-height:480px}.perspective-card{padding:28px}.video-caption{bottom:28px;left:28px}.video-caption h3{font-size:24px}.perspective-person{bottom:28px;left:28px}.perspective-text>p{font-size:16px;line-height:28px}.home-about-copy{padding:28px}.home-scope-grid>div{padding:28px 16px;font-size:20px}}@media (max-width:767px){.perspective-layout{grid-template-columns:1fr;margin-top:40px}.video-card{min-height:460px}.perspective-card{min-height:400px;padding:28px}.perspective-text>p{font-size:18px;line-height:30px}.carousel-controls{top:auto;bottom:96px;right:24px}.carousel-dots{bottom:36px;right:28px}.home-about-layout{grid-template-columns:1fr;margin-top:40px}.home-about-copy p{font-size:18px;line-height:30px}.home-about-portrait{height:240px;min-height:0}.home-scope-grid{grid-template-columns:1fr 1fr}.home-scope-grid>div{padding:28px 20px;font-size:20px}}.video-card:after{z-index:0;pointer-events:none}.play-button,.video-caption{z-index:1}@media (max-width:999px){.about-content>section>h2[id],.reference-chapter h2[id]{scroll-margin-top:52px}}.footer-signature,html[lang=en] .footer-signature{letter-spacing:-.045em;font-size:clamp(26px,9.5vw,160px)}.about-name{letter-spacing:-.035em;font-size:clamp(26px,2.7vw,44px);line-height:1.5;display:block}.about-name strong{font-weight:600}.about-role{margin-top:16px;font-size:clamp(28px,3.3vw,48px);display:block}.about-resume-actions,.resume-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.about-resume-actions .text-link,.resume-actions .print-button{margin:0}.career-list{gap:32px;margin-top:32px;display:grid}.career-list article p{margin:4px 0;font-size:16px;line-height:1.7}.career-list .career-date{color:var(--text-muted);font-size:14px}.career-list h3{font-size:21px;line-height:1.6}.booking-avatar .avatar{width:36px;height:36px}@media (max-width:767px){.about-name{font-size:26px}.about-role{font-size:30px}.footer-signature,html[lang=en] .footer-signature{font-size:9vw}.about-resume-actions{gap:12px}.career-list{gap:24px}}@media print{.resume-actions{display:none}}.contact-details-icons{gap:8px;margin-top:24px}.contact-details-icons .contact-detail-row{gap:14px;min-height:40px;font-size:20px}.contact-details-icons .contact-detail-label{color:#aaa;align-items:center;width:22px;display:flex}.contact-details-icons .contact-detail-label svg{flex-shrink:0}.contact-details-icons .contact-detail-value{line-height:1.6}.contact-details-icons .wechat-trigger>svg{display:none}@media (max-width:767px){.contact-details-icons .contact-detail-row{gap:12px;font-size:18px}}.social-links svg{width:18px;height:18px}.contact-wechat{width:fit-content;max-width:100%}.wechat-qr-popover{width:144px;padding:0 0 0 12px;top:50%;bottom:auto;left:100%;transform:translateY(-50%)}.wechat-qr-surface:after{border-bottom:1px solid #dedbd5;border-left:1px solid #dedbd5;border-right:0;top:calc(50% - 4px);bottom:auto;left:-5px}@media (max-width:767px){.wechat-qr-popover{width:136px;left:100%}}.imported-case .reference-case-hero{padding-bottom:0}.imported-disciplines{color:var(--text-muted);margin-top:24px;font-size:14px}.imported-case .reference-chapter:first-of-type{padding-top:72px}.imported-back{margin-top:72px}.cover-art--illustration-collection,.cover-art--lang-live,.cover-art--lang-live-visual,.cover-art--qixiu-live,.cover-art--wanshang-international{padding:0}.cover-art--lang-live .cover-image img,.cover-art--lang-live-visual .cover-image img,.cover-art--wanshang-international .cover-image img{object-fit:cover!important}.cover-art--qixiu-live{background:#08060e}.cover-art--illustration-collection{background:#090909}.time-selection>div{grid-template-columns:repeat(2,minmax(0,1fr))}.work-keywords{max-width:1040px;margin-top:32px}.work-keywords dl{gap:18px;display:grid}.work-keyword-group{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:16px;display:grid}.work-keyword-group dt{color:var(--text-muted);letter-spacing:.03em;font-size:12px;line-height:36px}.work-keyword-group dd{min-width:0;margin:0}.work-keyword-group ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.work-keyword-group li{color:#ccc;white-space:nowrap;background:#222223;border-radius:999px;padding:7px 15px;font-size:13px;line-height:22px}@media (max-width:767px){.work-keywords{margin-top:28px}.work-keyword-group{grid-template-columns:1fr;gap:8px}.work-keyword-group dt{line-height:24px}.work-keyword-group li{padding:6px 12px;font-size:12px}.work-keywords dl{gap:20px}}.profile-keywords{flex-wrap:wrap;gap:10px;margin:32px 0;padding:0;list-style:none;display:flex}.profile-keywords li{color:#fff;white-space:nowrap;background:#050505;border-radius:999px;align-items:center;padding:9px 18px;font-size:14px;font-weight:400;line-height:22px;display:inline-flex}.about-introduction .profile-keywords+.button{margin-top:0}@media (max-width:767px){.profile-keywords{gap:8px;margin:24px 0}.profile-keywords li{padding:8px 15px;font-size:13px}}.profile-keywords li{background:#262626}.about-biography p{margin:0 0 24px}.about-biography p:last-child{margin-bottom:0}.about-primary-actions{grid-template-columns:repeat(2,minmax(0,180px));margin-top:64px;display:grid}.about-primary-actions .button{width:100%;height:48px;min-height:48px;margin:0;padding:10px 12px}.about-online-resume{display:inline-flex;margin:20px 0 0!important}@media (max-width:767px){.about-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.about-primary-actions .button{font-size:13px}.about-biography p{margin-bottom:20px}}.about-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 48px;display:grid}.about-projects a{align-items:baseline;gap:16px;min-width:0}.about-projects a>span{overflow-wrap:anywhere;min-width:0}@media (max-width:767px){.about-projects{grid-template-columns:1fr;gap:16px}}.beyond-design{padding-bottom:32px}.beyond-design h2{margin-bottom:32px}.personal-photo-wall{grid-template-columns:1.15fr 1fr;align-items:start;gap:24px;margin-top:64px;display:grid}.personal-photo-wall figure{background:#202020;border-radius:14px;position:relative;overflow:hidden}.personal-photo-wall img{display:block}.personal-photo-wall .photo-0{margin-top:64px}.personal-photo-wall .zoom-button{opacity:0;transition:opacity .2s}.personal-photo-wall figure:focus-within .zoom-button,.personal-photo-wall figure:hover .zoom-button{opacity:1}@media (max-width:767px){.personal-photo-wall{grid-template-columns:1fr;gap:20px;margin-top:32px}.personal-photo-wall .photo-0{margin-top:0}.personal-photo-wall .zoom-button{opacity:1}.beyond-design h2{margin-bottom:24px}}.personal-photo-wall .photo-0{grid-column:1/-1;margin-top:0}.personal-photo-wall .photo-2{margin-top:64px}@media (max-width:767px){.personal-photo-wall .photo-2{margin-top:0}}.work-keywords-top{grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:16px;display:grid}.keywords-toggle{color:#999;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:36px;transition:color .2s,background .2s;display:flex}.keywords-toggle:hover{color:#fff;background:#262626}.keywords-toggle svg{transition:transform .25s var(--motion-ease)}.keywords-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.work-keywords-extra{margin-top:18px;padding-right:60px}.work-keywords-extra[hidden]{display:none}@media (max-width:767px){.keywords-toggle{height:36px}.work-keywords-top{gap:8px}.work-keywords-extra{margin-top:20px;padding-right:0}}@media (prefers-reduced-motion:reduce){.keywords-toggle svg{transition:none}}.about-biography{margin-top:32px}.about-content>.design-process{padding-top:64px}.design-process .process-label{letter-spacing:.22em;color:#ff574c;align-items:center;gap:14px;font-size:10px;line-height:20px;display:flex}.process-label:before{content:"";background:currentColor;width:26px;height:1px;display:block}.process-steps{background:#0a0a0a;border:1px solid #343434;border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.process-steps li{min-width:0;padding:36px 24px 40px}.process-steps li+li{border-left:1px solid #252525}.process-index{letter-spacing:.2em;color:#ff574c;margin-bottom:32px;font-size:10px;display:block}.process-steps h3{letter-spacing:-.02em;font-size:17px;line-height:24px}.about-content .process-steps p{color:#aaa;margin:16px 0 0;font-size:13px;line-height:22px}@media (min-width:768px) and (max-width:1150px){.process-steps li{padding:28px 14px}.process-steps h3{font-size:15px}}@media (max-width:767px){.about-content>.design-process{padding-top:48px}.design-process .process-label{margin-bottom:24px}.process-steps{grid-template-columns:1fr}.process-steps li{padding:24px}.process-steps li+li{border-top:1px solid #252525;border-left:0}.process-index{margin-bottom:16px}.about-biography{margin-top:24px}}.design-process .process-label{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:48px;font-size:54px;font-weight:500;line-height:1.3333;display:block}.design-process .process-label:before{display:none}.process-index{color:var(--accent)}@media (max-width:767px){.design-process .process-label{margin-bottom:32px;font-size:36px;line-height:48px}}.about-primary-actions .button,.booking-request .button,.button,.button-dark,.site-menu>.button,.work-card-caption>.button{white-space:normal;flex:none;align-self:flex-start;width:fit-content;max-width:100%;padding-inline:24px}.about-primary-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.about-name .name-separator,.footer-signature .name-separator{color:var(--accent);vertical-align:middle;font-size:.5em;font-weight:600;display:inline-block}.about-name{flex-wrap:nowrap}.about-name,.footer-signature{align-items:center;gap:.2em;display:flex}.footer-signature{justify-content:center}.about-name .name-separator,.footer-signature .name-separator{color:#505050;vertical-align:initial;flex-shrink:0;justify-content:center;align-items:center;font-size:1em;font-weight:400;line-height:1;display:inline-flex}.process-steps{background:0 0;border:0;border-radius:0;gap:16px;overflow:visible}.process-steps li,.process-steps li+li{background:#0a0a0a;border:1px solid #343434;border-radius:14px;padding:32px 24px}.process-index{letter-spacing:.04em;font-size:16px;font-weight:700}.process-steps h3{font-size:24px;font-weight:600;line-height:32px}@media (min-width:768px) and (max-width:1150px){.process-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.process-steps{gap:16px}.process-steps li,.process-steps li+li{padding:24px}.process-steps h3{font-size:24px;line-height:32px}}.process-steps li,.process-steps li+li{background:#1e1e20;border:0}.core-design-label{font-weight:600}.nio-current-analysis h2[id]{scroll-margin-top:104px}.analysis-statement{letter-spacing:-.025em;margin-bottom:24px;font-size:32px;font-weight:500;line-height:1.5}.analysis-issues{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.analysis-issues>div{height:100%}.analysis-issues article{background:#1e1e20;border-radius:14px;height:100%;padding:32px}.analysis-index{color:var(--accent);margin-bottom:24px;font-size:16px;font-weight:700;display:block}.analysis-issues h4{margin:0 0 16px;font-size:22px;font-weight:600;line-height:1.5}.analysis-issues p{color:#b5b5b5;font-size:16px;line-height:1.9}.analysis-opportunity{margin-top:40px;padding:32px 0 0}.analysis-opportunity h3{color:var(--text-primary);flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:16px;font-size:20px;font-weight:600;display:flex}.analysis-opportunity h3 span{letter-spacing:.12em;color:var(--text-muted);font-size:11px;font-weight:400}.analysis-opportunity p{color:#ddd;max-width:960px;font-size:20px;line-height:1.8}@media (max-width:1000px){.analysis-issues{grid-template-columns:1fr}.analysis-issues article{padding:28px}.analysis-index{margin-bottom:16px}}@media (max-width:767px){.analysis-statement{font-size:24px;line-height:1.5}.analysis-issues{margin-top:32px}.analysis-issues h4{font-size:20px}.analysis-opportunity{margin-top:32px;padding-top:16px}.analysis-opportunity p{font-size:18px}.nio-current-analysis h2[id]{scroll-margin-top:156px}}.analysis-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.analysis-copy{min-width:0}.analysis-copy .analysis-statement{margin-bottom:16px;font-size:28px;line-height:1.5}.analysis-copy .chapter-body{font-size:17px;line-height:1.85}.analysis-copy .analysis-issues{grid-template-columns:1fr;gap:12px;margin-top:24px}.analysis-copy .analysis-index{margin-bottom:8px;font-size:14px}.analysis-copy .analysis-issues h4{margin-bottom:8px;font-size:20px}.analysis-copy .analysis-issues p{font-size:15px;line-height:1.8}.analysis-copy .analysis-opportunity{padding-top:8px}.analysis-copy .analysis-opportunity p{font-size:17px}.analysis-visual{min-width:0}.nio-density-stage figcaption{max-width:250px;padding-left:8px;font-size:13px;line-height:1.7}.nio-density-stage figcaption>span{background:var(--accent);color:#fff;border-radius:999px;margin-right:8px;padding:3px 10px;font-size:11px;display:inline-block}.nio-density-stage figcaption strong{color:#eee;font-weight:600}.nio-density-stage figcaption p{color:#aaa;max-width:230px;margin-top:12px;font-size:13px;line-height:1.8}.density-composition{min-height:400px;margin-top:20px;position:relative}.density-phone{width:82%;height:auto;margin-left:auto;display:block;position:relative}.density-guide{color:#79cdd4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.density-lens{background:#dceff1;border-radius:50%;width:38%;height:auto;position:absolute;left:0;box-shadow:0 8px 28px #0005,0 0 0 5px #c3edf012}.density-composition .zoom-button{bottom:8px;right:0}@media (max-width:1100px) and (min-width:768px){.analysis-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.nio-density-stage{padding:24px 14px}.analysis-copy .analysis-statement{font-size:25px}}@media (max-width:767px){.analysis-layout{grid-template-columns:1fr;gap:28px}.analysis-copy .analysis-statement{font-size:24px}.analysis-copy .analysis-issues article{padding:20px}.nio-density-stage{max-width:480px;margin-inline:auto;padding:24px 20px}.density-phone{max-width:340px}.density-composition{min-height:0}.analysis-copy .analysis-opportunity p{font-size:18px}}.nio-density-stage{background:0 0;border-radius:0;overflow:visible}.density-handset{background:#050505;border:2px solid #858078;border-radius:clamp(28px,3.5vw,48px);width:82%;max-width:340px;margin-left:auto;padding:7px;position:relative;box-shadow:inset 0 0 0 1px #d0c8b5,0 16px 32px #0005}.density-handset:before{height:12%;top:18%;left:-4px}.density-handset:after,.density-handset:before{content:"";background:#79746b;border-radius:2px;width:3px;position:absolute}.density-handset:after{height:8%;top:24%;right:-4px}.density-handset-screen{background:#fff;border-radius:clamp(21px,2.9vw,39px);position:relative;overflow:hidden}.density-handset .density-phone{max-width:none;height:auto;margin:0}.density-handset-island{background:#050505;border-radius:999px;width:30%;height:3.1%;position:absolute;top:1.2%;left:35%}.density-handset-island:after{content:"";background:#0b1020;border-radius:50%;width:12%;height:50%;position:absolute;top:25%;right:10%;box-shadow:inset 0 0 2px #222a43}.density-handset{box-shadow:none;background:#484848;border:1px solid #6b6b6b;border-radius:clamp(28px,3.5vw,42px);padding:5px}.density-handset-screen{border-radius:clamp(22px,3vw,36px)}.density-handset-island,.density-handset:after,.density-handset:before{display:none}.nio-overview-visuals{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.nio-overview-card{background:#1e1e20;border-radius:14px;justify-content:center;align-items:center;min-width:0;padding:40px 24px;display:flex}.nio-black-handset{background:#030303;border:1px solid #373737;border-radius:clamp(24px,2.5vw,40px);width:100%;max-width:300px;padding:6px;box-shadow:0 0 0 1px #080808}.nio-black-screen{aspect-ratio:1125/2473;background:#fff;border-radius:clamp(18px,2vw,33px);position:relative;overflow:hidden}.nio-black-screen .motion-scale,.nio-black-screen .project-image,.nio-black-screen .project-image-surface,.nio-black-screen .project-image>div{width:100%;height:100%;margin:0}.nio-black-screen img{object-fit:contain;width:100%!important;height:100%!important}.nio-black-screen .motion-scale{transform:none!important}@media (max-width:1100px) and (min-width:768px){.nio-overview-card{padding:28px 14px}.nio-overview-visuals{gap:12px}}@media (max-width:767px){.nio-overview-visuals{grid-template-columns:1fr;gap:16px;margin-top:24px}.nio-overview-card{padding:32px 28px}.nio-black-handset{border-radius:36px;max-width:280px}.nio-black-screen{border-radius:29px}}:root{--card-gap:16px}.analysis-copy .analysis-issues,.analysis-issues,.case-highlight-grid,.chapter-images,.home-about-layout,.home-scope-grid,.lab-grid,.nio-overview-visuals,.personal-photo-wall,.perspective-layout,.process-steps,.reference-image-group,.reference-image-group.group-mixed,.reference-image-group.group-phones,.scope-grid,.services-grid,.work-grid{gap:var(--card-gap)}.case-highlight-grid,.home-scope-grid{margin-top:var(--card-gap)}.personal-photo-wall .photo-0,.personal-photo-wall .photo-2{margin-top:0}.nio-black-handset{box-shadow:none;background:linear-gradient(90deg,#474749,#464648 48%,#4d4d50);border:1px solid #6f6f71;padding:5px}.nio-black-screen{box-shadow:0 0 0 1px #030303}.analysis-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:32px}.analysis-copy .analysis-issues{gap:var(--card-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.analysis-copy .analysis-issues article{padding:24px 18px}.analysis-copy .analysis-issues h4{font-size:19px;line-height:1.5}.analysis-copy .analysis-index{margin-bottom:16px}.analysis-copy .analysis-opportunity{border-left:3px solid var(--accent);background:#192132;border-radius:14px;margin-top:24px;padding:28px}.analysis-copy .analysis-opportunity h3{margin-bottom:20px;font-size:24px}.analysis-copy .analysis-opportunity h3 span{color:#9aaed2}.analysis-copy .analysis-opportunity p{color:#f0f3fa;font-size:21px;line-height:1.8}.nio-density-stage{padding-top:0}.density-composition{margin-top:0}@media (max-width:1100px) and (min-width:768px){.analysis-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px}.analysis-copy .analysis-issues article{padding:20px 14px}.analysis-copy .analysis-issues h4{font-size:17px}.analysis-copy .analysis-issues p{font-size:14px}.analysis-copy .analysis-opportunity{padding:24px}.analysis-copy .analysis-opportunity p{font-size:19px}}@media (max-width:767px){.analysis-copy .analysis-issues,.analysis-layout{grid-template-columns:1fr}.analysis-copy .analysis-issues article{padding:24px}.analysis-copy .analysis-issues h4{font-size:20px}.analysis-copy .analysis-opportunity{padding:24px}.analysis-copy .analysis-opportunity p{font-size:19px}}.analysis-layout{gap:var(--card-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-copy{grid-column:span 2}.analysis-visual{grid-column:span 1}.nio-density-stage{background:#1e1e20;border-radius:14px;padding:40px 24px;overflow:hidden}.density-composition{min-height:0;margin:0}.density-handset{width:100%;max-width:300px;margin-inline:auto}.density-handset-screen{aspect-ratio:1125/2473}.density-handset .density-phone{object-fit:contain;width:100%;height:100%}.density-lens{top:26%;left:-12px}@media (max-width:1100px) and (min-width:768px){.analysis-layout{gap:var(--card-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.nio-density-stage{padding:28px 14px}}@media (max-width:767px){.analysis-layout{gap:var(--card-gap);grid-template-columns:1fr}.analysis-copy,.analysis-visual{grid-column:auto}.nio-density-stage{max-width:none;padding:32px 28px}.density-handset{max-width:280px}}@media (min-width:768px){.analysis-layout{align-items:stretch}.analysis-visual{min-height:0;position:relative}.analysis-visual .nio-density-stage{margin:0;padding:28px 24px;position:absolute;inset:0}.analysis-visual .density-composition,.analysis-visual .nio-density-stage{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.analysis-visual .density-handset{aspect-ratio:1137/2485;flex-shrink:0;width:auto;max-width:100%;height:100%;margin:0}.analysis-visual .density-handset-screen{aspect-ratio:1125/2473;height:100%}.analysis-visual .density-phone{object-fit:contain;width:100%;height:100%}.analysis-visual .density-lens{width:38%;max-width:140px;top:26%;left:-8px}}.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.experiment-card{background:#1e1e20;border-radius:14px;flex-direction:column;gap:32px;min-height:280px;padding:32px;display:flex}.experiment-meta{align-items:center;gap:16px;font-size:16px;display:flex}.experiment-meta>span:first-child{color:#4875ff;font-weight:700}.experiment-card h2{letter-spacing:-.02em;font-size:32px;line-height:1.4}.experiment-action{color:#aaa;margin-top:auto}.experiment-card[href]:focus-visible .experiment-action,.experiment-card[href]:hover .experiment-action{color:#fff}.experiment-card.is-pending h2{color:#8e8e8e}.experiment-article{flex-direction:column;gap:16px;max-width:900px;display:flex}.experiment-article>section{background:#1e1e20;border-radius:14px;gap:24px;padding:32px;display:flex}.experiment-article>section>span{color:#4875ff;font-size:16px;font-weight:700}.experiment-article h2{font-size:24px;line-height:1.4}.experiment-article p{color:#bbb;margin-top:16px;font-size:18px;line-height:1.8}.lab-detail .page-heading .experiment-kicker{color:#8e8e8e;margin:0 0 16px;font-size:14px}.experiment-article>.button{align-self:flex-start;margin-top:16px}@media (max-width:767px){.experiment-grid{grid-template-columns:1fr}.experiment-card{min-height:230px;padding:24px}.experiment-card h2{font-size:26px}.experiment-article>section{gap:16px;padding:24px}.experiment-article p{font-size:16px}}.map-reader-heading{padding-bottom:56px}.map-reader-heading>.back-link{color:#aaa;margin-bottom:32px;display:inline-block}.map-reader-heading>p{color:#aaa;margin-bottom:16px}.map-reader-heading>h1+p{color:#ccc;margin:20px 0 0;font-size:20px;line-height:1.7}.map-document-section{min-width:0;margin-bottom:72px;scroll-margin-top:104px}.map-document-section>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.map-document-section h2{font-size:28px;line-height:1.4}.map-document-section>header p{color:#888;overflow-wrap:anywhere;margin-top:8px;font-size:12px}.map-document-section>header .button{flex-shrink:0}.map-document-pages{flex-direction:column;gap:16px;display:flex}.map-document-page{background:#1e1e20;border-radius:14px;padding:16px;overflow:hidden}.map-document-page>figcaption{color:#aaa;justify-content:space-between;gap:16px;margin:0 0 16px;font-size:12px;display:flex}.map-document-page>figcaption a{white-space:nowrap}.map-document-page img{background:#fff;width:100%;height:auto}.map-page-text{color:#aaa;margin-top:16px;font-size:14px}.map-page-text summary{cursor:pointer;min-height:32px}.map-page-text p{white-space:pre-wrap;overflow-wrap:anywhere;padding-top:12px;line-height:1.9}.map-document-page a:focus-visible{outline-offset:4px;outline:2px solid #4875ff}@media (max-width:767px){.map-reader-heading{padding-bottom:40px}.map-reader-heading h1{font-size:36px}.map-reader-heading>h1+p{font-size:18px}.map-document-section>header{flex-direction:column;align-items:flex-start}.map-document-section h2{font-size:24px}.map-document-page{padding:10px}.map-document-page>figcaption{margin-bottom:10px;font-size:11px}.map-document-section{scroll-margin-top:160px}}.online-document{color:#d2d2d2;max-width:960px;font-size:17px;line-height:1.95}.online-document>p{white-space:pre-line;overflow-wrap:anywhere;margin:0 0 24px}.online-document>h3{color:#f7f7f7;margin:40px 0 20px;font-size:24px;font-weight:600;line-height:1.5}.online-document>figure{background:#1e1e20;border-radius:14px;margin:24px 0 32px;padding:16px}.online-document img{border-radius:14px;width:100%;height:auto}.document-table-wrap{border:1px solid #383838;border-radius:14px;margin:24px 0 32px;overflow-x:auto}.online-document table{border-collapse:collapse;width:100%;font-size:15px}.online-document td{vertical-align:top;white-space:pre-line;overflow-wrap:anywhere;border-bottom:1px solid #383838;border-right:1px solid #383838;min-width:120px;padding:16px}.online-document tr:last-child td{border-bottom:0}.online-document td:last-child{border-right:0}.online-document tr:first-child{color:#eee;background:#202020}@media (max-width:767px){.online-document{font-size:16px}.online-document>h3{font-size:22px}.online-document>figure{padding:8px}.online-document td{padding:12px}}.lab-data-access{background:#1e1e20;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;padding:24px;display:flex}.lab-data-access>div{flex:1;min-width:220px}.lab-data-access strong{font-size:18px}.lab-data-access p{color:#aaa;margin-top:8px;font-size:14px}.lab-data-access form{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:16px;display:flex}.lab-data-access input{color:#fff;background:#101010;border:1px solid #555;border-radius:14px;max-width:100%;padding:12px}.protected-illustration{color:#888;background:#1e1e20;border-radius:14px;margin:24px 0;padding:32px;font-size:14px}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[contenteditable=true],input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media print{body>*{display:none!important}body:after{content:"© 许淑敏 · 作品受版权保护，未经授权请勿复制或转载。";color:#111;padding:48px;display:block}}.lab-editor-link{color:#888;margin-top:16px;font-size:14px;display:inline-block}.lab-editor{max-width:1200px;padding-top:112px}.lab-editor>header{margin-bottom:32px}.lab-editor>header>a{color:#aaa}.lab-editor h1{margin-top:24px;font-size:42px}.editor-login p,.lab-editor>header p{color:#999;margin:16px 0}.editor-login{background:#1e1e20;border-radius:14px;flex-direction:column;gap:16px;max-width:520px;padding:32px;display:flex}.editor-login h2{font-size:24px}.lab-editor input:not([type=file]),.lab-editor textarea{color:#eee;font:inherit;background:#141414;border:1px solid #414141;border-radius:14px;width:100%;padding:14px;line-height:1.8}.editor-toolbar{z-index:15;background:#202020f5;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;position:sticky;top:80px}.editor-toolbar strong{margin-right:auto}.editor-tabs{flex-wrap:wrap;gap:16px;margin-bottom:32px;display:flex}.editor-block-tools button,.editor-table-actions button,.editor-tabs button{color:#ddd;background:#242424;border:1px solid #444;border-radius:14px;padding:8px 16px}.editor-tabs button[aria-pressed=true]{color:#fff;background:#1c2948;border-color:#4875ff}.editor-body{gap:16px}.editor-body,.editor-body>label{flex-direction:column;display:flex}.editor-body>label{color:#aaa;gap:8px}.editor-block{background:#1e1e20;border-radius:14px;padding:24px}.editor-block-tools{align-items:center;gap:8px;margin-bottom:16px;display:flex}.editor-block-tools span{color:#888;margin-right:auto}.editor-block img{max-width:100%;height:auto;margin:16px auto}.editor-block .editor-heading{font-size:24px}.editor-block table{border-collapse:collapse;width:100%}.editor-block td{border:1px solid #383838;min-width:180px;padding:8px}.editor-block textarea{resize:vertical}.editor-add,.editor-table-actions{flex-wrap:wrap;gap:16px;display:flex}.editor-upload{background:#242424;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.editor-upload input{max-width:100%}.editor-status{color:#d5eee1;z-index:20;background:#192b24;border-radius:14px;margin-top:16px;padding:16px;position:sticky;bottom:16px}.editor-status.error{color:#fcc;background:#412020}@media (max-width:767px){.lab-editor h1{font-size:32px}.editor-toolbar{gap:8px;top:80px}.editor-toolbar .button{min-height:40px;padding-inline:14px;font-size:12px}.editor-block{padding:16px}.editor-block-tools button{padding:8px 12px}.editor-login{padding:24px}}.publisher-admin{padding-top:112px;padding-bottom:72px}.publisher-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.publisher-heading h1{margin-top:24px;font-size:42px}.publisher-heading p{color:#aaa;margin-top:16px}.publisher-heading a{color:#aaa}.publisher-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:32px;display:grid}.publisher-library{background:#1e1e20;border-radius:14px;flex-direction:column;gap:16px;max-height:calc(100vh - 130px);padding:24px;display:flex;position:sticky;top:104px;overflow:auto}.publisher-library h2{font-size:20px}.publisher-library>p{color:#888;font-size:14px}.publisher-library>button:not(.button){text-align:left;color:#ddd;background:#252525;border:1px solid #0000;border-radius:14px;padding:16px}.publisher-library>button.is-selected{border-color:#4875ff}.publisher-library strong{overflow-wrap:anywhere;font-size:14px;display:block}.publisher-library span{color:#888;margin-top:6px;font-size:12px;display:block}.publisher-actions{z-index:15;background:#202020f5;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex;position:sticky;top:80px}.publisher-actions>span{color:#aaa;margin-right:auto;font-size:14px}.publisher-actions .button{min-height:42px;padding-inline:20px;font-size:13px}.publisher-fields{flex-direction:column;gap:16px;display:flex}.publisher-field-pair label,.publisher-fields>label{color:#bbb;flex-direction:column;gap:10px;display:flex}.publisher-field-pair{gap:16px;display:flex}.publisher-field-pair>label{flex:1}.publisher-admin input:not([type=file]),.publisher-admin select,.publisher-admin textarea{font:inherit;color:#eee;background:#161616;border:1px solid #414141;border-radius:14px;width:100%;padding:14px;line-height:1.8}.publisher-admin textarea{resize:vertical}.publisher-fields h2{font-size:24px}.publisher-cover{background:#1e1e20;border-radius:14px;flex-direction:column;gap:16px;padding:24px;display:flex}.publisher-cover>img{object-fit:contain;background:#111;width:100%;max-height:320px}.publisher-cover>p{color:#888;font-size:12px}.publisher-cover>button{color:#bbb;background:#242424;border:1px solid #444;border-radius:14px;align-self:flex-start;padding:8px 14px}.publisher-upload{cursor:pointer;background:#242424;border:1px dashed #555;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.publisher-upload input{max-width:100%;font-size:12px}.publisher-preview{background:#1e1e20;border-radius:14px;padding:32px}.publisher-preview>h2{margin:24px 0;font-size:36px}.publisher-preview>p{color:#aaa;white-space:pre-wrap;margin:16px 0}.publisher-preview>img{width:100%;height:auto;margin:32px 0}.uploaded-work-card>img{object-fit:cover;width:100%;height:100%}.published-notes{padding-top:72px}.published-notes>h2{margin-bottom:32px;font-size:32px}.published-notes h3{font-size:28px}.published-notes .experiment-card>p{color:#aaa}.published-notes img{object-fit:cover;border-radius:14px;width:100%;max-height:240px}.published-detail{max-width:1200px;padding-top:112px;padding-bottom:72px}.published-detail>header{max-width:960px;margin-bottom:48px}.published-detail>header>a{color:#aaa}.published-detail>header>p{color:#aaa;white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0}.published-detail h1{overflow-wrap:anywhere;margin:32px 0}.publication-cover{border-radius:14px;width:100%;height:auto;margin-bottom:48px}.published-detail>.online-document{max-width:100%}.publication-tags{font-size:14px}@media (max-width:999px){.publisher-layout{grid-template-columns:1fr}.publisher-library{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px;display:grid;position:static}.publisher-library>h2{display:none}}@media (max-width:767px){.publisher-heading{align-items:flex-start}.publisher-heading h1{font-size:32px}.publisher-heading>button{padding-inline:16px;font-size:12px}.publisher-library{padding:16px}.publisher-field-pair{flex-direction:column}.publisher-actions{gap:8px}.publisher-actions .button{padding-inline:14px;font-size:12px}.publisher-preview{padding:20px}.published-detail h1{font-size:36px}.publisher-upload{padding:12px}}.publisher-v2{min-height:100vh;padding:80px 0 96px}.composer-top{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 32px;display:flex}.composer-top>div{align-items:center;gap:24px;display:flex}.composer-top h1{letter-spacing:0;font-size:20px;line-height:1.4}.composer-top a{color:#888;font-size:13px}.composer-top-actions{gap:12px!important}.composer-top-actions button,.composer-top-actions select{color:#bbb;background:#202020;border:1px solid #363636;border-radius:14px;padding:9px 12px;font-size:12px}.composer-top-actions select{max-width:230px}.composer-layout{grid-template-columns:minmax(0,1fr) 300px;min-height:calc(100vh - 230px);display:grid}.composer-document{align-self:start;width:100%;min-width:0;max-width:1100px;margin:auto;padding:40px 64px 96px}.composer-title{border-bottom:1px solid #333;align-items:center;margin-bottom:24px;display:flex}.composer-title input{color:#eee;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0 0 20px;font-size:26px;font-weight:600}.composer-title input::placeholder{color:#707070}.composer-title span{color:#777;align-self:flex-start;padding-top:8px;font-size:12px}.composer-flow,.composer-item{position:relative}.composer-item{margin-bottom:16px;padding-left:0}.composer-block textarea{color:#ddd;width:100%;font:inherit;resize:vertical;background:0 0;border:0;outline:0;min-height:70px;padding:4px 0;font-size:17px;line-height:1.9}.composer-block textarea::placeholder{color:#707070}.composer-block textarea.level-1{font-size:30px}.composer-block textarea.level-2{font-size:25px}.composer-block textarea.level-3{font-size:21px}.composer-block>img{width:100%;height:auto;display:block}.composer-plus{color:#aaa;background:0 0;border:1px solid #555;border-radius:50%;width:26px;height:26px;padding:0;font-size:20px;line-height:22px}.composer-item>.composer-insert{position:absolute;top:8px;left:-38px}.composer-insert{z-index:5;margin:8px 0;position:relative}.composer-insert-menu{background:#272727;border:1px solid #444;border-radius:14px;flex-direction:column;gap:8px;width:190px;padding:12px;display:flex;position:absolute;top:34px;left:0;box-shadow:0 12px 30px #0008}.composer-insert-menu>button,.composer-menu-upload{text-align:left;color:#ddd;cursor:pointer;background:#303030;border:0;border-radius:14px;padding:10px 12px;font-size:14px}.composer-menu-upload{display:block;position:relative;overflow:hidden}.composer-menu-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.composer-formatbar{background:#252525;border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:12px;padding:8px;display:flex}.composer-block-actions button,.composer-formatbar button,.composer-formatbar select,.composer-image-edit{color:#bbb;background:#303030;border:1px solid #404040;border-radius:14px;padding:6px 9px;font-size:12px}.composer-formatbar button[aria-pressed=true]{color:#fff;background:#273e77;border-color:#4875ff}.composer-block-actions{opacity:.8;justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.composer-image-edit{margin-top:10px}.composer-sidebar{background:#151515;border-left:1px solid #292929;align-self:stretch;padding:32px 24px}.composer-sidebar>label:not(.composer-cover-upload){flex-direction:column;gap:12px;margin-top:32px;font-size:14px;display:flex}.composer-sidebar input:not([type=file]),.composer-sidebar select{color:#ddd;font:inherit;background:#202020;border:1px solid #414141;border-radius:14px;width:100%;padding:12px}.composer-cover-upload{aspect-ratio:1770/1200;cursor:pointer;background:#202020;border:1px dashed #454545;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex;position:relative;overflow:hidden}.composer-cover-upload>input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.composer-cover-upload>span{color:#aaa;background:#363636;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:28px;display:flex}.composer-cover-upload strong{color:#aaa;font-size:13px;font-weight:400}.composer-cover-upload img{object-fit:cover;width:100%;height:100%}.composer-cover-size,.composer-side-note{color:#777;margin-top:12px;font-size:12px;line-height:1.8}.composer-remove-cover{color:#888;background:0 0;border:0;padding:8px 0;font-size:12px}.required{color:#4875ff}.composer-bottom{z-index:25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#191919f5;border-top:1px solid #333;justify-content:center;align-items:center;gap:48px;min-height:76px;padding:14px 32px;display:flex;position:fixed;bottom:0;left:0;right:0}.composer-bottom>span{color:#888;font-size:13px}.composer-bottom>div{gap:12px;display:flex}.composer-bottom .button{border-radius:14px;min-width:104px;min-height:44px;font-size:14px}.composer-preview>h2{border-bottom:1px solid #333;margin-bottom:32px;padding-bottom:24px;font-size:32px}.composer-preview .online-document{max-width:none}.composer-error{z-index:30;color:#fcc;background:#412020;border-radius:14px;padding:16px 24px;font-size:14px;position:fixed;bottom:88px;left:32px;right:32px}.composer-login{margin:48px auto}.composer-login input{color:#eee;font:inherit;background:#141414;border:1px solid #414141;border-radius:14px;padding:14px}.cover-crop-dialog{color:#eee;background:#202020;border:1px solid #444;border-radius:14px;width:min(800px,100vw - 32px);max-height:90vh;padding:28px;overflow:auto}.cover-crop-dialog::backdrop{background:#000b}.cover-crop-dialog>header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cover-crop-dialog h2{font-size:24px}.cover-crop-dialog header button{color:#bbb;background:0 0;border:0;font-size:26px}.cover-crop-dialog>p{color:#999;margin-bottom:20px;font-size:14px}.cover-crop-dialog>canvas{object-fit:contain;background:#111;border-radius:14px;width:100%;height:auto;max-height:42vh;display:block}.cover-crop-controls{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.cover-crop-controls>label{color:#aaa;flex-direction:column;flex:1;gap:8px;min-width:160px;font-size:12px;display:flex}.cover-crop-controls>button{color:#bbb;background:#303030;border:1px solid #444;border-radius:14px;padding:8px 14px}.cover-crop-dialog>footer{justify-content:flex-end;gap:16px;display:flex}.online-document blockquote{white-space:pre-wrap;background:#1b2332;border-left:3px solid #4875ff;margin:24px 0;padding:20px 24px}.online-document>h2{margin:36px 0 24px;font-size:32px}.online-document>h4{margin:28px 0 20px;font-size:21px}.online-document>ol,.online-document>ul{margin:24px 0;padding-left:24px}.online-document a{color:#7396ff;text-decoration:underline}@media (max-width:999px){.composer-layout{grid-template-columns:minmax(0,1fr) 260px}.composer-document{padding:32px 48px 96px}.composer-sidebar{padding:24px 20px}.composer-top{padding-inline:24px}}@media (max-width:767px){.composer-top{flex-direction:column;align-items:flex-start;height:auto;min-height:72px;padding:16px 20px}.composer-top>div{gap:16px}.composer-top-actions{flex-wrap:wrap}.composer-top-actions select{max-width:180px}.composer-layout{flex-direction:column;display:flex}.composer-document{padding:32px 32px 48px 48px}.composer-sidebar{border-top:1px solid #333;border-left:0;padding:24px 20px 48px}.composer-cover-upload{max-width:280px}.composer-bottom{justify-content:space-between;gap:12px;padding:12px 16px}.composer-bottom>span{max-width:110px;font-size:11px}.composer-bottom .button{min-width:70px;padding-inline:14px;font-size:12px}.composer-error{left:16px;right:16px}.composer-login{margin:32px 20px}.cover-crop-dialog{padding:20px}.cover-crop-controls{gap:12px}.composer-title input{font-size:24px}}.composer-document{margin:0 auto;padding-top:32px}.composer-toolbar{z-index:18;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#171717f5;border:1px solid #333;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding:8px;display:flex;position:sticky;top:80px}.composer-toolbar-format{flex:1;min-width:0}.composer-toolbar .composer-formatbar{background:0 0;margin:0;padding:0}.composer-toolbar-add{align-items:center;gap:8px;display:flex}.composer-toolbar-add>.composer-menu-upload,.composer-toolbar-add>button{color:#bbb;white-space:nowrap;background:#303030;border:1px solid #404040;border-radius:14px;padding:7px 10px;font-size:12px}.dark-select{min-width:70px;position:relative}.dark-select-trigger{color:#ddd;width:100%;font:inherit;text-align:left;background:#242424;border:1px solid #414141;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;max-width:250px;padding:10px 12px;font-size:13px;display:flex}.dark-select-trigger>span{color:#888}.dark-select-trigger:focus-visible{outline-offset:2px;outline:2px solid #4875ff}.dark-select-options{z-index:40;background:#242424;border:1px solid #444;border-radius:14px;width:max-content;min-width:100%;max-width:min(300px,80vw);max-height:300px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 12px 32px #0008}.dark-select-options>button{text-align:left;color:#ccc;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:10px 12px;font-size:13px;display:flex}.dark-select-options>button:focus-visible,.dark-select-options>button:hover{background:#353535;outline:0}.dark-select-options>button[aria-selected=true]{color:#a9c0ff;background:#26365c}.dark-select-options>p{color:#888;padding:12px;font-size:13px}.composer-sidebar .dark-select-trigger{max-width:none;padding:12px;font-size:14px}.composer-formatbar .dark-select-trigger{padding:6px 9px;font-size:12px}.composer-top-actions .dark-select-options button{border:0}.draftbox-backdrop{z-index:70;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.draftbox-panel{background:#1c1c1e;border-left:1px solid #3b3b3b;width:min(440px,100vw);height:100%;padding:32px;overflow:auto}.draftbox-panel>header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.draftbox-panel h2{font-size:26px}.draftbox-panel header button{color:#aaa;background:0 0;border:0;font-size:28px}.draftbox-list>p,.draftbox-panel>p{color:#888;font-size:14px;line-height:1.8}.draftbox-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.draftbox-list>button{color:#ddd;text-align:left;background:#292929;border:1px solid #3b3b3b;border-radius:14px;padding:20px}.draftbox-list strong{overflow-wrap:anywhere;font-size:16px;display:block}.draftbox-list span{color:#888;margin-top:10px;font-size:12px;display:block}@media (max-width:767px){.composer-document{padding-top:32px}.composer-toolbar{top:80px}.composer-toolbar-add{width:100%}.composer-top-actions .dark-select-trigger{max-width:160px}.draftbox-panel{padding:24px}}.content-manager{width:min(560px,100vw)}.manager-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.manager-tabs button{color:#aaa;background:#292929;border:1px solid #444;border-radius:14px;padding:8px 14px}.manager-tabs button[aria-pressed=true]{color:#bed0ff;background:#26365c;border-color:#4875ff}.manager-item{background:#292929;border:1px solid #3b3b3b;border-radius:14px;padding:20px}.manager-item>div{gap:12px;margin-top:16px;display:flex}.manager-item .button{min-height:38px;padding-inline:18px;font-size:13px}.manager-delete{color:#eb9c9c}.owner-list-actions{padding-top:32px}.owner-detail-actions{gap:16px;margin:0 0 32px;display:flex}.composer-top-actions{flex-wrap:wrap}.composer-top{height:auto;min-height:72px;padding-block:12px}.nio-context-groups{flex-direction:column;gap:56px;margin-top:40px;display:flex}.nio-context-group>h3{margin-bottom:16px;font-size:28px;line-height:1.4}.nio-context-group>p{color:#aaa;max-width:900px;margin-bottom:24px;font-size:18px;line-height:1.8}.nio-context-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.nio-context-card{background:#1e1e20;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.nio-context-cover{background:#202626;justify-content:center;align-items:center;height:240px;padding:24px;display:flex;overflow:hidden}.nio-context-cover .project-image{width:100%;height:100%}.nio-context-cover .motion-scale,.nio-context-cover .project-image-surface,.nio-context-cover .project-image>div{height:100%}.nio-context-cover .project-image img{object-fit:contain;width:100%!important;height:100%!important}.nio-context-cover.is-mobile{background:#202020}.nio-context-caption{flex-direction:column;flex:1;gap:12px;padding:28px;display:flex}.nio-context-caption>span:first-child{letter-spacing:.08em;color:#888;font-size:12px}.nio-context-caption h4{font-size:24px;font-weight:500;line-height:1.5}.nio-context-caption p{color:#aaa;font-size:15px;line-height:1.8}.nio-context-link{color:#9bb4ff;margin-top:auto;padding-top:12px;font-size:14px}.nio-context-card:hover .nio-context-link{color:#c5d4ff}.nio-occ-title-cover{background:#1b2330;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.nio-occ-title-cover>span{letter-spacing:.06em;color:#adc2f6;font-size:72px;font-weight:500}.nio-occ-title-cover>small{color:#8f9cb5;font-size:13px}@media (max-width:767px){.nio-context-cards{grid-template-columns:1fr}.nio-context-group>h3{font-size:24px}.nio-context-group>p{font-size:16px}.nio-context-cover{height:220px;padding:20px}.nio-context-caption{padding:24px}.nio-context-caption h4{font-size:22px}}.case-section-nav nav{gap:8px;max-width:180px}.case-section-nav nav a{color:#ababab;border-left:2px solid #0000;border-radius:14px;align-items:flex-start;gap:12px;min-height:58px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.case-section-nav .case-nav-number{color:#ababab;flex-shrink:0;font-size:11px}.case-section-nav .case-nav-title{overflow-wrap:anywhere;min-width:0}.case-section-nav nav small{margin-top:3px;font-size:12px;display:block}.case-section-nav nav a[aria-current=location]{background:#1b2338;border-left-color:#215bd9}.case-section-nav nav a:hover{color:#fff;background:#191919}.case-section-nav nav a[aria-current=location]:hover{background:#1b2338}.case-section-nav nav a:focus-visible{outline-offset:3px;outline:2px solid #215bd9}@media (max-width:900px){.case-section-nav nav{max-width:none}.case-section-nav .rail-mobile{background:#202020;border:1px solid #383838;border-radius:14px}.case-section-nav .rail-mobile summary{padding:12px 16px}.case-section-nav .rail-mobile>div{padding:8px 12px}}:root{--app-frame-shell:linear-gradient(110deg,#4d4d50,#474749 25%,#464648 60%,#4b4b4d);--app-frame-edge:#6d6d6f;--app-frame-radius:36px;--app-frame-width:5px}.project-image--app-interface .motion-scale{padding:var(--app-frame-width);border:1px solid var(--app-frame-edge);border-radius:var(--app-frame-radius);background:var(--app-frame-shell);overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 8px 20px #0002}.project-image--app-interface .motion-scale>img{border-radius:calc(var(--app-frame-radius) - var(--app-frame-width) - 1px);overflow:hidden}.project-image--app-interface .project-image-surface{background:0 0;overflow:visible}.density-handset,.nio-black-handset{background:var(--app-frame-shell);border:1px solid var(--app-frame-edge);padding:var(--app-frame-width);box-shadow:inset 0 1px #ffffff12,0 8px 20px #0002}.nio-black-screen .project-image--app-interface .motion-scale{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.nio-black-screen .project-image--app-interface .motion-scale>img{border-radius:0}.cover-art .project-image--app-interface .motion-scale{border-radius:clamp(12px,2vw,30px);padding:clamp(2px,.3vw,5px)}.cover-art .project-image--app-interface .motion-scale>img{border-radius:clamp(9px,1.6vw,24px)}.zoom-dialog{box-sizing:border-box;background:#101010f2;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:64px;position:fixed;inset:0;overflow:hidden}.zoom-dialog[open]{justify-content:center;align-items:center;display:flex}.zoom-dialog>img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 128px);display:block;width:100%!important;height:100%!important}.zoom-dialog .zoom-close{z-index:2;margin:0;position:fixed;top:16px;right:24px}.zoom-dialog>p{color:#aaa;white-space:nowrap;text-overflow:ellipsis;text-align:center;margin:0;font-size:12px;line-height:1.5;position:fixed;bottom:16px;left:64px;right:64px;overflow:hidden}.app-interface-preview{align-items:flex-end;gap:12px;min-width:0;display:flex}.app-interface-preview>div{flex:1;min-width:0}.app-interface-preview>.zoom-button{opacity:1;white-space:nowrap;flex:none;margin-bottom:8px;font-size:11px;position:static}@media (max-width:600px){.zoom-dialog{padding:64px 20px}.zoom-dialog>p{left:20px;right:20px}.app-interface-preview{flex-wrap:wrap;gap:8px}.app-interface-preview>div{flex-basis:100%}.app-interface-preview>.zoom-button{margin-bottom:0;margin-left:auto}}.app-interface-preview>.zoom-button.zoom-text-link,.zoom-button.zoom-text-link{color:#ccc;opacity:1;white-space:nowrap;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:0;font-size:14px;font-weight:400;line-height:24px;display:inline-flex}.zoom-button.zoom-text-link:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.zoom-button.zoom-text-link>svg{flex-shrink:0;width:14px;height:14px}body:has(.nio-map-case),body:has(main[data-nio-theme=true]){--accent:#215bd9}body:has(main[data-nio-theme=true]) .analysis-copy .analysis-opportunity{border-left:3px solid var(--accent);background:#112c2c;border-radius:14px;margin-top:24px;padding:28px}body:has(main[data-nio-theme=true]) .analysis-copy .analysis-opportunity h3 span{color:#00bebe}body:has(main[data-nio-theme=true]) .nio-context-link{color:#00bebe;margin-top:auto;padding-top:12px;font-size:14px}body:has(main[data-nio-theme=true]) .nio-context-card:hover .nio-context-link{color:#00bebe}body:has(main[data-nio-theme=true]) .nio-occ-title-cover{background:#112c2c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}body:has(main[data-nio-theme=true]) .nio-occ-title-cover>span{letter-spacing:.06em;color:#00bebe;font-size:72px;font-weight:500}body:has(main[data-nio-theme=true]) .case-section-nav nav a[aria-current=location]{color:#fff;background:#112c2c;border-left-color:#00bebe}body:has(main[data-nio-theme=true]) .case-section-nav nav a[aria-current=location]:hover{background:#112c2c}body:has(main[data-nio-theme=true]) .case-section-nav nav a:focus-visible{outline-offset:3px;outline:2px solid #00bebe}:root{--container-radius:14px;--table-inset:32px}.document-table-wrap{padding:var(--table-inset);border-radius:var(--container-radius)}:root{--module-gap:64px}.call-section,.imported-case .reference-chapter:first-of-type,.reference-chapter,.service-section{padding-top:var(--module-gap)}.nio-context-groups{gap:var(--module-gap)}:root{--chapter-gap:100px}.imported-case .reference-chapter:first-of-type,.reference-chapter{padding-top:var(--chapter-gap)}.inline-text-edit{min-width:0;position:relative}.inline-text-content{padding-right:76px}.inline-edit-trigger{color:var(--accent);white-space:nowrap;background:0 0;border:0;padding:4px 0;font-size:14px;line-height:24px;position:absolute;top:0;right:0}.inline-edit-trigger:hover{text-decoration:underline}.inline-edit-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.inline-edit-notice{color:var(--accent);font-size:12px}.inline-edit-dialog{color:#f7f7f7;background:#202020;border:1px solid #353535;border-radius:14px;width:min(640px,100vw - 32px);max-height:calc(100dvh - 64px);margin:auto;padding:32px;overflow:auto}.inline-edit-dialog::backdrop{background:#0009}.inline-edit-dialog h2{margin:0 0 24px;font-size:24px;font-weight:700}.inline-edit-dialog label{margin-top:16px;font-size:14px;display:block}.inline-edit-dialog input,.inline-edit-dialog textarea{color:#fff;background:#101010;border:1px solid #555;border-radius:14px;width:100%;margin-top:8px;padding:16px;line-height:1.8;display:block}.inline-edit-dialog textarea{resize:vertical}.inline-edit-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.inline-edit-error{color:#ffb4ab;margin-top:16px;font-size:14px}.online-document .inline-text-edit{margin-block:20px}.online-document .inline-text-edit p{white-space:pre-wrap}.experiment-article .inline-text-edit+.inline-text-edit{margin-top:16px}@media (max-width:600px){.inline-edit-dialog{padding:24px}.inline-text-content{padding-right:60px}}.inline-text-edit:before{content:"";pointer-events:none;z-index:0;background:0 0;border-radius:14px;position:absolute;inset:-12px}.inline-edit-notice,.inline-text-content{z-index:1;position:relative}.inline-edit-trigger{opacity:0;pointer-events:none;z-index:2}.inline-text-edit:not(.is-editing):focus-within:before,.inline-text-edit:not(.is-editing):hover:before{background:#202020}.inline-text-edit:focus-within>.inline-edit-trigger,.inline-text-edit:hover>.inline-edit-trigger{opacity:1;pointer-events:auto}.inline-edit-form{z-index:1;background:#202020;border:1px solid #353535;border-radius:14px;padding:24px;position:relative}.inline-edit-form h3{margin:0 0 16px;font-size:18px;font-weight:700;line-height:1.5}.inline-edit-form label{color:#aaa;margin-top:16px;font-size:13px;display:block}.inline-edit-form input,.inline-edit-form textarea{color:#f7f7f7;background:#101010;border:1px solid #555;border-radius:14px;width:100%;margin-top:8px;padding:14px 16px;font-size:16px;line-height:1.8;display:block}.inline-edit-form textarea{resize:vertical;white-space:pre-wrap;min-height:60px;max-height:480px}.inline-edit-form input:focus,.inline-edit-form textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.inline-edit-form .inline-edit-actions{margin-top:20px}@media (hover:none){.inline-edit-trigger{opacity:1;pointer-events:auto}}@media (max-width:600px){.inline-edit-form{padding:16px}}.cover-art.cover-art--nio-montage{background:#ddd;padding:0;overflow:hidden}.cover-art--nio-montage>img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.cover-art.cover-art--occ-real{background:#aaadb1;padding:0}.cover-art--occ-real>img{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.work-video-hero{isolation:isolate;background:#101010;align-items:flex-end;min-height:570px;margin-bottom:64px;display:flex;position:relative;overflow:hidden}.work-hero-video{z-index:-2;object-fit:cover;object-position:center 48%;width:100%;height:100%;position:absolute;inset:0}.work-video-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#080b0ed9,#080b0e7a 45%,#080b0e20 80%),linear-gradient(#10101000 58%,#101010);position:absolute;inset:0}.work-video-hero .work-hero-copy{padding-top:170px;padding-bottom:64px}.work-hero-copy h1{color:#fff;text-shadow:0 2px 24px #0008}.work-hero-copy p{color:#e0e5e7;max-width:620px}.work-hero-motion{color:#e9efef;z-index:2;background:#10101080;border:1px solid #ffffff50;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-size:12px;display:flex;position:absolute;bottom:32px;right:5%}@media (max-width:700px){.work-video-hero{min-height:480px;margin-bottom:36px}.work-video-hero .work-hero-copy{padding-top:160px;padding-bottom:78px}.work-hero-video{object-position:58% center}.work-video-hero:after{background:linear-gradient(90deg,#080b0ebf,#080b0e40),linear-gradient(#10101000 35%,#101010)}.work-hero-motion{bottom:20px}}.cover-art.cover-art--space-devices{background:#727575;padding:0;overflow:hidden}.cover-art--space-devices>img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.case-cover .cover-art,.work-card .cover-art{gap:0;padding:0;overflow:hidden}.case-cover .cover-art>img,.work-card .cover-art>img{object-fit:cover;object-position:center;border-radius:0;width:100%;height:100%;display:block}.case-cover .cover-art .cover-image,.work-card .cover-art .cover-image{background:0 0;border-radius:0;flex:1 1 0;width:0;min-width:0;height:100%;margin:0;padding:0;transform:none}.case-cover .cover-count-1 .cover-image,.work-card .cover-count-1 .cover-image{flex-basis:100%;width:100%}.case-cover .cover-art .cover-image>div,.case-cover .cover-art .motion-scale,.case-cover .cover-art .project-image-surface,.work-card .cover-art .cover-image>div,.work-card .cover-art .motion-scale,.work-card .cover-art .project-image-surface{width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.case-cover .cover-art .cover-image img,.work-card .cover-art .cover-image img{border-radius:0;object-fit:cover!important;width:100%!important;height:100%!important}.work-card .cover-art--vehicle-cloud>img{object-position:center top;object-position:center}.about-content .personal-photo-wall{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;max-width:960px;margin-top:32px;display:grid}.about-content .personal-photo-wall .personal-photo{grid-column:auto;min-width:0;margin:0}.about-content .personal-photo-wall figure{background:0 0;width:100%;height:280px}.about-content .personal-photo-wall img{object-fit:contain;object-position:center;width:100%!important;height:100%!important}@media (max-width:1000px){.about-content .personal-photo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.about-content .personal-photo-wall figure{height:250px}}@media (max-width:600px){.about-content .personal-photo-wall{gap:14px}.about-content .personal-photo-wall figure{height:210px}}@media (min-width:701px){.work-video-hero .work-hero-copy{padding-top:98px;padding-bottom:136px}}@media (min-width:768px){.work-collections-page>.work-video-hero{min-height:440px;margin-bottom:0}.work-collections-page .work-hero-copy{width:min(75%,1440px);width:min(90%,var(--container-width));padding-top:130px;padding-bottom:110px}.work-collections-page .work-hero-copy>div{margin-left:25%}.work-collections-page>section.shell{width:min(90%,var(--container-width))}}.nm-case .nm-research-document>img,.nm-evidence-image>img,.nm-official-image>img,.nm-research-document>img,.rail-content .case-image-frame,.rail-content .project-image-surface img{box-sizing:border-box;border:5px solid #171719!important;border-radius:12px!important}@media (max-width:767px){.nm-evidence-image>img,.nm-official-image>img,.nm-research-document>img,.rail-content .case-image-frame,.rail-content .project-image-surface img{border-width:3px!important;border-radius:9px!important}}.ai-dota-redacted-photo{position:relative}.ai-dota-photo-mask{z-index:2;pointer-events:none;background:repeating-conic-gradient(#394351 0 25%,#8b929c 0 50%,#202b3c 0 75%,#606b79 0 100%) 0 0/4px 4px;width:5.5%;height:2.6%;position:absolute;top:17.9%;left:16.2%;transform:rotate(-15deg)}.interface-stage{background:#1b1b1e;border-radius:15px;padding:42px 7%}.interface-window{background:#171719;border:5px solid #171719;border-radius:12px;width:82%;margin-inline:auto;overflow:hidden}.interface-window img{width:100%;height:auto;display:block;border:0!important;border-radius:7px!important}.desktop-interface-stage{background:#1b1b1e;border-radius:15px;padding:40px 7%}.desktop-interface-stage>img{height:auto;margin-inline:auto;display:block;width:82%!important}.desktop-interface-stage>figcaption{margin-top:20px}.cover-art>canvas{object-fit:cover;width:100%;height:100%!important}@media (max-width:767px){.desktop-interface-stage,.interface-stage{padding:24px 12px}.interface-window{border-width:3px;width:96%}.desktop-interface-stage>img{width:96%!important}}.case-cover .ai-dota-redacted-photo>canvas,.work-card .ai-dota-redacted-photo>canvas{object-fit:cover;object-position:center;max-width:100%;position:absolute;inset:0;width:100%!important;height:100%!important}.share-dialog{color:#eee;background:#1d1d20;border:1px solid #48484c;border-radius:16px;width:min(760px,100vw - 32px);max-height:88vh;padding:0;box-shadow:0 25px 100px #0009}.share-dialog::backdrop{background:#0009}.share-panel{max-height:88vh;padding:28px;overflow:auto}.share-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.share-title h2{letter-spacing:0;font-size:24px}.share-title button{background:0 0;border:0;font-size:28px}.share-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.share-tabs button{background:#29292c;border:1px solid #444;border-radius:8px;padding:8px 13px}.share-tabs button[aria-pressed=true]{background:#00a6a8;border-color:#00a6a8}.share-panel p{color:#bbb;margin:16px 0;font-size:13px;line-height:1.8}.share-panel input:not([type=checkbox]),.share-panel select,.share-panel textarea,.share-renewal input,.share-renewal textarea{color:#eee;width:100%;font:inherit;background:#101012;border:1px solid #555;border-radius:9px;margin:10px 0 20px;padding:12px;display:block}.share-panel label{font-size:14px;display:block}.share-panel textarea{resize:vertical;min-height:95px}.share-check{align-items:center;gap:10px;margin:20px 0;display:flex!important}.share-result{border:1px solid #457573;border-radius:12px;margin-top:24px;padding:16px}.share-mode{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.share-mode select{max-width:65%;margin:0}.share-log,.share-reader{border:1px solid #3e3e43;border-radius:10px;flex-direction:column;gap:10px;margin:14px 0;padding:18px;font-size:13px;display:flex}.share-reader>.button{align-self:start}.share-log small,.share-log time,.share-reader small{color:#aaa}.share-log-list{max-height:45vh;overflow:auto}.share-error{color:#ffc1b6!important}.share-renewal label{margin-top:16px;display:block}.share-muted{color:#acbabb!important;font-size:12px!important}@media (max-width:600px){.share-panel{padding:20px}.share-title h2{font-size:20px}.share-mode{flex-direction:column;align-items:start}.share-mode select{max-width:100%}}.share-link-box{background:#191919;border:1px solid #303030;border-radius:10px;min-width:0;margin-top:10px;padding:10px}.share-link-box label{color:#aaa;margin:0 0 6px;font-size:11px;line-height:1.4;display:block}.share-link-input{color:#eee;width:100%;min-width:0;font:inherit;outline-offset:2px;background:#111;border:1px solid #3b3b3b;border-radius:7px;padding:8px;font-size:11px;line-height:1.4;display:block}.share-link-input:focus{border-color:#777;outline:2px solid #777}.share-link-status{color:#aaa;overflow-wrap:anywhere;font-size:11px;line-height:1.5;margin:7px 0 0!important}.site-menu-admin-links{gap:8px;margin-top:10px;display:grid}.site-menu-admin-links .button{text-align:center;width:100%;min-height:38px;padding:8px;font-size:12px}.site-menu-admin-row{align-items:center;gap:8px;min-width:0;display:flex}.site-menu-admin-links>.button{width:100%}.site-menu-admin-links>.button,.site-menu-admin-row>.button{text-align:center;min-height:38px;padding:8px;font-size:12px}.site-menu-admin-row>.button{flex:1;width:auto;min-width:0}.site-menu-admin-status{color:#7fe1d5;white-space:nowrap;background:#12332f;border:1px solid #185c55;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:28px;padding:0 9px;font-size:10px;display:inline-flex}.site-admin-login-backdrop{z-index:10050;background:#000000c2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.site-admin-login-panel{color:#f6f6f6;background:#1e1e20;border:1px solid #393939;border-radius:16px;width:min(100%,510px);max-height:calc(100dvh - 40px);padding:36px 26px 26px;position:relative;overflow-y:auto;box-shadow:0 24px 100px #0008}.site-admin-login-close{color:#ddd;cursor:pointer;background:0 0;border:0;font-size:26px;line-height:1;position:absolute;top:10px;right:13px}@media (max-width:600px){.site-admin-login-panel{padding:38px 18px 20px}}.home-work-content{max-width:1120px;margin-left:25%}@media (max-width:850px){.home-work-content{max-width:none;margin-left:0}}.case-section-nav nav a{color:#fffc;align-items:center}.case-section-nav .case-nav-number{color:inherit}.case-section-nav nav a[aria-current=location]{color:#fff}.nio-map-case .nm-navigation nav a{color:#fffc;align-items:center}.nio-map-case .nm-navigation nav a>span:first-child{color:inherit}.nio-map-case .nm-navigation nav a[aria-current=location]{color:#fff}.case-section-nav nav,.nio-map-case .nm-navigation nav{gap:24px}.case-section-nav nav a,.nio-map-case .nm-navigation nav a{color:#fffc;background:0 0;border:0;border-radius:0;align-items:center;min-height:24px;padding:0;font-size:14px;line-height:24px}.case-section-nav nav a:hover,.case-section-nav nav a[aria-current=location],.nio-map-case .nm-navigation nav a:hover,.nio-map-case .nm-navigation nav a[aria-current=location],body:has(main[data-nio-theme=true]) .case-section-nav nav a[aria-current=location],body:has(main[data-nio-theme=true]) .case-section-nav nav a[aria-current=location]:hover{color:#fff;background:0 0;border:0}.case-section-nav .case-nav-number,.nio-map-case .nm-navigation nav a>span:first-child{color:inherit}.case-section-nav .case-contact,.nm-navigation .case-contact{color:#fff;background:#215bd9;border:0;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:40px;margin-top:40px;padding:8px 24px;font-size:14px;line-height:24px;display:inline-flex}.case-section-nav .case-contact:hover,.nm-navigation .case-contact:hover{color:#fff;background:#1b4dba}.case-section-nav nav a:focus-visible,.nm-navigation nav a:focus-visible{outline-offset:4px;outline:2px solid #215bd9}.exact-chapter-nav .rail-desktop nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#444 transparent;max-height:calc(100dvh - 224px);padding-right:8px;overflow-y:auto}.exact-chapter-nav .case-nav-title{overflow-wrap:break-word}.exact-chapter-nav .rail-desktop nav a{flex-shrink:0;align-items:flex-start}@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-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}