:root{--ink:#202020;--secondary:#6b6b6b;--rule:#e9e9e9;--ease:cubic-bezier(.22,.68,0,1.01)}
html{scrollbar-gutter:stable}
.glyph{position:relative}
.glyph-noise{position:absolute;inset:0;display:block;text-align:center;font:inherit;pointer-events:none;overflow:hidden;visibility:hidden}
.scrambling .glyph:not(.settled) .glyph-final{visibility:hidden}
.scrambling .glyph:not(.settled) .glyph-noise{visibility:visible}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-size:29px;letter-spacing:-1.7px;font-weight:700}#page-title{font-size:13px;color:#666}#language{border:0;background:none;min-width:44px;min-height:44px;font-size:13px}main{max-width:1060px;margin:78px auto 130px;padding:0 30px}.project{margin:0}.project-heading{margin:0;font-size:inherit;font-weight:inherit}.project-toggle{width:100%;display:flex;gap:12px;align-items:baseline;text-align:left;border:0;background:none;min-height:67px;padding:20px 0;position:relative;line-height:1.7}.row-copy{display:inline-block;flex:0 1 auto;min-width:0;transform-origin:left center;transition:transform 230ms var(--ease)}.project-name{font-size:14px;font-weight:600;letter-spacing:-.02em}.project-description{font-size:13px;color:var(--secondary);letter-spacing:-.01em;margin-left:8px;white-space:nowrap}.glyph{display:inline-block;white-space:pre}.leader{height:1px;flex:1 1 18px;min-width:16px;background:var(--rule);align-self:center;transition:background 220ms}.year{font-size:11px;color:#777;white-space:nowrap}.indicator{width:13px;height:13px;position:relative;align-self:center;margin-left:4px;flex-shrink:0;transition:transform 300ms var(--ease)}.indicator:before,.indicator:after{content:"";position:absolute;background:#777;left:2px;right:2px;top:6px;height:1px}.indicator:after{transform:rotate(90deg);transition:transform 300ms var(--ease)}.project-toggle[aria-expanded=true] .indicator:after{transform:rotate(0)}.project-toggle[aria-expanded=true] .project-name{color:#000}.project-toggle:focus-visible,#language:focus-visible,a:focus-visible{outline:2px solid #333;outline-offset:5px;border-radius:2px}.project-toggle:focus-visible .leader{background:#aaa}
@media(hover:hover) and (pointer:fine){.project-toggle:hover .row-copy{transform:scale(1.025)}.project-toggle:hover .project-description{color:#444}.project-toggle:hover .leader{background:#c8c8c8}.project-toggle:hover .indicator{transform:translateX(2px)}}
.panel{overflow:hidden}.panel[hidden]{display:none}.panel-inner{padding:9px 0 30px}.body-copy{max-width:800px;font-size:12px;line-height:1.95;color:#555}.body-copy p{margin:0 0 13px;text-wrap:pretty}.body-copy strong{font-weight:500;color:#222}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){header{height:76px;padding:0 24px}.brand{font-size:25px}#page-title{font-size:12px}main{margin-top:48px;padding:0 25px}.project-toggle{display:grid;grid-template-columns:minmax(0,1fr) 13px;gap:5px 12px;min-height:100px;padding:20px 0}.row-copy{grid-column:1;grid-row:1}.project-name{font-size:14px}.project-description{font-size:12px;margin-left:7px}.leader{display:none}.year{grid-column:1;grid-row:2;font-size:11px}.indicator{grid-column:2;grid-row:1/3;margin:0}.body-copy{font-size:12px;line-height:1.95}.panel-inner{padding-top:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.project-toggle:hover .row-copy{transform:none}}

.case-link{text-decoration:underline;text-underline-offset:4px;color:#333}.case-link:hover{color:#000}