@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}
.phone-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start}.phone-gallery .gallery-item img{max-height:none}.wechat-qr{margin-top:30px;max-width:360px}.wechat-qr button{background:white}.wechat-qr img{max-height:none}.public-account-only{grid-template-columns:minmax(0,840px)!important}.paper-first-page img{max-height:1100px;margin-inline:auto;width:auto;max-width:100%}
@media(max-width:760px){.phone-gallery{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;gap:20px!important}.phone-gallery .gallery-item{min-width:88%;scroll-snap-align:start}.wechat-qr{max-width:310px}.paper-first-page img{width:100%;max-height:none}}
.inner-page{background:var(--paper)}.breadcrumbs{display:flex;gap:13px;align-items:center;flex-wrap:wrap;padding-top:27px;font-size:11px;color:var(--muted);line-height:1.9}.breadcrumbs a:hover{text-decoration:underline}.collection-hero{padding-block:65px}.collection-hero>.eyebrow{color:var(--muted)}.collection-hero h1{margin:30px 0;display:flex;flex-direction:column;gap:23px;font-weight:400}.collection-hero h1 em{font:italic clamp(54px,6.3vw,96px)/1.25 Bodoni,Georgia,serif;letter-spacing:-.055em}.collection-hero h1>span{font-size:30px;line-height:1.6}.collection-hero>p:last-child{max-width:780px;font-size:16px;line-height:2;color:var(--muted)}.archive-collection{padding-bottom:80px}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 45px}.archive-card[hidden]{display:none}.archive-image{height:350px;position:relative;overflow:hidden;background:#d3d4cb}.archive-image img{height:100%;object-fit:cover;transition:transform .8s var(--ease)}.archive-image span,.case-cover button>span,.gallery-item button>span,.about-story figure button>span{position:absolute;bottom:17px;right:17px;background:var(--paper);color:var(--ink);padding:10px 14px;font-size:11px}.archive-card a:hover .archive-image img{transform:scale(1.05)}.archive-card-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);line-height:1.8;margin-top:20px}.archive-card h2{font-size:26px;font-weight:400;line-height:1.6;margin-top:12px}.archive-card p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:10px}.page-dark .breadcrumbs{color:#a6ada6}.page-dark main{background:var(--ink)}.case-hero{padding-block:55px 50px}.page-dark .case-hero{color:var(--white)}.case-hero>.eyebrow{color:var(--muted)}.page-dark .case-hero>.eyebrow{color:#a6ada6}.case-state{display:inline-block;font-size:11px;padding:8px 0;border-bottom:1px solid var(--red);margin-top:22px;line-height:1.8}.case-hero h1{font-size:clamp(30px,4.2vw,62px);font-weight:400;line-height:1.5;letter-spacing:-1px;margin-top:27px;max-width:1150px}.case-role{font-size:14px;color:var(--muted);line-height:1.9;margin-top:20px}.page-dark .case-role{color:#a6ada6}.case-deck{max-width:800px;font-size:18px;line-height:1.9;margin-top:25px}.case-cover{margin-top:45px}.case-cover button,.about-story figure button{display:block;width:100%;padding:0;position:relative;overflow:hidden;cursor:zoom-in}.case-cover img{max-height:640px;aspect-ratio:2.1;object-fit:cover;transition:transform .8s}.case-cover button:hover img{transform:scale(1.025)}.case-concept{display:grid;grid-template-columns:130px 1fr;gap:10px 30px;padding:45px;margin-top:45px;background:#242929;align-items:center}.case-concept>span{font:italic 100px/1.2 Bodoni,Georgia,serif;color:var(--red);grid-row:1 / 3}.case-concept>p{font-size:30px;line-height:1.6}.case-concept>small{font:11px Space,sans-serif;letter-spacing:2px;color:#a6ada6}.case-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;padding-block:65px 75px;background:var(--paper);color:var(--ink)}.case-section>aside{align-self:start;position:sticky;top:30px}.case-facts{margin:0 0 25px}.case-facts>div{border-top:1px solid var(--line);padding:20px 0}.case-facts dt{font-size:11px;color:var(--muted);line-height:1.8}.case-facts dd{font-size:15px;line-height:1.9;margin:8px 0 0}.case-prose>.eyebrow{color:var(--muted)}.case-prose h2,.gallery-heading h2,.case-discussion h2{font-size:30px;font-weight:400;line-height:1.6;margin:20px 0 25px}.case-prose p,.case-prose li{font-size:15px;line-height:2.1;color:#62655f}.case-prose p{margin-block:18px}.case-prose h3{font-size:20px;line-height:1.7;font-weight:500;margin:30px 0 15px}.case-prose ul{padding-left:22px}.case-prose .notice{padding-left:20px;border-left:2px solid var(--red)}.case-prose .case-note{font-size:12px}.case-gallery{background:#e3dfd6;color:var(--ink);padding-block:65px 70px}.gallery-heading{margin-bottom:35px}.gallery-heading>.eyebrow{color:var(--muted)}.gallery-heading>p:last-child{font-size:12px;color:var(--muted);line-height:1.9}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.gallery-lead{grid-column:1 / -1}.gallery-item button{display:block;position:relative;width:100%;padding:0;background:#17191a;cursor:zoom-in;overflow:hidden}.gallery-item img{max-height:690px;object-fit:contain;transition:transform .6s}.gallery-item button:hover img{transform:scale(1.015)}.gallery-item figcaption{font-size:12px;line-height:1.9;color:#62655f;margin-top:13px}.case-discussion{background:var(--paper);color:var(--ink);padding-block:60px 70px;border-top:1px solid var(--line)}.case-discussion>.eyebrow{color:var(--muted)}.case-discussion p{font-size:15px;color:var(--muted);line-height:2;max-width:800px}.case-discussion .button{margin-top:28px}.case-next{display:flex;justify-content:space-between;align-items:center;gap:40px;background:var(--paper);color:var(--ink);padding-block:40px;border-top:1px solid var(--line)}.case-next>a:first-child{font-size:13px}.case-next>a:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:70%}.case-next span{font-size:10px;color:var(--muted)}.case-next strong{font-size:21px;font-weight:400;line-height:1.7;text-align:right}.page-cta{background:var(--red);padding-block:40px;display:flex;align-items:center;gap:30px;max-width:none}.page-cta>p{font-size:18px;line-height:1.7;flex:1}.page-cta>a{font-size:21px;display:flex;gap:25px}.page-cta>span{font-size:12px}.ai-collection{padding-bottom:75px}.ai-case-link{display:grid;grid-template-columns:100px 1fr 45px;gap:35px;padding:40px 0;border-top:1px solid var(--dark-line);color:var(--white)}.ai-case-number{font:italic 67px/1.3 Bodoni,Georgia,serif;color:var(--red)}.ai-case-link .eyebrow{color:#9b9f9e;font-size:10px}.ai-case-link h2{font-size:31px;font-weight:400;line-height:1.6;margin-top:15px;transition:transform .4s}.ai-case-link p:not(.eyebrow){font-size:14px;line-height:2;max-width:820px;color:#a6ada6;margin-top:18px}.ai-case-arrow{font:34px Space,sans-serif;padding-top:30px}.ai-case-link:hover h2{transform:translateX(7px)}.page-dark .collection-hero{color:var(--white)}.page-dark .collection-hero>.eyebrow,.page-dark .collection-hero>p:last-child{color:#a6ada6}.explore-note{margin-top:30px;border-top:1px solid var(--dark-line);padding-top:30px;color:var(--white)}.explore-note h2{font-size:20px;font-weight:400}.explore-note p{font-size:14px;line-height:2;color:#a6ada6;max-width:850px;margin-top:18px}.research-collection{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;padding-bottom:80px}.research-collection>aside{position:sticky;top:40px;align-self:start}.research-collection>aside>p{font-size:14px;line-height:2;color:var(--muted)}.research-collection .text-link{margin-top:30px}.publication{padding:30px 0;border-top:1px solid var(--line)}.publication .eyebrow{color:var(--muted);font-size:10px}.publication h2{font-size:26px;font-weight:400;line-height:1.7;margin:25px 0 17px;transition:transform .35s}.publication a:hover h2{transform:translateX(6px)}.publication p:not(.eyebrow){font-size:13px;color:var(--muted)}.publication a>span{display:inline-block;font-size:12px;margin-top:24px}.writing-collection{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-bottom:80px}.writing-collection article{border-top:1px solid var(--line);padding-top:30px}.account-symbol{width:130px;height:150px;display:grid;place-items:center;background:var(--red);font-size:40px;line-height:1.5;margin-bottom:35px}.account-personal{background:var(--ink);color:var(--paper);font-family:serif}.writing-collection .eyebrow{color:var(--muted)}.writing-collection h2{font-size:29px;font-weight:400;line-height:1.6;margin:20px 0}.writing-collection p:not(.eyebrow){font-size:15px;line-height:2;color:var(--muted);max-width:500px}.writing-collection .text-link{margin-top:25px}.about-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;padding-block:15px 70px}.about-story figure{align-self:start;position:sticky;top:35px}.about-story figure img{height:500px;object-fit:cover;object-position:35% center}.about-story h2{font-size:38px;font-weight:400;line-height:1.6;margin:25px 0}.about-story p:not(.eyebrow){font-size:15px;line-height:2.1;color:var(--muted);margin-block:20px}.about-story .eyebrow{color:var(--muted)}.story-timeline{padding-bottom:80px}.story-timeline>h2{font-size:30px;font-weight:400;margin-bottom:35px}.story-timeline article{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;border-top:1px solid var(--line);padding-block:30px}.story-timeline article>span{font:24px Space,sans-serif}.story-timeline h3{font-size:24px;font-weight:400;line-height:1.7}.story-timeline p{font-size:14px;line-height:2;color:var(--muted);margin-top:13px}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-bottom:70px}.contact-methods article{border-top:1px solid var(--line);padding-top:30px;scroll-margin-top:30px}.contact-methods h2{font-size:26px;font-weight:400;margin-top:25px}.contact-value{font:clamp(24px,3vw,45px)/1.6 Space,sans-serif;display:block;margin:25px 0 30px;overflow-wrap:anywhere}.contact-value-email{font-size:clamp(20px,2.5vw,36px)}.channel-note{font-size:13px;line-height:1.9;color:var(--muted);margin-top:25px}.collaboration-scope{border-top:1px solid var(--line);padding-block:55px 70px}.collaboration-scope h2{font-size:30px;font-weight:400;margin:25px 0 35px}.collaboration-scope>div{display:grid;grid-template-columns:1fr 1fr;gap:40px}.collaboration-scope h3{font-size:21px;font-weight:400}.collaboration-scope article>p{font-size:14px;line-height:2;color:var(--muted);margin-top:13px}.home-wechat{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;border-top:1px solid #bc5342;padding-top:18px;margin-top:13px;font-size:12px}.home-wechat strong{font:19px Space,sans-serif;margin-left:12px}.home-wechat button{font-size:11px;padding:10px 0}.home-wechat>a{flex-basis:100%;font-size:11px;padding-top:5px}.project-open,.lab-row{cursor:pointer}.sub-motion [data-sub-reveal]{opacity:0;transform:translateY(25px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.sub-motion [data-sub-reveal].is-visible{opacity:1;transform:none}
#image-lightbox{width:calc(100% - 44px);height:calc(100dvh - 44px);max-width:1800px;max-height:none;overflow:hidden;background:var(--ink);color:var(--white)}#image-lightbox[open]{display:grid;grid-template-rows:65px minmax(0,1fr) auto}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 24px;border-bottom:1px solid var(--dark-line)}.lightbox-count{font:12px Space,sans-serif}.lightbox-toolbar>div{display:flex;gap:25px}.lightbox-toolbar button{font-size:12px;padding:8px}.lightbox-stage{overflow:auto;display:grid;place-items:center;min-width:0;min-height:0;padding:20px}.lightbox-image{max-width:100%;max-height:calc(100dvh - 220px);width:auto;height:auto;object-fit:contain}.is-zoomed .lightbox-stage{display:block}.is-zoomed .lightbox-image{max-width:none;max-height:none;width:auto;height:auto}.lightbox-bottom{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:20px;padding:20px 24px;border-top:1px solid var(--dark-line)}.lightbox-bottom button{font-size:12px;padding:8px 0}.lightbox-bottom button:disabled{opacity:.3;cursor:default}.lightbox-bottom p{font-size:12px;line-height:1.9;text-align:center;color:#b4bbb3}#image-lightbox::backdrop{background:#080d0ded;backdrop-filter:blur(8px)}
@media(max-width:1000px){.case-section,.research-collection{gap:45px}.archive-image{height:290px}.about-story{gap:40px}.about-story figure img{height:430px}.ai-case-link{grid-template-columns:70px 1fr 35px;gap:25px}.case-concept{padding:30px}.case-concept>p{font-size:26px}}
@media(max-width:760px){.breadcrumbs{padding-top:20px;font-size:10px;gap:9px}.collection-hero{padding-block:40px 45px}.collection-hero h1{margin-block:25px;gap:18px}.collection-hero h1 em{font-size:clamp(43px,11vw,65px);line-height:1.3;overflow-wrap:anywhere}.collection-hero h1>span{font-size:25px}.collection-hero>p:last-child{font-size:14px}.archive-collection,.ai-collection,.research-collection,.writing-collection,.story-timeline{padding-bottom:50px}.archive-grid,.case-section,.gallery-grid,.research-collection,.writing-collection,.about-story,.contact-methods,.collaboration-scope>div{grid-template-columns:1fr;gap:35px}.archive-image{height:auto;aspect-ratio:1.37}.archive-card-meta{font-size:9px;gap:12px;margin-top:16px}.archive-card h2{font-size:23px}.archive-card p{font-size:12px}.case-hero{padding-block:35px 30px}.case-hero>.eyebrow{font-size:9px;letter-spacing:1px}.case-state{font-size:10px;margin-top:18px}.case-hero h1{font-size:30px;line-height:1.6;letter-spacing:-.5px;margin-top:22px}.case-role{font-size:12px;margin-top:17px}.case-deck{font-size:16px;margin-top:20px}.case-cover{margin-top:30px}.case-cover img{aspect-ratio:1.2}.case-concept{grid-template-columns:65px 1fr;gap:12px;padding:25px 20px;margin-top:30px}.case-concept>span{font-size:55px}.case-concept>p{font-size:21px}.case-concept>small{font-size:8px;letter-spacing:1px;line-height:1.8}.case-section{padding-block:35px 45px}.case-section>aside,.research-collection>aside,.about-story figure{position:static}.case-facts{margin-bottom:15px}.case-facts>div{display:grid;grid-template-columns:90px 1fr;gap:15px;padding-block:17px}.case-facts dt{font-size:10px}.case-facts dd{font-size:13px;margin:0}.case-prose h2,.gallery-heading h2,.case-discussion h2{font-size:25px}.case-prose h3{font-size:19px}.case-prose p,.case-prose li,.case-discussion p{font-size:14px;line-height:2}.case-gallery,.case-discussion{padding-block:40px 45px}.gallery-heading>p:last-child,.gallery-item figcaption{font-size:11px}.gallery-lead{grid-column:auto}.gallery-item button>span,.case-cover button>span,.about-story figure button>span{font-size:10px;right:12px;bottom:12px}.case-next{padding-block:30px;gap:22px;align-items:start}.case-next>a:first-child{font-size:11px;max-width:30%;line-height:1.8}.case-next strong{font-size:17px}.case-next span{font-size:9px}.page-cta{padding-block:30px;flex-wrap:wrap;gap:22px}.page-cta>p{font-size:16px;flex-basis:100%;flex-grow:0}.page-cta>a{font-size:19px;flex:1}.page-cta>span{font-size:11px}.ai-case-link{grid-template-columns:35px 1fr 20px;gap:15px;padding-block:30px}.ai-case-number{font-size:35px}.ai-case-link .eyebrow{font-size:8px;letter-spacing:.5px}.ai-case-link h2{font-size:24px}.ai-case-link p:not(.eyebrow),.explore-note p{font-size:13px}.ai-case-arrow{font-size:22px}.explore-note h2{font-size:20px}.research-collection .research-symbol{font-size:88px}.research-collection>aside>p{font-size:13px}.publication{padding-block:25px}.publication h2{font-size:23px}.publication .eyebrow{font-size:9px;letter-spacing:.5px}.publication p:not(.eyebrow){font-size:12px}.publication a>span{font-size:11px}.account-symbol{width:105px;height:120px;font-size:33px;margin-bottom:25px}.writing-collection h2{font-size:25px}.writing-collection p:not(.eyebrow){font-size:14px}.about-story{padding-top:0;padding-bottom:45px}.about-story figure img{height:auto;aspect-ratio:1.05}.about-story h2{font-size:31px}.about-story p:not(.eyebrow){font-size:14px}.about-story .eyebrow{font-size:9px}.story-timeline>h2{font-size:25px}.story-timeline article{grid-template-columns:1fr;gap:18px;padding-block:25px}.story-timeline article>span{font-size:19px}.story-timeline h3{font-size:22px}.story-timeline p{font-size:13px}.contact-methods{padding-bottom:45px}.contact-methods article{padding-top:25px}.contact-methods h2{font-size:24px}.contact-value{font-size:37px;margin-block:20px 25px}.contact-value-email{font-size:25px}.channel-note{font-size:12px}.collaboration-scope{padding-block:40px 45px}.collaboration-scope h2{font-size:25px}.collaboration-scope h3{font-size:21px}.collaboration-scope article>p{font-size:13px}.home-wechat{font-size:11px;gap:12px}.home-wechat strong{font-size:18px}.home-wechat button{font-size:10px}#image-lightbox{width:calc(100% - 16px);height:calc(100dvh - 24px)}#image-lightbox[open]{grid-template-rows:59px minmax(0,1fr) auto}.lightbox-toolbar{padding:10px 13px;gap:10px}.lightbox-toolbar>div{gap:12px}.lightbox-toolbar button{font-size:11px;padding:8px 0}.lightbox-count{font-size:10px}.lightbox-stage{padding:10px}.lightbox-bottom{padding:15px 12px;grid-template-columns:65px minmax(0,1fr) 65px;gap:10px}.lightbox-bottom button,.lightbox-bottom p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sub-motion [data-sub-reveal]{opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Homepage: show supplied application screens and contact QR directly. */
.home-app-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#242a29;padding:24px;gap:18px;min-width:0}.home-app-preview img{width:210px;max-width:100%;height:390px;object-fit:cover;object-position:top;border-radius:16px;box-shadow:0 15px 40px #0005}.home-app-preview span,.home-qingjiao-preview span{font-size:12px;color:#d4d8d3;line-height:1.8}.quiz-live-link{margin:16px 0 0 14px}.case-hero>.quiz-live-link{margin:24px 0}.home-qingjiao-preview{display:block;margin-top:36px;position:relative}.home-qingjiao-preview img{display:block;width:100%;height:auto}.home-qingjiao-preview span{display:block;padding:16px 0}.home-qr-preview{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex-basis:100%;margin-top:20px}.home-qr-preview img{width:220px;max-width:100%;height:auto}.home-qr-preview span{font-size:11px;line-height:1.8}@media(max-width:760px){.home-app-preview{padding:24px 16px}.home-app-preview img{height:400px;width:220px}.quiz-live-link{margin-left:0;display:inline-flex}.home-qr-preview img{width:200px}}