@font-face{font-family:Institute Sans;src:url('assets/sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Institute Serif;src:url('assets/serif.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{--paper:#f2f1eb;--ink:#141513;--accent:#f4542b;--muted:#686a62;--line:rgba(20,21,19,.22);--gutter:clamp(1.5rem,4.2vw,5rem);--serif:'Institute Serif','Noto Serif SC','Songti SC','SimSun',serif;--sans:'Institute Sans','Noto Sans SC','Microsoft YaHei',sans-serif;--ease:cubic-bezier(.22,.68,0,1.02)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6.5625rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}::selection{background:var(--accent);color:var(--ink)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:0.375rem}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}button{border:0}h2{font-family:var(--serif);font-weight:520;font-size:clamp(2.375rem,4.3vw,4.375rem);line-height:1.4;letter-spacing:-.045em}h3{font-family:var(--serif);font-weight:600;line-height:1.5;font-size:1.5625rem}p{line-height:1.95}svg{display:block}.accent{color:var(--accent)}.skip-link{position:fixed;top:0.75rem;left:1.5rem;transform:translateY(-200%);z-index:200;background:var(--paper);padding:0.9375rem}.skip-link:focus{transform:none}.reading-progress{position:fixed;z-index:120;left:0;top:0;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}
.site-header{height:6.25rem;position:absolute;top:0;left:0;right:0;padding:0 var(--gutter);display:flex;align-items:center;gap:2.25rem;color:var(--paper);z-index:50;transition:height .3s,background .3s,box-shadow .3s}.site-header:after{position:absolute;content:'';left:var(--gutter);right:var(--gutter);bottom:0;height:1px;background:#f2f1eb38}.site-header.is-scrolled{position:fixed;height:4.875rem;background:rgba(20,21,19,.96);backdrop-filter:blur(1rem);box-shadow:0 0.5rem 1.875rem #00000010}.site-header.is-scrolled:after{background:transparent}.brand{display:flex;align-items:center;gap:0.9375rem;margin-right:auto;flex-shrink:0}.brand svg{width:3.0625rem;height:3.0625rem;fill:none;stroke:currentColor;stroke-width:1}.brand-dot{fill:var(--accent);stroke:var(--accent)}.brand-white{fill:var(--paper)}.brand>span{font-size:1.0625rem;line-height:1.5;font-weight:500;letter-spacing:.02em}.brand-second{display:block}.main-nav{display:flex;gap:2.125rem;align-items:center}.main-nav a{font-size:0.875rem;white-space:nowrap;position:relative;padding:0.75rem 0}.main-nav a:after{content:'';position:absolute;bottom:0.25rem;height:1px;left:0;right:100%;background:var(--accent);transition:right .3s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.5625rem;padding:1rem 1.75rem;border-radius:2.5rem;font-size:0.9375rem;font-weight:450;line-height:1.5;border:1px solid transparent;transition:background .25s,color .25s,transform .25s;min-height:3.25rem;white-space:nowrap}.button:hover{transform:translateY(-0.1875rem)}.button.primary{background:var(--accent);color:var(--ink)}.button.primary:hover{background:#ff704b}.button.outline{border-color:currentColor;background:transparent}.button.outline:hover{background:var(--paper);color:var(--ink)}.header-cta{padding:0.75rem 1.8125rem;min-height:2.875rem;font-size:0.875rem}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:#33352f}.button-mark{width:0.875rem;height:0.875rem;position:relative}.button-mark:before,.button-mark:after{content:'';position:absolute;background:currentColor;width:0.875rem;height:1px;top:0.375rem;left:0;transition:transform .3s}.button-mark:after{transform:rotate(90deg)}.button:hover .button-mark:after{transform:rotate(180deg)}.menu-toggle{display:none}
.hero{min-height:50rem;height:100svh;max-height:67.5rem;background:var(--ink);color:var(--paper);position:relative;padding:9.6875rem var(--gutter) 6.5625rem;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:56.25rem}.hero h1{font-size:clamp(4rem,6.4vw,6.375rem);font-weight:650;line-height:1.18;letter-spacing:-.06em}.hero h1>span{display:block}.hero h1 .accent{font-size:1.08em}.full-stop{display:inline-block;margin-left:-.07em}.hero-english{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(1.4375rem,2.6vw,2.5rem);line-height:1.4;margin-top:1.0625rem;letter-spacing:-.035em}.hero-description{font-size:1rem;color:#bcbdb6;line-height:1.9;margin:1.875rem 0 1.8125rem}.hero .button{min-width:12.375rem}.hero-art{position:absolute;right:-2.5%;top:8%;width:65%;max-width:68.75rem;aspect-ratio:1;pointer-events:none;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform 1.5s var(--ease)}.hero-art img{height:100%;width:100%;object-fit:contain;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at 52% 49%,black 43%,transparent 72%)}.hero-orbit{position:absolute;inset:0;width:100%;height:100%;color:var(--accent);opacity:.4;transform:rotate(0deg);animation:hero-orbit 80s linear infinite}.hero-orbit ellipse{fill:none;stroke:currentColor;stroke-width:.55}.hero-orbit circle{fill:var(--accent)}@keyframes hero-orbit{to{transform:rotate(360deg)}}.hero-bottom{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:5.5625rem;border-top:1px solid #f2f1eb38;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;font-size:0.75rem;letter-spacing:.06em;z-index:3}.hero-bottom-en{font-size:0.625rem;letter-spacing:.18em}.hero-bottom-en i{font-style:normal;margin:0 0.75rem;opacity:.5}.scroll-cue{display:flex;gap:1.375rem;align-items:center}.scroll-cue>span{height:1.5625rem;width:1px;background:#aaaaa2;position:relative;overflow:hidden}.scroll-cue>span:after{position:absolute;content:'';height:0.625rem;width:1px;background:var(--accent);top:-0.625rem;animation:scroll-line 2s infinite}@keyframes scroll-line{to{transform:translateY(2.1875rem)}}
.section{padding:6.25rem var(--gutter)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;font-size:0.875rem;letter-spacing:.09em;padding-bottom:1.6875rem;border-bottom:1px solid var(--line);margin-bottom:3.625rem}.section-top b{font-family:Georgia,serif;font-size:1.125rem;color:var(--accent);font-weight:400;margin-right:1.125rem}.section-en{font-size:0.625rem;letter-spacing:.2em}.mission{padding-top:5.1875rem;padding-bottom:3.5rem}.mission-heading{display:grid;grid-template-columns:20% 80%;gap:0;margin:0 0 4.5rem}.margin-note{font-family:Georgia,serif;font-size:1.4375rem;font-style:italic;writing-mode:vertical-rl;margin-top:0.875rem}.mission h2{font-size:clamp(2.5rem,4.7vw,4.75rem)}.mission-intro{margin-top:1.625rem;font-size:1.125rem;line-height:1.9;color:#4e5149}.mission-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.mission-columns article{padding:0 2.625rem;border-left:1px solid var(--line)}.mission-columns article:first-child{padding-left:0;border-left:0}.mission-columns article:last-child{padding-right:0}.principle-icon{height:3.8125rem;width:6.125rem;stroke:var(--accent);stroke-width:1.1;fill:none;margin-bottom:1.5rem}.principle-icon .fill{fill:var(--accent)}.mission-columns h3{margin-bottom:0.875rem;font-size:1.5625rem}.mission-columns p{color:#5b5e55;font-size:1rem;max-width:22.5rem}.micro-label{font-size:0.75rem;letter-spacing:.1em;color:var(--muted)}.mission-columns .micro-label{display:block;margin-top:1.5rem}.editorial-line{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.5rem,7.8vw,8.25rem);line-height:1.25;font-style:italic;letter-spacing:-.055em;white-space:nowrap;margin-top:4.75rem}.editorial-line em{color:var(--accent)}.mission-foot{display:flex;gap:1.0625rem;align-items:center;margin-top:1.375rem;font-size:0.75rem}.mission-foot i{width:0.25rem;height:0.25rem;border:1px solid var(--accent);border-radius:50%}.mission-foot p{margin-left:auto;color:var(--muted)}
.research{padding-top:4.8125rem}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3.75rem;margin-bottom:3.25rem}.section-heading h2{font-size:clamp(2.3125rem,3.7vw,3.8125rem)}.section-heading>p{font-size:0.9375rem;color:var(--muted);line-height:1.9;padding:0.4375rem 0 0.4375rem 1.75rem;border-left:1px solid var(--line);max-width:21.875rem}.research-item{border-top:1px solid var(--line)}.research-item:last-child{border-bottom:1px solid var(--line)}.research-trigger{display:grid;grid-template-columns:5rem 1fr auto;gap:1.125rem;align-items:center;width:100%;background:transparent;text-align:left;padding:1.5rem 0;transition:color .25s,padding .25s}.research-trigger:hover{color:var(--accent);padding-left:0.5625rem}.research-number{font:italic 2.5rem/1 Georgia,serif;font-weight:400}.research-trigger h3{font-size:1.5625rem;font-weight:500}.plus{display:block;width:1.375rem;height:1.375rem;position:relative;flex-shrink:0}.plus:before,.plus:after{content:'';height:1px;width:1.25rem;position:absolute;top:0.625rem;left:1px;background:currentColor;transition:transform .35s}.plus:after{transform:rotate(90deg)}.research-trigger[aria-expanded=true]{color:var(--accent)}.research-trigger[aria-expanded=true] .plus:after{transform:rotate(0deg)}.research-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease),opacity .35s;opacity:0}.research-panel.open{grid-template-rows:1fr;opacity:1}.research-panel-inner{overflow:hidden;min-height:0}.research-detail{display:grid;grid-template-columns:25% 38% 1fr;gap:2.625rem;padding:0.9375rem 0 2.8125rem 6.125rem}.research-diagram{color:var(--accent);max-width:15rem;align-self:center;overflow:visible}.research-diagram circle,.research-diagram ellipse,.research-diagram path,.research-diagram rect,.research-diagram line{stroke:currentColor;stroke-width:1;fill:none}.research-diagram .solid{fill:var(--accent);stroke:none;opacity:.85}.research-diagram text{font-family:var(--sans);font-size:0.6875rem;fill:var(--ink)}.research-question{padding-left:1.75rem;border-left:1px solid var(--line)}.research-question .micro-label{display:block;margin-bottom:0.9375rem}.research-question h4{font-family:var(--serif);font-size:1.625rem;line-height:1.65;font-weight:500;margin:0 0 1.0625rem}.research-question p{font-size:0.9375rem;color:var(--muted);line-height:1.95}.research-scope{border-left:1px solid var(--line);padding-left:1.75rem}.research-scope h4{font-weight:500;font-size:0.875rem;margin:0 0 0.8125rem}.research-scope p{font-size:0.875rem;color:var(--muted)}.research-scope p+p{margin-top:1.25rem}.research-tags{display:flex;gap:0.625rem;flex-wrap:wrap;margin-top:1.0625rem}.research-tags span{font-size:0.6875rem;border-bottom:1px solid var(--line);padding-bottom:0.3125rem;color:#55594f}.research-scope .draft-link{margin-top:1.5rem;background:transparent;padding:0 0 0.3125rem;border-bottom:1px solid var(--accent);font-size:0.8125rem;color:var(--ink)}.section-note{font-size:0.75rem;color:var(--muted);margin-top:1.5rem;line-height:1.8}
.hongkong{display:grid;grid-template-columns:68% 32%;border-top:1px solid var(--line);overflow:hidden}.hk-main{min-width:0}.hk-heading{padding:4.0625rem 2.625rem 2.3125rem var(--gutter)}.hk-heading .section-top{border:0;margin-bottom:1.625rem;padding:0}.hk-heading h2{font-size:clamp(2.8125rem,4.8vw,4.875rem)}.hk-heading>p{margin-top:1.25rem;font-size:0.8125rem;letter-spacing:.18em}.hk-photo{height:22.5rem;position:relative;overflow:hidden}.hk-photo>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter 1.2s,transform 1.8s var(--ease);object-position:50% 65%}.hk-photo:hover>img{filter:grayscale(0);transform:scale(1.04)}.hk-photo:after{content:'';position:absolute;bottom:0;left:0;right:0;height:6.25rem;background:linear-gradient(transparent,#0009);pointer-events:none}.hk-coordinates{position:absolute;right:1.5rem;top:1.5rem;font-size:0.6875rem;color:white;letter-spacing:.14em;line-height:1.8;background:#14151380;padding:0.875rem 1.1875rem 0.875rem 2.625rem;backdrop-filter:blur(0.4375rem)}.crosshair{position:absolute;left:1.0625rem;top:1.4375rem;width:0.75rem;height:0.75rem}.crosshair:before,.crosshair:after{content:'';position:absolute;left:0;top:0.3125rem;height:1px;width:0.75rem;background:#fff}.crosshair:after{transform:rotate(90deg)}.hk-photo figcaption{position:absolute;bottom:1.125rem;left:var(--gutter);right:1.5rem;display:flex;justify-content:space-between;gap:0.75rem;color:#e1e1da;font-size:0.625rem;z-index:1;flex-wrap:wrap}.hk-photo figcaption a:hover{text-decoration:underline}.hk-points{border-left:1px solid var(--line);padding:4.125rem var(--gutter) 2.375rem 2.625rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.75rem}.hk-points article{padding-top:1.125rem;border-top:1px solid var(--line)}.small-number{font-family:Georgia,serif;font-size:0.875rem;color:var(--accent);letter-spacing:.04em}.hk-points h3{font-size:1.4375rem;margin:0.75rem 0}.hk-points p{font-size:0.875rem;color:var(--muted)}.hk-signature{font:italic 1.1875rem/1.5 Georgia,serif!important;color:#363a30!important;margin-top:0.625rem}
.method{background:var(--accent);color:var(--ink);padding-top:4.625rem;padding-bottom:2.75rem}.method .section-top{border-color:#14151350;margin-bottom:2.125rem}.method .section-top b{color:var(--ink)}.method h2{font-size:clamp(3rem,5vw,5rem)}.method-layout{display:grid;grid-template-columns:65% 35%;margin-top:3.625rem;gap:0}.method-visual{padding-right:3.75rem;display:flex;flex-direction:column;justify-content:center}.method-circles{display:flex;align-items:center;position:relative;padding:1.375rem 0}.method-circle{width:29.5%;aspect-ratio:1;border:1px solid #14151370;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-shrink:0;position:relative;transition:background .5s,color .5s,border-color .5s}.method-circle+.method-circle{margin-left:-6%}.method-circle span{font-family:var(--serif);font-size:1.3125rem;white-space:nowrap}.method-circle small{font-size:0.5625rem;letter-spacing:.18em;margin-top:0.8125rem}.method-circle.active{background:var(--ink);color:var(--paper);border-color:var(--ink);z-index:1}.method-caption{font-family:var(--serif);font-size:1.5625rem;margin-top:1.5625rem}.method-context{font-size:0.875rem;opacity:.75;margin-top:0.875rem}.method-steps{border-left:1px solid #14151360;padding-left:2.3125rem}.method-step{border-top:1px solid #14151360}.method-step:last-child{border-bottom:1px solid #14151360}.method-trigger{background:none;width:100%;display:flex;align-items:center;gap:1rem;text-align:left;padding:1.3125rem 0;font-size:1.125rem}.method-trigger>span:first-child{font:italic 1.3125rem Georgia,serif}.method-trigger .plus{margin-left:auto;width:1.0625rem}.method-trigger .plus:before,.method-trigger .plus:after{width:0.9375rem}.method-trigger[aria-expanded=true] .plus:after{transform:rotate(0)}.method-step-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}.method-step-content>div{overflow:hidden;min-height:0}.method-step-content.open{grid-template-rows:1fr}.method-step-content p{font-size:0.875rem;line-height:1.9;padding:0 0 1.5rem 2.375rem;opacity:.85}.outputs{display:flex;align-items:center;gap:0;border-top:1px solid #14151360;margin-top:4.25rem;padding-top:1.625rem;justify-content:space-between;font-size:0.875rem}.outputs-label{font-size:0.75rem;opacity:.7}
.future{padding-top:5.3125rem;padding-bottom:3.625rem}.future .section-heading h2{font-size:clamp(3.3125rem,5.8vw,5.75rem)}.future .section-heading>p{border:0}.timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4.75rem;gap:0}.timeline article{border-top:1px solid var(--line);position:relative;padding:2rem 2.5rem 0 0}.timeline article:last-child{padding-right:0}.timeline-dot{position:absolute;top:-0.375rem;left:0;background:var(--accent);width:0.6875rem;height:0.6875rem;border-radius:50%;box-shadow:0 0 0 0.4375rem var(--paper)}.timeline h3{font-size:1.6875rem;margin:1.1875rem 0 0.875rem}.timeline p{color:var(--muted);font-size:0.9375rem;max-width:21.25rem}.timeline .micro-label{display:block;margin-top:1.5rem}.future>.section-note{margin-top:2.375rem}.governance{display:grid;grid-template-columns:40% 60%;gap:0;border-top:1px solid var(--line);margin-top:3.625rem;padding-top:2.5rem}.governance-intro h3{font-size:2.125rem;line-height:1.5}.governance-intro p{font-size:0.8125rem;color:var(--muted);margin-top:0.9375rem}.governance-list details{border-bottom:1px solid var(--line)}.governance-list details:first-child{border-top:1px solid var(--line)}.governance-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1.1875rem 0;font-size:1.0625rem}.governance-list summary::-webkit-details-marker{display:none}.governance-list details[open] .plus:after{transform:rotate(0)}.governance-list details p{font-size:0.875rem;color:var(--muted);padding:0 2.25rem 1.4375rem 0}.quality-line{margin-top:3.125rem;display:flex;justify-content:space-between;font-size:0.75rem;color:var(--muted);gap:0.9375rem}.quality-line span:before{content:'+';font-size:0.9375rem;color:var(--accent);margin-right:0.625rem}
.together{background:var(--ink);color:var(--paper);padding-top:4.75rem;padding-bottom:0;overflow:hidden}.together .section-top{border-color:#f2f1eb35;margin-bottom:2.9375rem}.together-main{position:relative;display:grid;grid-template-columns:75% 25%;gap:0}.together-main h2{font-size:clamp(2.75rem,4.7vw,4.75rem);line-height:1.45;position:relative;z-index:1}.together-main p{font-size:0.9375rem;color:#aeb0a6;margin-top:1.5rem;max-width:47.5rem}.together-main .button{margin-top:2rem}.brief-hint{display:block;font-size:0.75rem;color:#96998d;margin-top:0.875rem}.together-orbit{width:145%;max-width:29.375rem;position:relative;left:-20%;align-self:center;fill:none;stroke:#b6b9ad;stroke-width:.75;opacity:.8}.together-orbit circle{fill:var(--paper);stroke:none}.together-orbit .orbit-core{fill:var(--accent)}.orbit-spin{transform-origin:200px 200px;animation:hero-orbit 60s linear infinite}.cooperation-types{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:4.25rem 0 3.9375rem}.cooperation-types article{padding:0 2.375rem;border-left:1px solid #f2f1eb38}.cooperation-types article:first-child{padding-left:0;border:0}.cooperation-types article:last-child{padding-right:0}.cooperation-types article>span{font:italic 1rem Georgia,serif;color:var(--accent)}.cooperation-types h3{font-size:1.375rem;margin:0.875rem 0 0.75rem}.cooperation-types p{font-size:0.875rem;color:#aeb0a6}.site-footer{border-top:1px solid #f2f1eb38;min-height:6.25rem;display:flex;gap:1.5625rem;align-items:center;justify-content:space-between;font-size:0.6875rem;color:#aeb0a6}.footer-name{font-size:0.875rem;color:var(--paper)}.site-footer .text-button{font-size:0.6875rem;color:#aeb0a6}.text-button{padding:0.3125rem 0;background:transparent;text-decoration:underline;text-underline-offset:0.3125rem;font-size:0.8125rem}.back-top{display:flex;align-items:center;gap:0.875rem}.top-icon{width:0.5625rem;height:0.5625rem;border-left:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg);margin-top:0.3125rem}.mobile-break{display:none}
dialog{background:var(--paper);color:var(--ink);border:0;padding:3rem;width:min(46.25rem,calc(100% - 2rem));max-height:90svh;overflow:auto;box-shadow:0 1.5625rem 7.5rem #0006}dialog::backdrop{background:#050604a8;backdrop-filter:blur(0.5625rem)}dialog[open]{animation:dialog-in .35s var(--ease)}@keyframes dialog-in{from{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}.dialog-close{position:absolute;top:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem;background:transparent;display:grid;place-items:center}.dialog-close .plus{transform:rotate(45deg)}.dialog-header h2{font-size:2.4375rem;margin:0.9375rem 0}.dialog-header>p{font-size:0.875rem;color:var(--muted)}#brief-form{margin-top:1.625rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.125rem}#brief-form label{display:block;font-size:0.8125rem;line-height:1.8}select,textarea{display:block;width:100%;border:1px solid #999d91;border-radius:0;background:transparent;padding:0.75rem 0.875rem;font-size:0.875rem;color:var(--ink);margin:0.5rem 0 1.25rem;line-height:1.7}textarea{resize:vertical}select{min-height:3.0625rem}fieldset{padding:0;border:0;margin:0 0 1.5625rem}legend{font-size:0.8125rem;margin-bottom:0.75rem}#brief-form fieldset label{display:inline-flex;align-items:center;gap:0.4375rem;margin:0 1.0625rem 0.5rem 0;font-size:0.8125rem}input[type=checkbox]{accent-color:var(--accent);width:0.9375rem;height:0.9375rem;margin:0}.form-actions{display:flex;align-items:center;gap:1.25rem}.form-actions>span{color:var(--muted);font-size:0.6875rem;line-height:1.8;max-width:14.375rem}.result-actions{display:flex;align-items:center;gap:0.9375rem;flex-wrap:wrap}#brief-result{margin-top:1.6875rem}#draft-text{background:#fff6;line-height:1.8}#draft-status{font-size:0.8125rem;color:var(--muted);min-height:1.5625rem;margin-top:0.75rem}[hidden]{display:none!important}
.js-ready .reveal{opacity:0;transform:translateY(1.4375rem);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-ready .reveal.visible{opacity:1;transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:1150px){.site-header{gap:1.5rem}.main-nav{gap:1.375rem}.brand>span{font-size:0.875rem}.brand svg{width:2.6875rem}.header-cta{padding:0.625rem 1.25rem}.hero{min-height:46.875rem;padding-top:9.6875rem}.hero h1{font-size:7.2vw}.hero-art{width:71%;right:-8%;top:17%}.hero-description{font-size:0.875rem}.hero-english{font-size:1.8125rem}.research-detail{padding-left:0;gap:1.5625rem;grid-template-columns:24% 39% 1fr}.research-trigger{grid-template-columns:4.0625rem 1fr auto}.research-question,.research-scope{padding-left:1.375rem}.research-question h4{font-size:1.4375rem}.hk-points{padding:3.75rem 1.75rem 2rem}.hk-points h3{font-size:1.25rem}.method-circle span{font-size:1.0625rem}.method-layout{grid-template-columns:59% 41%}.method-visual{padding-right:2.1875rem}.method-trigger{font-size:1rem}.site-footer{flex-wrap:wrap;padding:1.75rem 0;gap:1.25rem}.footer-name{width:45%}.site-footer>span{width:45%;text-align:right}.mission-columns article{padding:0 1.6875rem}.mission h2{font-size:4.7vw}.section-heading>p{font-size:0.875rem}.together-main h2{font-size:4.6vw}}
@media(max-width:800px){html{scroll-padding-top:5.5rem}.site-header{height:5.125rem}.site-header.is-scrolled{height:4.5rem}.header-cta{margin-left:auto;min-height:2.625rem;padding:0.625rem 1.125rem;font-size:0.75rem}.brand{margin-right:0;gap:0.625rem}.brand>span{font-size:0.8125rem}.brand svg{width:2.25rem;height:2.25rem}.main-nav{display:none;position:fixed;top:4.5rem;left:0;right:0;background:var(--ink);padding:1.75rem var(--gutter) 2.5rem;flex-direction:column;align-items:flex-start;gap:0.8125rem;border-bottom:1px solid #ffffff30;box-shadow:0 1.5625rem 2.1875rem #0004}.main-nav.is-open{display:flex}.main-nav a{font-size:1.375rem;font-family:var(--serif);width:100%}.menu-toggle{display:block;width:1.875rem;height:2.5rem;position:relative;background:transparent;padding:0.375rem}.menu-toggle span{position:absolute;left:0.1875rem;width:1.5625rem;height:1px;background:var(--paper);top:0.9375rem;transition:transform .3s}.menu-toggle span+span{top:1.4375rem}.menu-toggle[aria-expanded=true] span{transform:translateY(0.25rem) rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:translateY(-0.25rem) rotate(-45deg)}.hero{height:auto;min-height:51.25rem;max-height:none;padding-top:9.0625rem;padding-bottom:7.1875rem}.hero h1{font-size:9vw}.hero-art{width:77%;top:22%;right:-20%;opacity:.8}.hero-content{max-width:100%}.hero-english{font-size:1.625rem;margin-top:1.1875rem}.hero-description{margin-top:3.75rem;font-size:0.9375rem}.hero-bottom-en{display:none}.hero-bottom{height:4.8125rem}.section{padding:4.0625rem var(--gutter)}.section-top{margin-bottom:2.3125rem;padding-bottom:1.375rem;font-size:0.75rem}.section-en{font-size:0.5625rem}.section-top b{font-size:1rem;margin-right:0.625rem}.mission-heading{display:block;margin-bottom:2.8125rem}.margin-note{writing-mode:horizontal-tb;font-size:1.1875rem;margin:0 0 1.125rem}.mission h2{font-size:clamp(2.1875rem,5.7vw,3.125rem)}.mission-intro{font-size:1rem}.mission-columns article{padding:0 1.375rem}.mission-columns h3{font-size:1.375rem}.mission-columns p{font-size:0.875rem}.mission-columns .micro-label{font-size:0.625rem}.editorial-line{font-size:7.7vw;margin-top:3.4375rem}.mission-foot{font-size:0.6875rem;gap:0.75rem}.mission-foot p{font-size:0.6875rem}.section-heading{display:block;margin-bottom:2.25rem}.section-heading h2{font-size:clamp(2.0625rem,5.2vw,2.9375rem)}.section-heading>p{border:0;padding:0;margin-top:1.25rem;max-width:100%}.research-trigger{grid-template-columns:3.0625rem 1fr auto;padding:1.4375rem 0;gap:0.625rem}.research-number{font-size:2.0625rem}.research-trigger h3{font-size:1.3125rem}.research-detail{grid-template-columns:1fr 1fr;padding:0.9375rem 0 2.1875rem 3.6875rem;gap:1.5625rem}.research-diagram{display:none}.research-question{border:0;padding:0}.research-scope{padding-left:1.375rem}.research-question h4{font-size:1.4375rem}.research-question p{font-size:0.875rem}.hongkong{grid-template-columns:1fr}.hk-heading{padding:3.625rem var(--gutter) 2.1875rem}.hk-heading h2{font-size:3.0625rem}.hk-photo{height:21.25rem}.hk-points{border-left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5625rem;padding:2.375rem var(--gutter) 2.875rem}.hk-points h3{font-size:1.25rem}.hk-points p{font-size:0.8125rem}.hk-signature{display:none}.method-layout{grid-template-columns:1fr;margin-top:1.875rem}.method h2{font-size:3rem}.method-visual{padding:0}.method-circles{max-width:40.625rem;margin:0 auto;width:100%}.method-circle span{font-size:1.375rem}.method-caption{font-size:1.5rem;margin-top:1.5625rem}.method-context{font-size:0.875rem}.method-steps{border-left:0;padding-left:0;margin-top:2.1875rem}.method-trigger{font-size:1.125rem;padding:1.3125rem 0}.method-step-content p{max-width:35rem}.outputs{margin-top:2.375rem;flex-wrap:wrap;justify-content:flex-start;gap:1.125rem;font-size:0.8125rem}.outputs-label{width:100%;font-size:0.75rem}.future .section-heading h2{font-size:3.5625rem}.timeline{margin-top:2.8125rem}.timeline article{padding-right:1.6875rem}.timeline h3{font-size:1.5rem}.timeline p{font-size:0.875rem}.timeline .micro-label{font-size:0.625rem}.governance{grid-template-columns:34% 66%;margin-top:2.3125rem}.governance-intro h3{font-size:1.625rem}.governance-intro p{font-size:0.6875rem}.together-main{grid-template-columns:1fr}.together-main h2{font-size:6vw}.together-main>div{position:relative;z-index:1}.together-orbit{position:absolute;right:-10%;left:auto;top:0;width:39%;opacity:.25}.cooperation-types{margin:2.8125rem 0}.cooperation-types h3{font-size:1.25rem}.cooperation-types article{padding:0 1.4375rem}.cooperation-types p{font-size:0.8125rem}.site-footer{min-height:8.125rem}.footer-name{font-size:0.75rem}.together{padding-bottom:0}}
@media(max-width:560px){:root{--gutter:1.5rem}.site-header{gap:0.875rem}.brand>span{font-size:0.6875rem;letter-spacing:0}.brand svg{width:2rem;height:2rem}.header-cta{display:none}.menu-toggle{margin-left:auto}.hero{min-height:51.25rem;padding-top:8.75rem;padding-bottom:6.875rem}.hero h1{font-size:11.2vw;line-height:1.28;letter-spacing:-.055em}.hero h1 .accent{font-size:1.23em}.hero-art{width:112%;right:-40%;top:25%;opacity:.75}.hero-english{font-size:1.25rem;max-width:16.25rem;line-height:1.45;margin-top:1.3125rem}.hero-description{font-size:0.8125rem;line-height:1.9;margin-top:7.8125rem;margin-bottom:1.625rem;max-width:100%;text-shadow:0 1px 0.75rem #141513}.hero .button{font-size:0.8125rem;padding:0.8125rem 1.5rem;min-height:3rem;min-width:10.625rem}.hero-bottom{height:4.6875rem;font-size:0.625rem}.scroll-cue{gap:0.875rem}.section-top .section-en{font-size:0.5rem;letter-spacing:.1em}.section{padding-top:3.1875rem;padding-bottom:3.125rem}.section-top{margin-bottom:1.9375rem}.mission h2{font-size:clamp(1.6875rem,7.2vw,2.375rem);line-height:1.55;letter-spacing:-.06em}.margin-note{font-size:1.125rem;margin-bottom:1rem}.mission-intro{font-size:0.875rem;line-height:2;margin-top:1.1875rem}.desktop-break{display:none}.mission-heading{margin-bottom:2.25rem}.mission-columns{grid-template-columns:1fr}.mission-columns article,.mission-columns article:first-child,.mission-columns article:last-child{padding:1.6875rem 0 1.6875rem 4.625rem;border-left:0;border-top:1px solid var(--line);position:relative}.principle-icon{position:absolute;left:0;top:1.625rem;width:3.3125rem;height:2.5rem;margin:0}.mission-columns h3{font-size:1.375rem;margin-bottom:0.625rem}.mission-columns p{font-size:0.875rem;max-width:100%}.mission-columns .micro-label{margin-top:0.875rem;font-size:0.625rem}.editorial-line{white-space:normal;font-size:17vw;line-height:1.05;margin-top:1.6875rem;max-width:20.625rem}.editorial-line em{display:block}.mission-foot{flex-wrap:wrap;gap:0.75rem;margin-top:1.375rem}.mission-foot p{margin:0;width:100%}.section-heading h2{font-size:clamp(1.6875rem,7vw,2.25rem);line-height:1.6;letter-spacing:-.05em}.section-heading>p{font-size:0.8125rem;line-height:1.9}.research-trigger{grid-template-columns:2.125rem 1fr auto;padding:1.375rem 0;gap:0.625rem}.research-number{font-size:1.75rem}.research-trigger h3{font-size:clamp(1rem,4.2vw,1.3125rem);letter-spacing:-.04em}.plus{width:1.125rem;height:1.125rem}.plus:before,.plus:after{width:1rem;top:0.5rem}.research-detail{display:block;padding:0.25rem 0 1.8125rem 2.75rem}.research-question h4{font-size:1.375rem;line-height:1.7}.research-question p{font-size:0.875rem}.research-scope{border:0;padding:1.375rem 0 0;margin-top:1.5rem;border-top:1px solid var(--line)}.research-scope h4{font-size:0.8125rem}.research-scope p{font-size:0.8125rem}.research-tags span{font-size:0.6875rem}.research-scope .draft-link{margin-top:1.1875rem}.section-note{font-size:0.6875rem;line-height:1.9}.hk-heading{padding:3rem var(--gutter) 1.9375rem}.hk-heading h2{font-size:2.375rem;line-height:1.5}.hk-heading .section-en{display:none}.hk-heading>p{font-size:0.6875rem;letter-spacing:.1em;margin-top:0.9375rem}.hk-photo{height:18.75rem}.hk-photo>img{object-position:43% 50%;max-width:none}.hk-photo figcaption{font-size:0.5625rem;bottom:0.875rem;gap:0.3125rem}.hk-coordinates{font-size:0.5625rem;padding:0.625rem 0.8125rem 0.625rem 2.125rem;top:1.0625rem;right:1.0625rem}.crosshair{left:0.8125rem;top:1.1875rem}.hk-points{grid-template-columns:1fr;padding:1.875rem var(--gutter) 2.6875rem;gap:1.5625rem}.hk-points article{padding:0 0 0 2.375rem;border:0;position:relative}.hk-points .small-number{position:absolute;left:0;top:0.1875rem;font-size:1rem}.hk-points h3{font-size:1.3125rem;margin:0 0 0.5625rem}.hk-points p{font-size:0.875rem;line-height:1.9}.method h2{font-size:2.3125rem;letter-spacing:-.045em}.method .section-top{margin-bottom:1.625rem}.method-layout{margin-top:1.5rem}.method-circle span{font-size:0.8125rem}.method-circle small{font-size:0.4375rem;letter-spacing:.06em;margin-top:0.5rem}.method-circles{padding:0.5rem 0}.method-caption{font-size:1.375rem;margin-top:1.5625rem}.method-context{font-size:0.8125rem;margin-top:0.6875rem}.method-steps{margin-top:1.9375rem}.method-trigger{font-size:1rem;gap:0.875rem}.method-trigger>span:first-child{font-size:1.1875rem}.method-step-content p{font-size:0.8125rem;padding-left:2.1875rem}.outputs{gap:0.75rem 1.3125rem;font-size:0.75rem;margin-top:1.8125rem;padding-top:1.375rem}.future .section-heading h2{font-size:2.9375rem;line-height:1.4}.timeline{display:block;margin:2.3125rem 0 0 0.375rem}.timeline article,.timeline article:last-child{border-top:0;border-left:1px solid var(--line);padding:0 0 2.1875rem 1.75rem}.timeline article:last-child{padding-bottom:0}.timeline-dot{top:0.3125rem;left:-0.375rem}.timeline h3{font-size:1.5625rem;margin-top:0.75rem;margin-bottom:0.625rem}.timeline p{max-width:100%;font-size:0.875rem}.timeline .micro-label{margin-top:0.875rem;font-size:0.625rem}.future>.section-note{margin-top:1.625rem}.governance{display:block;margin-top:2.1875rem;padding-top:1.9375rem}.governance-intro h3{font-size:1.8125rem}.governance-intro h3 br{display:none}.governance-intro p{margin-top:0.5625rem;font-size:0.75rem}.governance-list{margin-top:1.375rem}.governance-list summary{font-size:1rem;padding:1.125rem 0}.governance-list details p{font-size:0.8125rem;padding-right:1rem}.quality-line{display:grid;grid-template-columns:1fr 1fr;font-size:0.6875rem;gap:0.9375rem;margin-top:1.875rem}.together .section-top{margin-bottom:2rem}.together-main h2{font-size:clamp(2.0625rem,8.3vw,2.75rem);line-height:1.6;letter-spacing:-.04em}.mobile-break{display:block}.together-main p{font-size:0.875rem;margin-top:1.5rem;max-width:100%}.together-orbit{top:0.3125rem;right:-25%;width:65%;opacity:.17}.together-main .button{margin-top:1.75rem;font-size:0.875rem;min-height:3.125rem}.brief-hint{font-size:0.6875rem}.cooperation-types{display:block;margin:2.4375rem 0 2.25rem}.cooperation-types article,.cooperation-types article:first-child,.cooperation-types article:last-child{padding:1.3125rem 0 1.3125rem 2.1875rem;border-left:0;border-top:1px solid #f2f1eb28;position:relative}.cooperation-types article>span{position:absolute;left:0;top:1.6875rem;font-size:1rem}.cooperation-types h3{font-size:1.3125rem;margin:0 0 0.5625rem}.cooperation-types p{font-size:0.8125rem}.site-footer{display:grid;grid-template-columns:1fr auto;gap:1.125rem;padding:1.8125rem 0 2.1875rem;min-height:0;font-size:0.625rem}.footer-name{grid-column:1/-1;width:auto;font-size:0.875rem}.site-footer>span{grid-column:1/-1;width:auto;text-align:left;font-size:0.625rem}.site-footer .text-button{justify-self:start}.site-footer .back-top{font-size:0.625rem}.together{padding-bottom:0}dialog{padding:2.5rem 1.5rem 1.75rem;width:calc(100% - 1.5rem)}.dialog-header h2{font-size:1.9375rem}.dialog-header>p{font-size:0.8125rem}.dialog-header .micro-label{font-size:0.625rem}.dialog-close{top:0.625rem;right:0.625rem}.form-grid{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column;align-items:flex-start;gap:0.875rem}.form-actions>span{max-width:100%}.result-actions{gap:0.75rem}.result-actions .button{padding:0.75rem 1.25rem;font-size:0.8125rem;min-height:2.8125rem}#brief-form fieldset label{font-size:0.75rem}#draft-text{font-size:0.8125rem}textarea,select{font-size:1rem}}
.margin-note{justify-self:start}.research-trigger[aria-expanded=true],.research-trigger:hover,.section-top b,.small-number{color:#c33c1f}.hero .accent,.together .section-top b{color:var(--accent)}.method .section-top b{color:var(--ink)}.method button:focus-visible{outline-color:var(--ink)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}.hero-art{transform:none!important}}

/* One bounded editorial canvas and one coordinated type/spacing scale.
   The original 16px scale is retained on laptop and mobile. */
html { font-size: clamp(16px, 1.041667vw, 20px); }
html.motion-paused { scroll-behavior: auto; }

@media (min-width: 1600px) {
  :root {
    --content-max: 100rem;
    --page-inset: max(var(--gutter), calc((100% - var(--content-max)) / 2));
    --hero-stage: max(52rem, min(100svh, 76rem));
    --hero-art-size: min(61vw, 64rem, calc(var(--hero-stage) - 10rem));
  }
  .site-header, .hero, .section { padding-inline: var(--page-inset); }
  .site-header::after, .hero-bottom { left: var(--page-inset); right: var(--page-inset); }
  .main-nav a { font-size: .9375rem; }
  .hero {
    display: grid;
    align-items: center;
    height: auto;
    min-height: var(--hero-stage);
    max-height: none;
    padding-block: 8.5rem 7rem;
  }
  .hero-content { max-width: 55rem; }
  .hero h1 { font-size: clamp(6.375rem, 6vw, 7rem); }
  .hero-description { font-size: 1.125rem; margin-top: 2.25rem; }
  .hero-art {
    width: var(--hero-art-size);
    max-width: none;
    right: calc(var(--page-inset) - 5rem);
    top: calc((100% - var(--hero-art-size)) / 2);
  }
  .section-heading { gap: 4rem; }
  .section-heading > p { max-width: 24rem; font-size: 1rem; }
  .mission-columns p { max-width: 26rem; }
  .research-trigger h3 { font-size: 1.75rem; }
  .research-detail {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr) minmax(0, 1fr);
    gap: 2.625rem;
  }
  .research-question p, .research-scope p { font-size: 1rem; }
  .research-diagram { width: 100%; }
  .hongkong {
    width: min(100%, 110rem);
    margin-inline: auto;
    grid-template-columns: minmax(0, 68fr) minmax(0, 32fr);
  }
  .hk-heading { padding-left: 5rem; }
  .hk-points { padding-right: 5rem; }
  .hk-points p { font-size: 1rem; }
  .hk-photo { height: auto; aspect-ratio: 2.5; min-height: 23rem; }
  .hk-photo figcaption { left: 5rem; }
  .method-layout { grid-template-columns: minmax(0, 1.8fr) minmax(24rem, 1fr); }
  .method-circles { width: 100%; max-width: 55rem; }
  .method-circle span { font-size: 1.375rem; }
  .method-circle small { font-size: .625rem; }
  .method-trigger { font-size: 1.25rem; }
  .method-step-content p, .method-context { font-size: 1rem; }
  .timeline p { max-width: 26rem; font-size: 1rem; }
  .future .section-heading > p { max-width: 27rem; text-wrap: pretty; }
  .governance-list details p { font-size: 1rem; }
  .together-main { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); }
  .together-main p, .cooperation-types p { font-size: 1rem; }
}
@media (min-width: 1600px) and (max-height: 950px) {
  .hero { min-height: 50rem; padding-block: 7.5rem 7rem; }
  .hero h1 { font-size: 6rem; }
}

/* Ground the open metal sculpture without flattening its existing highlights.
   The floor and cast shadow composite independently of the masked bitmap. */
.hero-art { isolation: isolate; z-index: 0; }
.hero-art img { position: relative; z-index: 1; mix-blend-mode: normal; }
.hero-art::before, .hero-art::after {
  content: '';
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  transform: translate3d(calc(var(--px, 0px) * -.6), calc(var(--py, 0px) * -.4), 0);
  transition: transform 1.5s var(--ease);
}
.hero-art::before {
  z-index: 2;
  left: 3%; top: 84%; width: 94%; height: 20%;
  background: radial-gradient(ellipse at 50% 50%, rgba(145, 129, 108, .14) 0%, rgba(115, 107, 89, .075) 35%, rgba(77, 74, 62, .025) 53%, transparent 72%);
}
.hero-art::after {
  z-index: 3;
  left: 16%; top: 91.5%; width: 62%; height: 6.5%;
  background:
    radial-gradient(ellipse 29% 22% at 55% 32%, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .62) 36%, transparent 100%),
    radial-gradient(ellipse 49% 44% at 46% 52%, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .4) 38%, transparent 100%);
  filter: blur(.2rem);
}
.hero-orbit { z-index: 4; }
@media (min-width: 801px) and (max-width: 1599px) {
  .hero-art {
    --sculpture-size: min(65vw, calc(clamp(50rem, 100svh, 67.5rem) - 12rem));
    width: var(--sculpture-size);
    top: calc((100% - 5.5625rem - var(--sculpture-size)) / 2 + 2rem);
    right: -2.5%;
  }
}
@media (max-width: 800px) {
  .hero-art { max-width: 35rem; }
  .hero-art::before { opacity: .4; }
  .hero-art::after { left: 22%; top: 92%; width: 50%; height: 5%; opacity: .85; }
}
@media (max-width: 560px) {
  .hero-art { max-width: 34rem; }
}