@font-face{font-family:XQTypeSans;src:url(/fonts/v13-sans.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:XQTypeSerif;src:url(/fonts/v13-serif.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}@font-face{font-family:XQTypeGrotesk;src:url(/fonts/v13-grotesk.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:XQTypeLiterary;src:url(/fonts/cormorant-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:XQTypeMono;src:url(/fonts/v8-label.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:XQTypeBrush;src:url(/fonts/v6-brush.woff2?v=19) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:XQTypeDisplay;src:url(/fonts/v6-display.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+2190-21FF}@font-face{font-family:XQTypeArtLatin;src:url(/fonts/v6-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:XQTypeWenKai;src:url(/fonts/v8-body.woff2?v=19) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:XQTypeWenKai;src:url(/fonts/v8-body-medium.woff2?v=19) format("woff2");font-weight:500;font-style:normal;font-display:swap}[data-type=artistic]{--type-body:XQTypeWenKai,serif;--type-heading:XQTypeBrush,XQTypeWenKai,serif;--type-sub-heading:XQTypeDisplay,XQTypeWenKai,serif;--type-latin:XQTypeArtLatin,XQTypeDisplay,XQTypeWenKai,sans-serif;--type-label:XQTypeMono,XQTypeWenKai,serif;--type-head-weight:400;--type-sub-weight:400;--type-head-track:-.055em;--type-latin-weight:400;--type-latin-track:-.015em;--type-label-track:.035em;--type-title-leading:1.08}[data-type=modern],[data-type=editorial],[data-type=gallery]{--type-sub-heading:var(--type-heading)}[data-type=modern]{--type-body:XQTypeSans,"PingFang SC","Microsoft YaHei",sans-serif;--type-heading:XQTypeSans,"PingFang SC","Microsoft YaHei",sans-serif;--type-latin:XQTypeGrotesk,XQTypeSans,sans-serif;--type-label:XQTypeGrotesk,XQTypeSans,sans-serif;--type-head-weight:800;--type-sub-weight:650;--type-head-track:-.065em;--type-latin-weight:600;--type-latin-track:-.055em;--type-label-track:.09em;--type-title-leading:1.13}[data-type=editorial]{--type-body:XQTypeSans,"PingFang SC","Microsoft YaHei",sans-serif;--type-heading:XQTypeSerif,"Songti SC",serif;--type-latin:XQTypeLiterary,Georgia,serif;--type-label:XQTypeGrotesk,XQTypeSans,sans-serif;--type-head-weight:600;--type-sub-weight:600;--type-head-track:-.055em;--type-latin-weight:600;--type-latin-track:-.025em;--type-label-track:.13em;--type-title-leading:1.17}[data-type=gallery]{--type-body:XQTypeSans,"PingFang SC","Microsoft YaHei",sans-serif;--type-heading:XQTypeSans,"PingFang SC","Microsoft YaHei",sans-serif;--type-latin:XQTypeMono,XQTypeSans,monospace;--type-label:XQTypeMono,XQTypeSans,monospace;--type-head-weight:300;--type-sub-weight:400;--type-head-track:.025em;--type-latin-weight:400;--type-latin-track:-.07em;--type-label-track:.04em;--type-title-leading:1.19}html[data-type] :where(body,body *){font-family:var(--type-body)!important;font-synthesis:none}html[data-type] :is(h1,h2,h3,h4,.signature,.beliefs p,.business-terms,.service-tabs button>span,.method-tabs button,.flow-tabs button,.case-tabs b,.contact-invite,.river-portal-button),html[data-type] :is(h1,h2,h3,h4,.signature,.beliefs p,.business-terms,.service-tabs button>span,.contact-invite) :where(*){font-family:var(--type-heading)!important;font-weight:var(--type-sub-weight)}html[data-type] :is(.hero-word,.english-display,.kinetic-ribbon>div,.case-count,.case-screen-index>span),html[data-type] :is(.hero-word,.english-display,.kinetic-ribbon>div) :where(*){font-family:var(--type-latin)!important;font-weight:var(--type-latin-weight);letter-spacing:var(--type-latin-track)}html[data-type] :is(.eyebrow,.section-index,.service-tabs small,.service-tabs b,.painting-eyebrow,.hero-bottom,.stage-corner,.case-tabs small,.case-count i,.case-film-label,.case-screen-index small,.case-play small,.river-portal-button small,.round-link small,.scene-action small,.beliefs span,.contact-foot,footer>span,.prompt-reader-top,.service-stage-top,.learning-path,.phase-status,.sculpture-label small){font-family:var(--type-label)!important;font-weight:400;letter-spacing:var(--type-label-track)}html[data-type] :is(.brand-cn,.intro-cn){font-family:XQArrival,XQBrush,serif!important}html[data-type] :is(.brand-en,.intro-en){font-family:XQArrivalLatin,XQLabel,monospace!important}html[data-type] .brand-seal{font-family:XQBrush,serif!important}html[data-type] body{font-size:16px;line-height:1.85;font-weight:400;-webkit-font-smoothing:antialiased}html[data-type] :is(h1,h2,h3,h4){font-style:normal;text-wrap:balance}html[data-type] .hero h1{font-size:clamp(84px,9.45vw,150px);font-weight:var(--type-head-weight);letter-spacing:var(--type-head-track);line-height:var(--type-title-leading);transform:none;margin-top:31px}html[data-type] .hero h1 span{font-weight:inherit;letter-spacing:inherit;margin-left:0}html[data-type] :is(.section-intro h2,.case-heading h2,.about-heading h2,.contact h2){font-size:clamp(52px,6.3vw,100px);font-weight:var(--type-head-weight);letter-spacing:var(--type-head-track);line-height:var(--type-title-leading);transform:none}html[data-type] :is(.section-intro h2,.case-heading h2,.about-heading h2,.contact h2) :where(*){font-weight:inherit;letter-spacing:inherit}html[data-type=gallery] .hero h1{font-size:clamp(76px,9vw,140px)}html[data-type=gallery] :is(.section-intro h2,.case-heading h2,.about-heading h2,.contact h2){font-size:clamp(48px,5.65vw,90px)}html[data-type] .hero-description{font-size:16px;line-height:1.95;letter-spacing:.025em;max-width:400px}html[data-type] :is(.case-intro>p,.case-summary){font-size:17px;line-height:1.95;letter-spacing:.01em}html[data-type] :is(.section-lead>p:last-child,.flow-description p,.about-introduction p,.method-copy>p:not(.eyebrow),.learning-detail>p,.service-story>div>p:last-child,.case-reading p){font-size:15px;line-height:1.95;letter-spacing:.015em}html[data-type] :is(.case-rights-note,.case-credits>div,.method-copy p.method-footnote,.case-intro>p:nth-child(2)){font-size:12px;line-height:1.9;letter-spacing:0}html[data-type] :is(.eyebrow,.section-index,.hero-copy .eyebrow,.case-tabs small,.case-count i,.case-film-label,.service-stage-top,.service-tabs small,.prompt-reader-top){font-size:11px;line-height:1.6}html[data-type] :is(.round-link small,.scene-action small,.case-play small){font-size:10px;line-height:1.6;letter-spacing:.025em}html[data-type] :is(.service-tabs button>span,.flow-tabs button,.method-tabs button,.case-tabs b){font-weight:var(--type-sub-weight);letter-spacing:0}html[data-type] .service-tabs button>span{font-size:29px}html[data-type] .case-tabs b{font-size:23px}html[data-type] :is(.service-story h3,.services #service-title,.flow-description h3,.method-copy h3,.learning-detail h3){font-size:clamp(26px,2.7vw,39px);font-weight:var(--type-sub-weight);line-height:1.45;letter-spacing:-.025em}html[data-type] .case-copy h3{font-size:clamp(33px,4.1vw,61px);font-weight:var(--type-sub-weight);letter-spacing:-.035em;line-height:1.3}html[data-type] .signature{font-size:31px;letter-spacing:-.02em;line-height:1.5;transform:none}html[data-type] .beliefs p{font-size:clamp(21px,2.7vw,36px);line-height:1.4;letter-spacing:-.025em}html[data-type] :is(.business-terms,.contact-invite){font-size:23px;line-height:1.5;letter-spacing:.015em}html[data-type] .course-constellation button{font-size:15px;font-weight:500}html[data-type] .learning-path{font-size:12px}html[data-type] .english-display{line-height:.98;font-size:clamp(32px,3.3vw,50px)}html[data-type] .kinetic-ribbon>div{font-size:clamp(25px,2.7vw,40px);line-height:1.15}html[data-type] .kinetic-ribbon span{font-size:1.1em}html[data-type] .river-portal h3{font-size:clamp(30px,3.5vw,49px);line-height:1.35;letter-spacing:-.03em}html[data-type] :is(.river-portal p,.case-cooperate,.contact-channel,.service-delivery li,.services #service-deliverables li){font-size:15px;line-height:1.8}html[data-type] #prompt-name{font-size:30px;line-height:1.45;letter-spacing:-.025em}html[data-type] #prompt-text{font-size:15px;line-height:1.95;letter-spacing:.015em}html[data-type] :is(.prompt-reader-nav,.prompt-reader-nav button){font-size:12px}html[data-type] #brief-dialog h2{font-size:53px;line-height:1.23;font-weight:var(--type-head-weight);letter-spacing:-.04em}html[data-type] :is(.brief-intro,#brief-form label,#brief-form small,#brief-status,.brief-actions button){font-size:13px;line-height:1.8}html[data-type] :is(input,select,textarea){font-size:16px;line-height:1.7}html[data-type] .type-preview{position:fixed;z-index:110;right:20px;bottom:20px;width:304px;max-width:calc(100vw - 28px);color:#e7e5da;background:#182524f5;border:1px solid #c9d5c13b;border-radius:15px;box-shadow:0 12px 48px #0004;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font:13px/1.5 XQTypeSans,sans-serif}html[data-type] .type-preview :where(*){font-family:var(--type-body)!important;letter-spacing:0}.type-preview summary{min-height:48px;padding:0 16px;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font-size:12px;-webkit-user-select:none;user-select:none}.type-preview summary::-webkit-details-marker{display:none}.type-preview summary:focus-visible,.type-preview button:focus-visible,.type-preview a:focus-visible{outline:2px solid #e6b897;outline-offset:3px}.type-preview-dot{width:6px;height:6px;background:#e6b897;border-radius:50%;flex:none}.type-preview-chevron{margin-left:auto;transition:transform .2s}.type-preview[open] .type-preview-chevron{transform:rotate(180deg)}.type-preview-content{padding:0 12px 12px}.type-preview-content>p{font-size:11px;color:#aebdb4;margin:3px 4px 13px}.type-preview-options{display:grid;gap:4px}.type-preview-options button{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 12px;min-height:44px;border-radius:7px;color:#cbd3c8;border:1px solid transparent;background:transparent;cursor:pointer}.type-preview-options small{font-size:10px;opacity:.5}.type-preview-options button[aria-pressed=true]{background:#e6b897;color:#182524}.type-preview-options i{margin-left:auto;font-size:10px;font-style:normal;opacity:.65}.type-preview-actions{display:flex;justify-content:space-between;gap:10px;padding:8px 3px 0}.type-preview-actions a,.type-preview-actions button{min-height:44px;display:inline-flex;align-items:center;color:#b7c7b9;font-size:11px;text-decoration:none;border:0;background:transparent;cursor:pointer;padding:0 5px}@media(max-width:1050px)and (min-width:701px){html[data-type] .hero h1{font-size:clamp(80px,10vw,112px)}html[data-type] :is(.section-intro h2,.case-heading h2,.about-heading h2){font-size:clamp(45px,6vw,65px)}html[data-type] .service-tabs button>span{font-size:24px}html[data-type] .service-tabs small{font-size:9px}}@media(max-width:700px){html[data-type] .hero h1,html[data-type=gallery] .hero h1{font-size:clamp(59px,18.1vw,104px);line-height:1.12;letter-spacing:var(--type-head-track);margin-top:24px}html[data-type] .hero h1 br{display:block}html[data-type] .hero-description{font-size:14px;line-height:1.9;margin-top:18px;max-width:310px}html[data-type] .hero-copy .eyebrow{font-size:9px;letter-spacing:.035em;max-width:270px}html[data-type] :is(.section-intro h2,.case-heading h2,.about-heading h2,.contact h2),html[data-type=gallery] :is(.section-intro h2,.case-heading h2,.about-heading h2,.contact h2){font-size:clamp(35px,10.2vw,61px);line-height:1.25;letter-spacing:-.055em}html[data-type=gallery] :is(.section-intro h2,.case-heading h2,.about-heading h2,.contact h2){font-weight:300;letter-spacing:0;font-size:clamp(33px,9.4vw,56px)}html[data-type] :is(.section-lead>p:last-child,.flow-description p,.about-introduction p,.method-copy>p:not(.eyebrow),.learning-detail>p,.service-story>div>p:last-child,.case-reading p){font-size:14px;line-height:1.95}html[data-type] :is(.case-intro>p,.case-summary){font-size:15px;line-height:1.95}html[data-type] :is(.case-rights-note,.case-credits>div,.method-copy p.method-footnote,.case-intro>p:nth-child(2)){font-size:11px;line-height:1.9}html[data-type] .english-display{font-size:clamp(23px,6.6vw,35px);line-height:1.05}html[data-type] :is(.section-index,.case-tabs small,.case-count i,.case-film-label,.service-stage-top,.prompt-reader-top){font-size:10px;letter-spacing:.015em}html[data-type] .service-tabs button>span{font-size:clamp(20px,5.7vw,28px)}html[data-type] .service-tabs small{font-size:9px;letter-spacing:0}html[data-type] :is(.service-story h3,.services #service-title,.flow-description h3,.method-copy h3,.learning-detail h3){font-size:27px;line-height:1.5}html[data-type] .case-copy h3{font-size:35px;line-height:1.35}html[data-type] .case-tabs b{font-size:19px}html[data-type] .signature{font-size:27px}html[data-type] .beliefs p{font-size:clamp(18px,5.3vw,26px)}html[data-type] .beliefs span{font-size:9px}html[data-type] :is(.flow-tabs button,.method-tabs button){font-size:19px;white-space:nowrap;letter-spacing:0}html[data-type] .course-constellation button{font-size:13px}html[data-type] .learning-path{font-size:10px}html[data-type] :is(.business-terms,.contact-invite){font-size:20px}html[data-type] .contact h2{margin-left:0;margin-right:0}html[data-type] .river-portal h3{font-size:32px}html[data-type] .river-portal p{font-size:13px;line-height:1.9}html[data-type] .river-portal-button{font-size:17px}html[data-type] .river-portal-button small{font-size:7px;letter-spacing:0}html[data-type] #brief-dialog h2{font-size:42px}html[data-type] #prompt-name{font-size:27px}html[data-type] .type-preview{right:14px;bottom:14px;width:275px}.type-preview summary{min-height:44px}}@media(prefers-reduced-motion:reduce){.type-preview-chevron{transition:none}}html[data-type] .typography-page .sample :is(.sample-meta,.sample-bottom){font-family:var(--type-label)!important}html[data-type] .typography-page .sample .sample-en{font-family:var(--type-latin)!important}html[data-type] .typography-page .specimen-info h3{font-family:var(--type-sub-heading,var(--type-heading))!important}html[data-type=artistic] :is(h3,h4,.signature,.beliefs p,.business-terms,.service-tabs button>span,.service-progress strong,.method-tabs button,.flow-tabs button,.case-tabs b,.contact-invite,.river-portal-button),html[data-type=artistic] :is(h3,h4,.signature,.beliefs p,.business-terms,.service-tabs button>span,.contact-invite) :where(*){font-family:var(--type-sub-heading)!important;font-weight:400}html[data-type=artistic] :is(.hero h1,.section-intro h2,.case-heading h2,.about-heading h2,.contact h2){transform:rotate(-2deg);transform-origin:left center;font-weight:400}html[data-type=artistic] .hero h1{font-size:clamp(96px,10.4vw,166px);line-height:1.05;letter-spacing:-.065em}html[data-type=artistic] .hero h1 span{margin-left:.1em}html[data-type=artistic] :is(.section-intro h2,.case-heading h2,.about-heading h2,.contact h2){font-size:clamp(58px,7.2vw,114px);letter-spacing:-.055em;line-height:1.13}html[data-type=artistic] .signature{transform:rotate(-2deg);transform-origin:left center;font-size:35px}html[data-type=artistic] :is(.hero-description,.case-summary,.case-intro>p){font-size:18px;line-height:1.85}html[data-type=artistic] :is(.section-lead>p:last-child,.case-reading p,.flow-description p,.about-introduction p,.method-copy>p:not(.eyebrow),.learning-detail>p,.service-story>div>p:last-child){font-size:17px;line-height:1.9}html[data-type=artistic] :is(.case-rights-note,.case-credits>div,.method-copy p.method-footnote,.case-intro>p:nth-child(2)){font-size:13px;line-height:1.85}html[data-type=artistic] :is(.section-index,.case-film-label,.hero-bottom,.service-stage-top,.learning-path) :where(*){font-family:var(--type-label)!important}html[data-type=artistic] .typography-page .specimen .sample h2{font-family:var(--type-heading)!important;font-weight:var(--type-head-weight)}@media(max-width:1050px)and (min-width:701px){html[data-type=artistic] .hero h1{font-size:clamp(90px,11.4vw,119px)}html[data-type=artistic] :is(.section-intro h2,.case-heading h2,.about-heading h2){font-size:clamp(50px,6.6vw,70px)}}@media(max-width:700px){html[data-type=artistic] .hero h1{font-size:clamp(64px,19.4vw,100px);line-height:1.07;letter-spacing:-.065em}html[data-type=artistic] :is(.section-intro h2,.case-heading h2,.about-heading h2,.contact h2){font-size:clamp(37px,11.1vw,67px);letter-spacing:-.055em;line-height:1.17}html[data-type=artistic] .case-copy h3{font-size:clamp(30px,8.6vw,39px);line-height:1.4}html[data-type=artistic] :is(.hero-description,.case-summary,.case-intro>p){font-size:16px;line-height:1.85}html[data-type=artistic] :is(.section-lead>p:last-child,.case-reading p,.flow-description p,.about-introduction p,.method-copy>p:not(.eyebrow),.learning-detail>p,.service-story>div>p:last-child){font-size:15px;line-height:1.9}html[data-type=artistic] :is(.case-rights-note,.case-credits>div,.method-copy p.method-footnote,.case-intro>p:nth-child(2)){font-size:12px;line-height:1.85}html[data-type=artistic] .signature{font-size:29px}html[data-type=artistic] .hero-bottom .hero-river-entry small{font-size:9px;letter-spacing:0}}@media(max-width:330px){html[data-type] .site-header .brand{gap:5px;flex-shrink:0}html[data-type] .site-header .brand-cn{font-size:15px;letter-spacing:0;white-space:nowrap}html[data-type] .site-header nav{gap:5px;letter-spacing:0}html[data-type] .site-header nav>a[href="#contact"]{white-space:nowrap;font-size:11px}}
