@charset "UTF-8";
:root{color-scheme:light;--paper:#f4f0e7;--ink:#172625;--muted:#68706a;--accent:#ac4724;--line:#d5d5c9;--body:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;--brand-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 2% 10%,#fff9e780,transparent 55%),radial-gradient(ellipse at 95% 95%,#d9dfcd38,transparent 50%);z-index:-1}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
button[hidden]{display:none}
h1,h2,h3,p,figure{margin:0}
::selection{background:#e3b69a;color:var(--ink)}
.page-shell{width:min(1680px,100%);min-height:100svh;margin:auto;padding:clamp(24px,3.2vw,54px) clamp(24px,4.5vw,80px) 25px;display:flex;flex-direction:column}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.identity{display:flex;align-items:center;gap:24px}
/* Brand font stack and weight follow assets/site.css. */
.brand{display:flex;align-items:center;gap:14px;font-family:var(--brand-font);font-size:26px;font-weight:600;letter-spacing:-.035em;line-height:1;white-space:nowrap}
.brand-logo{display:block;width:88px;height:auto;object-fit:contain}
.brand-name{font-family:var(--brand-font)}
.edition{font-family:var(--brand-font);font-size:21px;letter-spacing:-.6px;background:var(--ink);color:var(--paper);display:inline-block;vertical-align:middle;margin-left:0;padding:6px 9px 5px;border-radius:7px}
.club{font-size:12px;letter-spacing:.2em;padding-top:5px;color:var(--muted)}
.fullscreen{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:transparent;font-size:12px;padding:8px 11px}
.fullscreen:hover{background:#e8e6dc}
.conversation{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(50px,6vw,100px);align-items:center;flex:1;padding:clamp(40px,4.4vw,74px) 0}
.intro{min-width:0;display:flex;flex-direction:column;gap:clamp(40px,4.5vw,70px)}
.eyebrow{font-size:12px;font-weight:500;letter-spacing:.19em;display:flex;gap:12px;align-items:center;color:var(--muted);margin-bottom:22px}
.small-line{display:inline-block;width:28px;height:2px;background:var(--accent)}
h1{font-family:var(--serif);font-weight:700;letter-spacing:-.055em;line-height:1.19}
h1 span{font-size:clamp(40px,4.3vw,70px);display:block}
h1 strong{display:block;color:var(--accent);font-size:clamp(43px,4.6vw,76px);font-weight:700;margin-top:6px;white-space:nowrap}
.values{margin-top:25px;font-size:clamp(12px,1vw,15px);letter-spacing:.035em;color:var(--muted);line-height:1.8}
.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.5vw,24px)}
.portrait{aspect-ratio:4/4.65;position:relative;overflow:hidden;background:#e3e3dc;border-radius:20px}
.portrait img{display:block;width:100%;height:100%;object-fit:cover}
.portrait--pin img{object-position:50% 45%}
.portrait--ally{background:#0c0916}
.portrait--ally img{object-position:50% 40%}
.portrait--wang img{object-position:50% 30%}
.person figcaption{padding-top:13px}
.role{display:block;font-size:11px;letter-spacing:.14em;color:var(--muted);margin-bottom:4px}
.person h2{font-size:clamp(17px,1.6vw,25px);line-height:1.35;font-weight:600;letter-spacing:-.035em;white-space:nowrap}
.topics{min-width:0;align-self:center}
.topics-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;padding-bottom:18px;border-bottom:1px solid var(--ink)}
.topics-heading h2{font-size:13px;letter-spacing:.12em;font-weight:600}
.topics-heading>span{font-size:8px;letter-spacing:.13em;color:var(--muted)}
/* Preserve each row's space as the host reveals one question per click. */
.topic-controls{display:flex;align-items:center;gap:14px;margin:4px 0 10px}
.topic-controls[hidden]{display:none}
.reveal-next,.reveal-reset{border-radius:12px;padding:9px 13px;font-size:12px;line-height:1.4}
.reveal-next{border:1px solid var(--ink);background:var(--ink);color:var(--paper)}
.reveal-next:hover:not(:disabled){background:#2d4140}
.reveal-next:disabled{background:transparent;color:var(--muted);border-color:var(--line);cursor:default}
.reveal-reset{margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--muted)}
.reveal-reset:hover:not(:disabled){color:var(--ink);background:#e8e6dc}
.reveal-reset:disabled{opacity:.4;cursor:default}
.reveal-progress{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.reveal-mode .topic-list li{visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
.reveal-mode .topic-list li.is-revealed{visibility:visible;opacity:1;transform:none}
.topic-list{list-style:none;padding:0;margin:0}
.topic-list li{display:grid;grid-template-columns:47px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.topic-number{font-family:"Baskerville","Palatino Linotype",serif;font-size:32px;font-style:italic;color:var(--accent);line-height:1.25}
.topic-list h3{font-family:var(--serif);font-size:clamp(22px,2vw,32px);font-weight:600;line-height:1.5;letter-spacing:-.035em}
.topic-list li:last-child{border-bottom:0;padding-bottom:0}
.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted);letter-spacing:.14em}
.page-footer>span:nth-child(2){letter-spacing:.1em;font-size:12px}
.page-footer a{letter-spacing:.02em}
.page-footer a:hover{color:var(--accent)}
.skip-link{position:fixed;left:20px;top:-100px;background:var(--ink);color:var(--paper);padding:12px 18px;z-index:20}
.skip-link:focus{top:10px}
.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px) and (max-height:1000px){.page-shell{padding-top:25px;padding-bottom:20px}.masthead{padding-bottom:18px}.conversation{padding-block:22px;gap:5vw}.intro{gap:38px}.topic-list li{padding-block:12px}.portrait{aspect-ratio:1/1}.topic-list h3{font-size:clamp(22px,1.9vw,30px);line-height:1.4}.page-footer{padding-top:15px}}
@media(min-width:1000px) and (max-height:800px){.topic-list li{padding-block:10px}.topic-controls{margin-bottom:6px}}
@media(min-width:1800px){.page-shell{justify-content:center}.conversation{flex:0;padding-block:50px}.intro{gap:65px}.topic-list li{padding-block:22px}.portrait{aspect-ratio:4/4.2}}
@media(max-width:1000px){.conversation{gap:40px;grid-template-columns:1fr 1fr}.club{display:none}h1 span{font-size:40px}h1 strong{font-size:42px}.values{font-size:11px;letter-spacing:0}.people{gap:10px}.person h2{font-size:17px}.topic-list h3{font-size:22px}.topic-list li{grid-template-columns:32px 1fr;gap:10px;padding-block:19px}.topic-number{font-size:27px}.topics-heading>span{font-size:7px;letter-spacing:.03em}}
@media(max-width:740px){.page-shell{padding:25px 24px 22px}.masthead{padding-bottom:22px}.brand{font-size:18px;gap:10px}.brand-logo{width:56px}.edition{font-size:16px;padding:5px 7px}.conversation{display:flex;flex-direction:column;gap:52px;padding:42px 0}.intro,.topics{width:100%}.intro{gap:34px}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:20px}h1 span{font-size:clamp(34px,8.8vw,57px)}h1 strong{font-size:clamp(35px,9.7vw,66px);margin-top:8px}.values{font-size:11px;margin-top:18px}.people{gap:13px}.portrait{aspect-ratio:4/4.7}.person figcaption{padding-top:11px}.person h2{font-size:clamp(16px,4.2vw,25px)}.role{font-size:10px}.topics-heading>span{font-size:8px;letter-spacing:.06em}.topic-list li{grid-template-columns:35px 1fr;padding:22px 0;gap:15px}.topic-list h3{font-size:clamp(23px,5.8vw,30px)}.topic-number{font-size:30px}.page-footer{flex-wrap:wrap;row-gap:10px;font-size:9px}.page-footer>span:nth-child(2){order:3;flex-basis:100%;font-size:11px}.fullscreen span{display:none}.fullscreen{padding:8px}.club{display:none}}
@media(max-width:359px){.brand{font-size:14px;gap:6px}.brand-logo{width:40px}.edition{font-size:14px;padding:5px 6px}.masthead{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-mode .topic-list li{transition:none;transform:none}}
@media print{.reveal-mode .topic-list li{visibility:visible;opacity:1;transform:none}.topic-controls,.fullscreen,.skip-link{display:none!important}.page-shell{min-height:0;padding:20px}.conversation{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:30px 0}.intro{gap:30px}h1 span{font-size:36px}h1 strong{font-size:40px}.topic-list h3{font-size:21px}.portrait{aspect-ratio:1/1}.topic-list li{padding-block:13px}.page-footer{padding-top:14px}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}