:root{--paper:#f4f2ed;--white:#fff;--ink:#1c211e;--muted:#667068;--line:#d5dad5;--forest:#173d31;--forest-2:#245847;--coral:#a13e35;--ice:#dfe7e2;--serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;top:0;z-index:20;height:74px;padding:0 max(32px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:rgba(244,242,237,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;color:var(--paper);background:var(--forest);font-size:11px;font-weight:800}.brand-name{display:flex;align-items:baseline;gap:10px}.brand-name strong{font-family:var(--serif);font-size:20px}.brand-name small{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.header-actions,nav{display:flex;align-items:center}.header-actions{gap:30px}nav{gap:25px}nav a{color:#4f5751;font-size:13px;font-weight:650}nav a:hover,nav a:focus-visible{color:var(--coral)}.language-switch{display:flex;height:32px;border:1px solid #bfc7c0;border-radius:4px;overflow:hidden}.language-switch button{width:42px;padding:0;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:11px;font-weight:750}.language-switch button+button{border-left:1px solid #bfc7c0}.language-switch button[aria-pressed="true"]{color:var(--white);background:var(--forest)}
.hero{border-bottom:1px solid var(--line)}.hero-inner{width:var(--max);max-width:calc(100% - 64px);min-height:545px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:110px;align-items:center}.hero-copy{padding:72px 0}.eyebrow,.section-label{margin:0 0 20px;color:var(--forest-2);font-size:11px;font-weight:800;text-transform:uppercase}.hero h1{margin:0;font-family:var(--serif);font-size:60px;line-height:1.1}.hero h1 span{display:block;margin-top:8px;color:var(--muted);font-family:var(--sans);font-size:16px;font-weight:650}.role{margin:24px 0 9px;font-family:var(--serif);font-size:21px}.intro{max-width:650px;margin:0;color:#4e5851;font-size:17px;line-height:1.9}.hero-links{display:flex;align-items:center;gap:28px;margin-top:30px}.primary-link{display:inline-flex;align-items:center;gap:22px;padding:9px 0;color:var(--coral);border-bottom:1px solid var(--coral);font-weight:750}.secondary-link{color:var(--muted);font-size:13px;font-weight:700}.portrait-area{position:relative;min-height:370px;display:grid;place-items:center}.portrait-area::before{content:"";position:absolute;inset:12px 18px 32px 45px;border:1px solid #b8c2bb}.portrait-label{position:absolute;top:0;right:0;margin:0;color:#8a928c;font-size:9px;line-height:1.5;font-weight:750;text-align:right}.portrait-wrap{position:relative;width:300px;height:300px;margin:0}.portrait-wrap::after{content:"";position:absolute;z-index:-1;inset:20px -15px -15px 20px;background:var(--forest);border-radius:50%}.portrait-wrap img{display:block;width:300px;height:300px;object-fit:cover;border-radius:50%;background:var(--ice);border:1px solid rgba(255,255,255,.75)}.portrait-caption{position:absolute;left:0;bottom:0;margin:0;padding:5px 10px;color:var(--white);background:var(--coral);font-size:10px;font-weight:700}.hero-facts{width:var(--max);max-width:calc(100% - 64px);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.hero-facts div{min-height:72px;padding:17px 20px 14px 0;display:flex;gap:13px;align-items:flex-start}.hero-facts div+div{padding-left:20px;border-left:1px solid var(--line)}.hero-facts span{color:var(--coral);font-size:10px;font-weight:800}.hero-facts strong{font-size:12px;font-weight:700}
.section{padding:94px max(32px,calc((100vw - var(--max))/2))}.section-intro{display:grid;grid-template-columns:70px .95fr 1.05fr;gap:42px;align-items:start;margin-bottom:68px}.section-intro.compact{grid-template-columns:70px .85fr 1.15fr}.section-number{margin:0;color:var(--coral);font-size:11px;font-weight:800}.section h2{max-width:540px;margin:0;font-family:var(--serif);font-size:36px;line-height:1.5}.section-copy{margin:35px 0 0;color:#535d56;font-size:16px}.section-copy p:first-child{margin-top:0}.focus-list{border-top:1px solid var(--line)}.focus-list article{min-height:120px;display:grid;grid-template-columns:70px 1fr 150px;gap:42px;align-items:center;border-bottom:1px solid var(--line)}.focus-list article>span{color:var(--coral);font-size:11px;font-weight:800}.focus-list h3{margin:0 0 3px;font-family:var(--serif);font-size:21px}.focus-list p{margin:0;color:var(--muted);font-size:14px}.focus-list b{color:#b3bab5;font-size:11px;text-align:right;text-transform:uppercase}
.section-dark{color:#edf3ef;background:var(--forest)}.section-dark .section-label,.section-dark .section-number{color:#8fc2a8}.section-dark .section-copy{color:#b1c1b7}.publication-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.18)}.publication-list li{display:grid;grid-template-columns:70px minmax(0,1fr) 36px;gap:42px;padding:24px 0 27px;border-bottom:1px solid rgba(255,255,255,.18)}.pub-year{color:#91bda4;font-size:11px;font-weight:750}.pub-meta{margin:0 0 6px;color:#a6b9ad;font-size:11px}.publication-list h3{max-width:980px;margin:0;font-family:var(--serif);font-size:17px;line-height:1.65;font-weight:500}.pub-index{color:#6f8878;font-size:10px;text-align:right}.more-publications{margin-top:25px}.more-publications summary{width:245px;padding:11px 0;display:flex;justify-content:space-between;color:#b9d8c5;border-bottom:1px solid #789987;cursor:pointer;font-size:13px;font-weight:700;list-style:none}.more-publications summary::-webkit-details-marker{display:none}.more-publications[open] summary b{transform:rotate(45deg)}.additional-list{margin-top:24px}
.timeline{border-top:1px solid var(--line)}.timeline article{min-height:112px;display:grid;grid-template-columns:250px 1fr 110px;gap:40px;align-items:center;border-bottom:1px solid var(--line)}.timeline time{color:var(--forest-2);font-size:12px;font-weight:750}.timeline h3{margin:0 0 2px;font-family:var(--serif);font-size:21px}.timeline p{margin:0;color:var(--muted);font-size:14px}.timeline>article>span{color:#a2aaa4;font-size:9px;font-weight:750;text-align:right}
.service{background:var(--white)}.service-layout{display:grid;grid-template-columns:390px 1fr;gap:70px}.academic-photo{margin:0}.academic-photo img{display:block;width:100%;height:520px;object-fit:cover;object-position:54% center}.academic-photo figcaption{margin-top:11px;color:var(--muted);font-size:10px}.service-content{display:grid;grid-template-columns:1fr 1fr;gap:45px}.service-content article{min-width:0}.service-content h3{margin:0 0 20px;font-family:var(--serif);font-size:23px}.service-content>article>p{color:var(--muted);font-size:14px}.service-content ul{list-style:none;margin:0;padding:0}.service-content li{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:8px 0;border-bottom:1px solid var(--line)}.service-content li span{color:var(--coral);font-size:10px;font-weight:750}.service-content li p{margin:0;font-size:13px}.journal-list li{display:block;color:#465048;font-size:12px}.methods{grid-column:1/3;padding-top:30px;border-top:1px solid var(--line)}.tool-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tool-list span{padding:5px 10px;color:var(--forest);border:1px solid #bcc7bf;border-radius:3px;background:#f7f8f5;font-size:11px;font-weight:700}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:110px;color:#f5f6f3;background:var(--coral)}.contact-heading{display:grid;grid-template-columns:70px 1fr;gap:42px}.contact .section-number,.contact .section-label{color:#f0c7c2}.contact h2{font-size:39px}.contact-heading p:last-child{color:#f3d8d4}.email-decoder{align-self:end}.decoder-tabs{display:flex;width:max-content;margin-bottom:13px;border:1px solid rgba(255,255,255,.45);border-radius:4px;overflow:hidden}.decoder-tabs button{min-width:104px;height:34px;padding:0 14px;color:#f2d4d0;background:transparent;border:0;cursor:pointer;font-size:11px;font-weight:750}.decoder-tabs button+button{border-left:1px solid rgba(255,255,255,.35)}.decoder-tabs button[aria-selected="true"]{color:var(--coral);background:var(--white)}.decoder-console{position:relative;min-height:158px;padding:19px;border:1px solid rgba(255,255,255,.45);background:rgba(70,18,16,.12)}.decoder-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.decoder-copy strong{font-family:var(--serif);font-size:14px;font-weight:600}.decoder-state{color:#f0c7c2;font-family:"SFMono-Regular",Consolas,monospace;font-size:9px}.hold-button{position:relative;width:100%;height:52px;overflow:hidden;color:var(--coral);background:var(--white);border:1px solid var(--white);border-radius:3px;cursor:pointer;font-weight:800;touch-action:none;user-select:none}.hold-progress{position:absolute;inset:0 auto 0 0;width:0;background:var(--forest);transition:none}.hold-button.is-holding .hold-progress{width:100%;transition:width 1.2s linear}.hold-label{position:relative;z-index:1}.hold-button.is-holding{color:var(--white)}.revealed-email canvas{display:block;width:100%;height:58px;background:#f7f6f2;border:1px solid rgba(255,255,255,.65)}.decoder-actions{display:flex;gap:9px;margin-top:11px}.decoder-actions button{height:32px;padding:0 13px;color:var(--white);background:transparent;border:1px solid rgba(255,255,255,.55);border-radius:3px;cursor:pointer;font-size:11px;font-weight:700}.decoder-actions button:hover,.decoder-actions button:focus-visible{color:var(--coral);background:var(--white)}.privacy-note{margin:11px 0 0;color:#f3d8d4;font-size:10px}.email-decoder button:focus-visible{outline:2px solid var(--white);outline-offset:2px}footer{min-height:105px;padding:0 max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#859087;background:#121815;font-size:10px}footer p:nth-child(2){text-align:center}footer a{color:#c9d2cc;text-align:right}
@media(max-width:1000px){nav{display:none}.hero-inner{grid-template-columns:1fr 330px;gap:55px}.service-layout{grid-template-columns:300px 1fr}.service-content{grid-template-columns:1fr}.methods{grid-column:auto}}
@media(max-width:720px){.site-header{height:66px;padding:0 20px}.brand-name small{display:none}.header-actions{gap:0}.hero-inner{width:auto;max-width:none;min-height:auto;padding:58px 24px 45px;grid-template-columns:1fr;gap:35px}.hero-copy{padding:0}.hero h1{font-size:47px}.intro{font-size:15px}.portrait-area{min-height:310px}.portrait-wrap,.portrait-wrap img{width:255px;height:255px}.portrait-label{display:none}.hero-facts{width:auto;max-width:none;padding:0 24px;grid-template-columns:1fr 1fr}.hero-facts div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.hero-facts div:nth-child(4){border-top:1px solid var(--line)}.section{padding:72px 24px}.section-intro,.section-intro.compact{grid-template-columns:40px 1fr;gap:18px}.section-intro .section-copy{grid-column:2;margin-top:0}.section h2{font-size:29px}.focus-list article{grid-template-columns:40px 1fr;gap:18px;padding:20px 0}.focus-list b{display:none}.publication-list li{grid-template-columns:45px 1fr 24px;gap:12px}.publication-list h3{font-size:15px}.timeline article{grid-template-columns:1fr;gap:4px;padding:20px 0}.timeline>article>span{display:none}.service-layout,.service-content,.contact{grid-template-columns:1fr;gap:38px}.academic-photo img{height:auto}.methods{grid-column:auto}.contact-heading{grid-template-columns:40px 1fr;gap:18px}.decoder-copy{display:block}.decoder-copy strong{display:block;margin-top:5px}.decoder-tabs{width:100%}.decoder-tabs button{flex:1}.decoder-console{padding:14px}.revealed-email canvas{height:52px}footer{padding:22px 24px;grid-template-columns:1fr 1fr}footer p:nth-child(2){display:none}}
/* Earth / Signal — orange and mineral tones */
:root{--paper:#181411;--white:#faf0e3;--ink:#f2e6d6;--muted:#b3a18e;--line:#ad80512e;--forest:#bd692f;--forest-2:#f29e58;--coral:#f6994a;--ice:#3a2b20}
body{background:#181411;background-image:radial-gradient(ellipse at 90% 0,#91441520,transparent 40%)}::selection{background:#c96d3f;color:#fff}.site-header{background:#1a1511c9;border-color:#bb8b502b;backdrop-filter:blur(24px);height:82px}.brand-mark{width:42px;height:42px;background:linear-gradient(145deg,#ee9b59,#af502c);color:#201710;border-radius:12px;font-size:27px;font-family:var(--serif);box-shadow:0 4px 26px #d8783322}.brand-name small{color:#bca58d;letter-spacing:1px}nav a{color:#c8b6a0;font-weight:500}nav a:hover{color:#ffac69}.language-switch{border-color:#82634370;border-radius:20px}.language-switch button+button{border-color:#82634370}.language-switch button[aria-pressed=true]{background:#df8c4c;color:#21170f}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 40%,#a8542729,transparent 52%),linear-gradient(120deg,#181411,#211911);border-bottom:1px solid #ca8c4433}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#cda17409 1px,transparent 1px),linear-gradient(90deg,#cda17409 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}.hero:after{content:"";position:absolute;width:640px;height:640px;right:-160px;top:-130px;border:1px solid #c58b4433;border-radius:50%;z-index:-1;box-shadow:0 0 0 72px #c58b4407,0 0 0 144px #c58b4405}.hero-inner{min-height:660px;gap:65px}.hero-copy{padding:85px 0}.eyebrow{font-family:monospace;letter-spacing:2px;color:#e59b5e}.eyebrow:before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;background:#f6a761;border-radius:50%;box-shadow:0 0 14px #ff934d}.hero h1{font-size:88px;letter-spacing:5px;color:#fff1df;text-shadow:0 4px 40px #e98c2920}.hero h1 span{color:#c39d76;letter-spacing:5px;font-size:14px;margin-top:22px}.role{color:#e4c6a4}.intro{color:#bba58e;max-width:540px;font-size:16px}.hero-links{gap:24px;margin-top:35px}.primary-link{background:linear-gradient(120deg,#ec9c59,#cf7440);color:#21150c;border:1px solid #f8bd8770;border-radius:8px;padding:12px 22px;box-shadow:0 4px 28px #ed803422;transition:transform .25s,box-shadow .25s}.primary-link:hover{transform:translateY(-3px);box-shadow:0 8px 40px #ed80343d}.secondary-link{color:#dbc0a0}.portrait-area{min-height:430px}.portrait-area:before{inset:30px 4px 25px 20px;border-color:#d5a86b44;border-radius:24px;transform:rotate(5deg)}.portrait-wrap{width:320px;height:350px;border:1px solid #d0a77755;border-radius:16px;box-shadow:0 24px 70px #0007;transform:rotate(-3deg);transition:transform .6s}.portrait-wrap:hover{transform:rotate(0) translateY(-5px)}.portrait-wrap img{width:100%;height:100%;border-radius:16px;border:0;object-fit:cover;filter:saturate(.65) sepia(.15)}.portrait-wrap:after{inset:12px -12px -12px 12px;border-radius:18px;background:linear-gradient(140deg,#dd8b3b22,#c2742b08);border:1px solid #c7924944;z-index:-1}.portrait-label{color:#d19b60;letter-spacing:2px}.portrait-caption{background:#2c2119db;border:1px solid #b8884e55;color:#e5bd8b;padding:8px 14px;border-radius:6px;left:12px;bottom:8px;backdrop-filter:blur(12px)}.hero-facts{border-color:#c98b4433}.hero-facts div{min-height:85px}.hero-facts strong{color:#d4bda3;font-weight:500}.hero-facts div+div{border-color:#c98b4433}
.section{border-color:#9b754433}.section h2{color:#f0dfc7}.section-copy,.section-copy p{color:#b09c85}.section-label{color:#d49453;letter-spacing:2px}.section-number{color:#9c7046}.focus-list article{border-color:#ad80512e;transition:background .3s,transform .3s}.focus-list article:hover{background:#d78a3410;transform:translateX(6px)}.focus-list article p{color:#af9a81}.focus-list b{color:#a97e52}.section-dark{background:linear-gradient(145deg,#251c15,#181410);border-top:1px solid #c38c4833;border-bottom:1px solid #c38c4833}.publication-list li{border-color:#ac835230}.pub-year,.pub-meta{color:#c29460}.publication-list h3{color:#edddc6}.pub-index{color:#846645}.more-publications summary{color:#e1b37c;border-color:#ac835230}.timeline article{border-color:#ac835230}.timeline time,.timeline>article>span{color:#bd8b56}.timeline p,.service-content p,.service-content li p{color:#b4a087}.academic-photo img{border-radius:14px;filter:saturate(.7) sepia(.12)}.academic-photo figcaption{color:#a58a6d}.service-content article,.service-content li{border-color:#ac835230}.tool-list span{border:1px solid #c08c4f44;color:#d5b48e;background:#c48b3f0b;border-radius:6px}.contact{background:radial-gradient(ellipse at 85% 40%,#a65e2330,transparent 55%),#241a13;border-top:1px solid #b47a3f44}.contact h2,.contact p{color:#ead5b8}.email-decoder{color:#f0ddc3}.decoder-tabs{border-color:#b8884e66}.decoder-tabs button{color:#d6b58c}.decoder-tabs button[aria-selected=true]{color:#2c1c10;background:#edb47c}.decoder-console{border-color:#c7955d55;border-radius:12px;background:#130e0980}.decoder-state{color:#d79e64}.hold-button{background:#e7ab70;color:#291a0e;border-color:#e7ab70;border-radius:7px}.hold-progress{background:#8f4b27}.privacy-note{color:#ba9876!important}footer{background:#120f0d;color:#927e67}footer a{color:#c8a982}
@media(max-width:1000px){.hero-inner{gap:35px;grid-template-columns:1fr 340px}.hero h1{font-size:72px}}@media(max-width:720px){.site-header{height:70px}.hero-inner{grid-template-columns:1fr;min-height:auto;padding-top:55px}.hero-copy{padding:0}.hero h1{font-size:65px}.hero h1 span{font-size:12px;letter-spacing:4px}.portrait-area{min-height:375px}.portrait-wrap{width:280px;height:310px}.portrait-wrap img{width:100%;height:100%}.hero-facts div{min-height:80px}.hero:after{width:440px;height:440px;right:-280px;top:200px}.hero-facts div:nth-child(n){border-color:#c98b4433}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@keyframes orbit-breathe{0%,100%{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@media(prefers-reduced-motion:no-preference){.hero:after{animation:orbit-breathe 12s ease-in-out infinite}}

nav a[aria-current=page]{color:#ffae6b;position:relative}nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:#e8904b;box-shadow:0 0 10px #f7944860}.home-portals{max-width:1240px;margin:0 auto;padding:48px 0 64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portal{display:flex;gap:18px;align-items:start;padding:24px;border:1px solid #b47f4436;border-radius:12px;background:linear-gradient(140deg,#30221980,#211811);transition:transform .25s,border-color .25s}.portal:hover{transform:translateY(-4px);border-color:#e49a5777}.portal-no{font:11px monospace;color:#d68d4f;margin-top:8px}.portal h2{font-size:20px;font-weight:500;margin:0 0 8px}.portal p{font-size:12px;color:#aa9278;margin:0}.portal-arrow{margin-left:auto;color:#dc9558;font-size:22px}.page-topline{max-width:1240px;margin:0 auto;padding-top:32px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#b88a5c}body:not([data-page=home]) main{min-height:calc(100vh - 187px)}body:not([data-page=home]) .section{padding-top:65px}body:not([data-page=home]) .section-dark{margin-top:32px}body:not([data-page=home]) .contact{margin-top:32px}
@media(max-width:1300px){.home-portals,.page-topline{margin-left:32px;margin-right:32px}}@media(max-width:1000px){nav{display:flex;gap:16px}.header-actions{gap:16px}nav a{font-size:12px}}@media(max-width:720px){.site-header{height:auto;min-height:70px;flex-wrap:wrap;padding:14px 20px 12px;gap:14px}.header-actions{width:100%;gap:12px}nav{display:flex;overflow-x:auto;flex:1;gap:20px;padding-bottom:8px}nav a{white-space:nowrap;flex-shrink:0;font-size:12px}nav a[aria-current=page]:after{bottom:-6px}.language-switch{flex-shrink:0;height:28px}.language-switch button{width:30px}.home-portals{grid-template-columns:1fr;margin:0;padding:28px 20px 40px}.page-topline{margin:0 24px;padding-top:24px}body:not([data-page=home]) .section{padding-top:40px}.portal{padding:20px}}