:root{
  --ink:#11100e;
  --paper:#f4f0e8;
  --paper-2:#e9e1d3;
  --gold:#b89b5e;
  --gold-2:#d7c18f;
  --wine:#4f1519;
  --muted:#70685f;
  --white:#fff;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:20;background:rgba(244,240,232,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,16,14,.1)}
.brand{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.18em;font-weight:700}
.monogram{width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:12px;letter-spacing:.03em}
.nav{display:flex;align-items:center;gap:22px;font-size:12px}
.nav a{opacity:.78}.nav a:hover{opacity:1}.nav-cta{border:1px solid var(--ink);padding:10px 17px;border-radius:999px}
.nav-toggle{display:none;background:none;border:0;font:inherit}
.hero{padding:84px max(28px,calc((100vw - var(--max))/2)) 42px;min-height:calc(100vh - 82px)}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:center}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:.28em;font-weight:800;color:var(--wine);margin-bottom:24px}
.hero h1,.section h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:.98;margin:0}
.hero h1{font-size:clamp(54px,7.2vw,102px);max-width:860px}
.hero h1 span{color:var(--wine)}
.hero-lead{font-size:19px;max-width:720px;color:#4e4943;margin:32px 0}
.hero-actions,.book-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:3px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.btn-primary{background:var(--ink);color:var(--white)}.btn-ghost{border:1px solid #aea79e}.btn-light{background:var(--white);color:var(--ink)}
.social-inline{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.social-inline a{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--muted);border-bottom:1px solid transparent;padding-bottom:3px}
.social-inline a:hover{color:var(--wine);border-color:var(--wine)}
.portrait-card{background:#171512;color:white;padding:16px;transform:rotate(1.2deg);box-shadow:0 25px 70px rgba(0,0,0,.18)}
.official-portrait{width:100%;aspect-ratio:4/5;display:block;object-fit:cover;object-position:center top;border:1px solid rgba(255,255,255,.16);background:#2b2925}
.portrait-caption{padding:15px 5px 3px;display:flex;justify-content:space-between;gap:12px;font-size:12px}.portrait-caption span{opacity:.55;text-align:right}
.hero-rule{border-top:1px solid #cfc6b8;margin-top:72px}
.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.hero-facts div{padding:28px 20px 0;border-right:1px solid #d8d0c4}.hero-facts div:first-child{padding-left:0}.hero-facts div:last-child{border-right:0}.hero-facts strong{display:block;font-family:Georgia,serif;font-size:34px;color:var(--wine)}.hero-facts span{display:block;font-size:12px;color:var(--muted);max-width:210px}
.section{padding:110px max(28px,calc((100vw - var(--max))/2))}.section h2{font-size:clamp(42px,5vw,72px)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.story-grid .prose{font-size:18px;color:#49443e}.story-grid p:first-child{margin-top:0}.story-grid p{margin-bottom:24px}
.dark{background:var(--ink);color:var(--white)}.light{color:var(--gold-2)}.muted{color:#aaa39a;max-width:520px}
.service-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}.service-cards article{padding:28px 28px 12px 0;border-right:1px solid rgba(255,255,255,.15);margin-right:28px}.service-cards article:last-child{border-right:0}.service-cards h3{font-family:Georgia,serif;font-size:25px;font-weight:400}.service-cards p{color:#b9b4ae;font-size:14px}.card-number{font-size:11px;letter-spacing:.2em;color:var(--gold)}
.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:54px}.section-intro p{font-size:18px;color:var(--muted);margin:0}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.portfolio-card{background:#ebe4d8;padding:36px;min-height:270px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #d7cdbc}.portfolio-card.featured{background:var(--wine);color:white}.portfolio-card span{font-size:10px;letter-spacing:.2em;color:#765a28;font-weight:800}.portfolio-card.featured span{color:var(--gold-2)}.portfolio-card h3{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:14px 0 8px}.portfolio-card p{margin:0;color:inherit;opacity:.72;max-width:560px}
.expertise-section{background:#f8f5ef}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.expertise-grid article{background:white;border:1px solid #ddd5c9;padding:30px;min-height:245px}.expertise-grid article>span{font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--wine)}.expertise-grid h3{font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.15;margin:18px 0 12px}.expertise-grid p{color:var(--muted);font-size:14px;margin:0}.credentials-strip{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;margin-top:16px}.credentials-strip div{border-top:1px solid #bdb4a7;padding:24px 0}.credentials-strip span{display:block;font-size:9px;letter-spacing:.2em;color:var(--wine);font-weight:800;margin-bottom:8px}.credentials-strip strong{font-family:Georgia,serif;font-size:18px;font-weight:400}
.timeline-section{background:#e8e0d3}.timeline{max-width:980px;margin-left:auto}.timeline-item{display:grid;grid-template-columns:155px 1fr;gap:30px;padding:28px 0;border-top:1px solid #c6bcad}.timeline-item:last-child{border-bottom:1px solid #c6bcad}.timeline-item time{font-family:Georgia,serif;font-size:25px;color:var(--wine)}.timeline-item h3{margin:0;font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.15}.timeline-item p{margin:8px 0 0;color:#625c55}.timeline-item .role-meta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#695f57;font-weight:700}.timeline-item.parallel{background:rgba(255,255,255,.17);padding-left:18px;padding-right:18px}.timeline-item.current{border-top:2px solid var(--wine)}
.manifesto{background:var(--wine);color:white;text-align:center}.manifesto blockquote{font-family:Georgia,serif;font-size:clamp(32px,4.2vw,58px);line-height:1.15;max-width:1050px;margin:0 auto 24px}.manifesto p{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2)}
.book-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:center}.book-art{display:flex;justify-content:center;perspective:900px}.book-cover{width:min(350px,85vw);aspect-ratio:2/3;background:linear-gradient(155deg,#161410,#363024);color:white;padding:36px;box-shadow:30px 28px 60px rgba(0,0,0,.22);transform:rotateY(-10deg) rotateZ(-1deg);display:flex;flex-direction:column}.book-cover span{font-size:10px;letter-spacing:.18em;color:var(--gold-2)}.book-cover strong{font-family:Georgia,serif;font-size:44px;font-weight:400;margin:auto 0}.book-cover small{opacity:.55}.book-copy p{font-size:18px;color:var(--muted);max-width:650px}.coming-soon{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--wine)}
.media-section{background:#f8f5ef}.media-placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-placeholder-grid article{padding:30px;border-top:2px solid var(--ink);background:white}.media-placeholder-grid span{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--wine)}.media-placeholder-grid h3{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.15}.media-placeholder-grid p{color:var(--muted)}
.sources{padding-top:70px;padding-bottom:70px}.source-list{display:flex;gap:14px;flex-wrap:wrap}.source-list a{font-size:12px;border:1px solid #bbb2a5;padding:10px 14px;border-radius:999px}.source-list a:hover{background:var(--ink);color:white}
.contact{background:#201d19;color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.contact h2{font-size:clamp(40px,4.6vw,65px)}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.social-links{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:9px;width:100%;max-width:520px}.social-links a{display:flex;align-items:center;gap:10px;color:#c5beb4;border:1px solid rgba(255,255,255,.13);padding:10px 12px;font-size:12px}.social-links a:hover{background:white;color:var(--ink)}.social-links a span{width:27px;height:27px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;letter-spacing:0}
footer{padding:32px max(28px,calc((100vw - var(--max))/2));background:#0d0c0b;color:white;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;font-size:11px}footer>div:first-child{display:flex;flex-direction:column}footer span{color:#7f7971}.footer-socials{display:flex;gap:18px;color:#9a938b}.footer-socials a:hover{color:white}.footer-links{display:flex;gap:22px;justify-content:flex-end}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.nav{gap:15px}.nav a{font-size:11px}.brand-text{font-size:11px}}
@media(max-width:960px){
 .nav-toggle{display:block}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:25px 28px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #cbc2b5}.nav.open{display:flex}.brand-text{display:none}
 .hero{padding-top:50px}.hero-grid,.story-grid,.service-grid,.section-intro,.book-grid,.contact{grid-template-columns:1fr;gap:45px}.hero-grid{gap:50px}.portrait-card{max-width:520px}.hero-facts{grid-template-columns:repeat(2,1fr)}.hero-facts div{padding-left:0;margin-right:15px;padding-bottom:15px}.service-cards{grid-template-columns:1fr}.service-cards article{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.media-placeholder-grid{grid-template-columns:1fr}.book-grid{gap:55px}.expertise-grid{grid-template-columns:repeat(2,1fr)}.credentials-strip{grid-template-columns:1fr}.contact-actions{align-items:flex-start}footer{grid-template-columns:1fr;align-items:flex-start}.footer-links{justify-content:flex-start}
}
@media(max-width:640px){
 .site-header{height:70px}.nav{top:70px}.hero{min-height:auto;padding-bottom:30px}.hero h1{font-size:51px}.hero-lead{font-size:17px}.hero-facts{grid-template-columns:1fr}.hero-facts div{border-right:0;border-bottom:1px solid #d8d0c4;padding:20px 0}.section{padding-top:78px;padding-bottom:78px}.portfolio-grid,.expertise-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:8px}.timeline-item time{font-size:20px}.timeline-item.parallel{padding-left:12px;padding-right:12px}.portrait-caption{flex-direction:column}.portrait-caption span{text-align:left}.footer-links,footer{flex-direction:column;align-items:flex-start;gap:10px}.hero-actions .btn,.book-actions .btn{width:100%}.social-links{grid-template-columns:1fr}.social-inline{gap:11px}
}

.skip-link{position:fixed;left:12px;top:12px;z-index:100000;transform:translateY(-160%);background:#171512;color:#fff;padding:10px 14px;border-radius:4px;text-decoration:none;font:700 12px/1 Arial,sans-serif;letter-spacing:.04em}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #b89a6a;outline-offset:3px}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1!important;transform:none!important}
}

.language-switcher{display:flex;align-items:center;gap:7px;margin-left:18px;font-size:10px;font-weight:800;letter-spacing:.14em;white-space:nowrap}
.language-switcher span{opacity:.35}
.lang-btn{border:0;background:transparent;color:var(--muted);padding:7px 3px;cursor:pointer;font:inherit;letter-spacing:inherit;border-bottom:1px solid transparent}
.lang-btn:hover{color:var(--ink)}
.lang-btn.active{color:var(--wine);border-bottom-color:var(--wine)}
.shanghai-archive-link{display:inline-block;margin-top:12px;font-size:12px;font-weight:800;letter-spacing:.07em;color:var(--wine);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.shanghai-archive-link:hover{opacity:.72}
@media(max-width:960px){.language-switcher{margin-left:10px}}
@media(max-width:640px){.language-switcher{gap:5px;margin-left:8px}.lang-btn{padding:6px 2px}}