:root{--ink:#202b23;--muted:#626858;--paper:#e4e5d4;--line:rgba(32,43,35,.2);--accent:#475d45;--px:0px;--py:0px;color-scheme:light;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:#a8b3a1}.lang-en{display:none}[data-language=en] .lang-zh{display:none}[data-language=en] .lang-en{display:inline}.skip-link{position:fixed;left:20px;top:-60px;padding:12px;background:var(--ink);color:var(--paper);z-index:100}.skip-link:focus{top:20px}.site-header{position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;padding:32px 46px}.wordmark-name{display:block;font-size:14px;letter-spacing:.05em;font-weight:700}.chinese-name{font-size:12px;margin-left:12px;font-weight:400}.wordmark-sub{display:block;font:9px/1.5 "Courier New",monospace;letter-spacing:.14em;margin-top:7px;opacity:.68}nav{display:flex;gap:31px;margin-top:2px}nav a{font-size:12px;position:relative}nav a:after{content:"";position:absolute;bottom:-6px;left:0;height:1px;width:0;background:var(--ink);transition:width .2s}nav a:hover:after{width:100%}.header-actions{display:flex;gap:25px;align-items:center}.language-toggle,.motion-toggle{background:none;border:0;padding:0;font-size:11px}.language-toggle span{margin-left:6px}.motion-toggle{display:flex;gap:8px;align-items:center}.motion-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.1}.hero{position:relative;min-height:940px;height:100svh;max-height:1150px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 28%,#efeee0 0,#e1e1cd 46%,#cfd4bf 78%,#bac8b7 100%)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-topline{position:absolute;left:46px;right:46px;top:108px;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;font:9px/1.5 "Courier New",monospace;letter-spacing:.1em;z-index:4}.hero-copy{position:relative;z-index:4;text-align:center;padding-top:clamp(295px,31vh,355px);width:min(1050px,90%);margin:auto}.hero-eyebrow{font-size:11px;letter-spacing:.19em;display:flex;gap:12px;align-items:center;justify-content:center;margin:0 0 16px}.small-cross{font-size:21px;font-weight:400}.hero h1{font-size:clamp(100px,13.2vw,210px);letter-spacing:-.075em;line-height:.96;font-weight:800;margin:0;white-space:nowrap}.hero h1>span{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.08em;margin-left:3px}.hero-statement{font-size:clamp(19px,1.75vw,27px);font-weight:400;letter-spacing:.02em;margin:25px 0 13px}.hero-description{font-size:12px;line-height:1.85;letter-spacing:.055em;color:#5c6758;margin:0}.explore-link{display:inline-flex;align-items:center;gap:13px;font-size:11px;margin-top:24px;position:relative;z-index:6}.circle-arrow{display:flex;justify-content:center;align-items:center;border:1px solid #667361;border-radius:50%;width:30px;height:30px;font-size:14px;transition:transform .25s,background .25s}.explore-link:hover .circle-arrow{transform:translateY(4px);background:#c8d1be}.mobile-break{display:none}.orb{position:absolute;border:1px solid rgba(64,85,57,.14);border-radius:50%;pointer-events:none;z-index:1}.orb-one{width:350px;height:350px;left:5%;top:185px}.orb-two{width:220px;height:220px;right:9%;top:165px;border-style:dashed;opacity:.55}.animal{position:absolute;z-index:5}.parallax{transform:translate(calc(var(--px)*var(--depth)),calc(var(--py)*var(--depth)));transition:transform .6s ease-out}.leopard-position{--depth:.6;left:calc(50% - 590px);top:178px;width:310px}.animal-button{border:0;background:transparent;padding:0;display:block;width:100%;position:relative;cursor:pointer}.animal-button img{display:block;width:100%;height:auto;object-fit:contain}.leopard{animation:leopard-breathe 6s ease-in-out infinite}.leopard:hover{filter:drop-shadow(0 8px 9px rgba(24,44,24,.12))}.animal-spark{position:absolute;right:48px;top:32px;font-size:38px;opacity:0;transition:opacity .2s}.leopard.greet .animal-spark{opacity:1}.leopard.greet{animation:greet .75s ease-in-out 2}.field-label{position:absolute;font:italic 12px/1.3 Georgia,serif;letter-spacing:.01em;opacity:.72;pointer-events:none}.leopard-label{left:24px;bottom:15px;transform:rotate(-8deg)}.bird-position{--depth:1.1;right:calc(50% - 560px);top:180px;width:220px}.bird-flight img{width:100%;height:auto;display:block}.bird-flight{animation:bird-fly 11s ease-in-out infinite;transform-origin:65% 45%}.bird-label{bottom:6px;right:-1px;transform:rotate(5deg)}.dragonfly{position:absolute;fill:rgba(228,235,209,.18);stroke:#52684b;stroke-width:1;z-index:3;width:66px;opacity:.6;animation:dragonfly-drift 14s ease-in-out infinite}.dragonfly-one{right:20%;top:47%;transform:rotate(15deg)}.dragonfly-two{left:43%;top:19%;width:39px;opacity:.4;animation-delay:-8s}.dragonfly-wings{transform-origin:50px 39px;animation:wingbeat .16s ease-in-out infinite alternate}.landscape{position:absolute;bottom:-5px;left:0;right:0;height:405px;z-index:2;pointer-events:none}.landscape-image{position:absolute;width:100%;height:100%;left:0;bottom:0;object-fit:fill;filter:saturate(.72) contrast(.93);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 8%,#000 28%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 8%,#000 28%)}.lake-ripples{position:absolute;right:3%;bottom:55px;width:25%;height:65px;fill:none;stroke:#dce5d6;stroke-width:.7;opacity:.45}.lake-ripples g{transform-origin:170px 44px;animation:ripples 7s ease-in-out infinite}.water-light{position:absolute;right:0;bottom:20px;width:43%;height:90px;opacity:.14;background:linear-gradient(105deg,transparent 20%,#edf1da 48%,transparent 60%);mask-image:linear-gradient(transparent,#000,transparent);animation:water-shine 13s ease-in-out infinite}.landscape-caption{position:absolute;bottom:24px;left:46px;right:46px;z-index:7;display:flex;justify-content:space-between;align-items:center;font:9px "Courier New",monospace;letter-spacing:.1em;color:#f1f1dc;text-shadow:0 1px 7px #243a2c}.caption-center{font-size:9px;letter-spacing:.18em}.animal-message{position:absolute;left:50%;top:175px;transform:translateX(-50%) translateY(-10px);font-size:11px;padding:10px 18px;background:rgba(243,244,229,.9);border:1px solid var(--line);border-radius:30px;z-index:9;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.animal-message.visible{opacity:1;transform:translateX(-50%) translateY(0)}.section-shell{padding:75px 7.5% 65px;scroll-margin-top:0}.section-kicker{display:flex;justify-content:space-between;gap:20px;font:10px/1.5 "Courier New",monospace;letter-spacing:.1em;border-bottom:1px solid var(--line);padding-bottom:17px}.research{background:#edecdf}.research-intro{display:grid;grid-template-columns:1fr .7fr;gap:12%;align-items:center;padding:48px 0 55px}h2{font-size:clamp(32px,3.6vw,52px);line-height:1.28;letter-spacing:-.04em;font-weight:400;margin:0}.research-intro>p{font-size:13px;line-height:1.95;color:var(--muted);max-width:460px;margin:0}.research-list{border-top:1px solid var(--line)}.research-item{border-bottom:1px solid var(--line)}.research-item summary{display:grid;grid-template-columns:55px 1fr 190px 32px;gap:20px;align-items:center;padding:30px 0;cursor:pointer;list-style:none}.research-item summary::-webkit-details-marker{display:none}.research-item summary:hover .project-main{transform:translateX(6px)}.project-main{transition:transform .25s}.project-number{font:italic 28px Georgia,serif;opacity:.55;align-self:start;padding-top:7px}.project-category{font:9px/1.4 "Courier New",monospace;letter-spacing:.09em;color:var(--muted)}h3{font-size:clamp(17px,1.6vw,24px);line-height:1.4;letter-spacing:-.02em;font-weight:400;margin:8px 0}.project-main p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}.project-status{font:9px/1.4 "Courier New",monospace;letter-spacing:.06em;text-align:right;color:var(--muted)}.project-expand{font-size:25px;font-weight:300;text-align:right;transition:transform .2s}.research-item[open] .project-expand{transform:rotate(45deg)}.project-detail{padding:0 52px 30px 75px;max-width:850px}.project-detail p{font-size:13px;line-height:1.9;margin:0 0 20px;color:var(--muted)}.detail-foot{display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.8}.detail-foot a{border-bottom:1px solid var(--ink)}.about{background:#d9decb;padding-bottom:95px}.about-content{display:grid;grid-template-columns:1fr .8fr;gap:12%;padding-top:55px}.about-overline{font-size:11px;margin:0 0 20px;letter-spacing:.08em}.about h2{font-size:clamp(38px,4.9vw,70px)}.about-copy{padding-top:18px}.about-copy p{font-size:13px;line-height:1.95;margin:0 0 23px;color:#53624f}.interest-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.interest-tags span{font:8px "Courier New",monospace;border:1px solid #9da98f;border-radius:20px;padding:8px 12px;letter-spacing:.06em}.site-footer{background:#273d30;color:#e3e8d9;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px 7.5%;font:9px/1.6 "Courier New",monospace;letter-spacing:.1em}.site-footer>a:first-child{font-weight:700;font-size:11px}.site-footer>a:first-child span{font-size:10px;margin-left:10px;font-weight:400}.site-footer>span{opacity:.7}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .parallax{transform:none}.motion-paused .leopard.greet{animation:none}.motion-paused .leopard.greet .animal-spark{opacity:1}@keyframes leopard-breathe{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-5px) rotate(.4deg)}}@keyframes bird-fly{0%,100%{transform:translate(0,0) rotate(-5deg)}30%{transform:translate(-26px,-16px) rotate(4deg)}70%{transform:translate(15px,13px) rotate(-2deg)}}@keyframes dragonfly-drift{0%,100%{translate:0 0;rotate:-5deg}40%{translate:20px -13px;rotate:7deg}75%{translate:-10px 9px;rotate:-3deg}}@keyframes wingbeat{to{transform:scaleY(.72)}}@keyframes ripples{0%,100%{transform:scale(.78);opacity:.25}50%{transform:scale(1.06);opacity:.9}}@keyframes water-shine{0%,100%{transform:translateX(-10%);opacity:.07}50%{transform:translateX(12%);opacity:.18}}@keyframes greet{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-2deg)}}@media(min-width:1700px){.leopard-position{left:12%;width:350px}.bird-position{right:12%;width:245px}.landscape{height:470px}}@media(max-height:850px) and (min-width:800px){.hero{min-height:800px}.hero-copy{padding-top:250px}.hero h1{font-size:min(13vw,170px)}.landscape{height:330px}.leopard-position{top:145px;width:280px}.bird-position{top:160px;width:195px}}@media(max-width:1100px){.leopard-position{left:4%;width:250px;top:205px}.bird-position{right:5%;width:185px;top:215px}.hero-copy{padding-top:340px}.orb-one{left:1%;width:280px;height:280px}.orb-two{right:4%}.landscape{height:365px}.project-status{display:none}.research-item summary{grid-template-columns:45px 1fr 25px}.research-intro{gap:7%}.caption-center{display:none}}@media(max-width:700px){.site-header{padding:24px 22px;align-items:flex-start}.wordmark-name{font-size:11px}.chinese-name{display:block;font-size:10px;margin-left:0;margin-top:6px}.wordmark-sub{display:none}nav{gap:20px;padding-top:2px}nav a{font-size:11px}.header-actions{gap:15px}.motion-toggle{width:18px;margin-top:1px}.motion-toggle>span{display:none}.language-toggle{font-size:10px}.hero-topline{left:22px;right:22px;top:84px;font-size:8px;padding-top:12px}.hero-topline>span:last-child{display:none}.hero{height:100svh;min-height:825px;max-height:1000px}.hero-copy{padding-top:322px;width:94%}.hero-eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:15px;gap:7px}.small-cross{font-size:17px}.hero h1{font-size:clamp(61px,16.1vw,111px);letter-spacing:-.075em}.hero-statement{font-size:19px;line-height:1.4;margin-top:22px;margin-bottom:13px}.hero-description{font-size:11px;line-height:1.85;letter-spacing:.02em}.explore-link{font-size:10px;margin-top:19px}.circle-arrow{width:27px;height:27px}.leopard-position{top:144px;left:5%;width:192px}.leopard-label{font-size:11px;left:5px;bottom:8px}.bird-position{top:147px;right:4%;width:143px}.bird-label{font-size:10px;bottom:-2px;right:3px}.orb-one{left:2%;top:137px;width:210px;height:210px}.orb-two{right:2%;top:135px;width:150px;height:150px}.dragonfly-one{top:35%;right:11%;width:40px}.dragonfly-two{top:15%;left:52%;width:27px}.landscape{height:285px;width:155%;left:-12%;right:auto}.landscape-image{object-fit:fill}.landscape-caption{left:22px;right:22px;bottom:24px;font-size:7px;letter-spacing:.02em}.landscape-caption>span:last-child{max-width:125px;text-align:right}.lake-ripples{bottom:44px;right:6%;width:28%}.animal-message{top:115px;max-width:90%;width:max-content;font-size:10px}.section-shell{padding:48px 22px}.section-kicker{font-size:8px;gap:15px}.section-kicker>span:last-child{text-align:right;max-width:45%}.research-intro{grid-template-columns:1fr;gap:24px;padding:32px 0 36px}.research-intro h2{font-size:34px}.research-intro>p{font-size:12px;max-width:100%}.research-item summary{grid-template-columns:28px 1fr 18px;gap:13px;padding:25px 0}.project-number{font-size:21px}.project-category{font-size:7px;line-height:1.6}.project-main h3{font-size:17px;margin:7px 0 9px}.project-main p{font-size:10px}.project-expand{font-size:23px}.project-detail{padding:0 20px 24px 41px}.project-detail p{font-size:12px}.detail-foot{display:block;font-size:9px}.detail-foot a{display:inline-block;margin-top:12px}.about-content{grid-template-columns:1fr;gap:20px;padding-top:34px}.about h2{font-size:43px}.about-copy{padding-top:0}.about-copy p{font-size:12px}.about{padding-bottom:55px}.site-footer{padding:25px 22px;flex-wrap:wrap;gap:18px;font-size:8px}.site-footer>span{order:3;width:100%;font-size:8px}.site-footer>a:first-child{font-size:10px}.site-footer>a:first-child span{font-size:9px}.mobile-break{display:inline}.hero-statement .lang-en{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-enabled) *,body:not(.motion-enabled) *::before,body:not(.motion-enabled) *::after{animation:none!important;transition:none!important}body:not(.motion-enabled) .parallax{transform:none}}