@font-face{font-family:XingheSerif;src:url('fonts/XingheSerif.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{--font-serif:var(--serif)}
:root{--bg:#0a0f1e;--text:#edf1fd;--muted:#a2afc9;--blue:#5b8cff;--blue-hi:#a9c1ff;--human:#f2d9a2;--world:#7dd4c2;--line:rgba(164,185,226,.18);--serif:XingheSerif,'Songti SC',serif;--font:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;--nav-height:70px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 28px);background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;color:var(--text);font:17px/1.8 var(--font);background:var(--bg);-webkit-font-smoothing:antialiased}main,footer{position:relative;z-index:1}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--human);outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:500;text-wrap:balance}img{max-width:100%;height:auto;display:block}button[hidden],[hidden]{display:none!important}::selection{background:#365a9c;color:white}section,[id]{scroll-margin-top:0}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.17em;color:var(--blue-hi);line-height:1.5}.skip-link{position:fixed;left:20px;top:-100px;background:var(--text);color:var(--bg);padding:10px 18px;border-radius:30px;z-index:100}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#essay-sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.65}.masthead{height:var(--nav-height);position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;gap:24px;padding:0 clamp(20px,4vw,64px);background:rgba(10,15,30,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(164,185,226,.09)}.brand{font-size:23px;font-weight:600;letter-spacing:-1px;text-decoration:none;display:flex;gap:7px;align-items:center}.brand-star{color:var(--human);font-size:17px}.chapter-nav{display:flex;gap:clamp(16px,2.5vw,36px);margin:auto;align-items:center}.chapter-nav a{text-decoration:none;color:var(--muted);font-size:13px;padding:20px 0;white-space:nowrap;transition:color .2s}.chapter-nav a:hover,.chapter-nav a[aria-current]{color:var(--human)}.chapter-nav a[aria-current]{box-shadow:inset 0 -1px var(--human)}.reading-toggle{border:1px solid var(--line);border-radius:30px;background:transparent;font-size:11px;letter-spacing:.04em;padding:8px 13px;min-height:36px;white-space:nowrap}.reading-toggle[aria-pressed=true]{color:var(--human);border-color:rgba(242,217,162,.45)}.reading-progress{position:absolute;bottom:-1px;height:1px;left:0;right:0}.reading-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--human));transform:scaleX(0);transform-origin:left center}
.essay-hero{min-height:790px;min-height:min(960px,100svh);position:relative;display:flex;align-items:center;padding:160px 8vw 145px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2;max-width:1100px;width:100%;margin:auto}.hero-copy>.eyebrow{margin-bottom:34px}.hero-copy h1{font-family:var(--serif);font-size:clamp(42px,5.9vw,83px);line-height:1.3;letter-spacing:-.045em}.hero-copy em{font-style:normal;color:var(--human)}.hero-deck{color:#c1cce1;font-size:clamp(15px,1.65vw,19px);line-height:1.85;margin-top:27px}.vision-lines{border-left:1px solid rgba(242,217,162,.4);padding-left:20px;margin-top:35px;font-size:13px;line-height:1.95;color:var(--muted)}.vision-lines p:last-child{color:#d9e2f6}.begin-link{display:inline-flex;gap:48px;align-items:center;margin-top:30px;text-decoration:none;font-size:12px;color:var(--human);padding:7px 0;border-bottom:1px solid rgba(242,217,162,.3)}.begin-link span{font-size:20px}.hero-foot{position:absolute;bottom:28px;left:8vw;right:8vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#8a9bbd}.horizon{position:absolute;width:150%;height:85%;left:-4%;top:52%;border-radius:50%;background:radial-gradient(ellipse at 50% 0,rgba(98,137,204,.08),#080d1a 32%);border-top:1px solid rgba(169,193,255,.55);box-shadow:0 -12px 70px rgba(72,106,185,.16),inset 0 8px 70px rgba(69,99,160,.08);transform:rotate(-18deg);pointer-events:none}.horizon:before{content:'';position:absolute;inset:-70px 0 0;background:radial-gradient(ellipse at 45% 10%,rgba(153,183,248,.14),transparent 48%);border-radius:50%}.horizon i{position:absolute;width:5px;height:5px;background:#fff1d4;border-radius:50%;left:38%;top:-3px;box-shadow:0 0 20px 7px rgba(242,217,162,.4)}
.essay-section{max-width:1200px;margin:auto;padding:112px 40px 12px}.section-heading{max-width:720px;margin:0 auto 45px}.section-heading .eyebrow{margin-bottom:22px}.section-heading h2{font-family:var(--serif);font-size:clamp(31px,4vw,48px);line-height:1.45;letter-spacing:-.025em}.section-deck{color:var(--muted);font-size:17px;line-height:1.8;margin-top:22px}.prose{max-width:720px;margin:0 auto;color:#cdd6e9;font-size:17px;line-height:2.05;overflow-wrap:break-word}.prose p+p{margin-top:1.45em}.prose .lead{font-size:20px;line-height:1.95;color:var(--text)}.prose strong{font-weight:600;color:var(--text)}.prose a,.practice-note a{color:var(--blue-hi)}.prose h3{font-family:var(--serif);font-size:29px;color:var(--text);line-height:1.6;margin:2.3em 0 1em}.prose h3:first-child{margin-top:0}.prose .source-note{font-size:12px;line-height:1.85;color:var(--muted);margin-top:28px}.prose blockquote{margin:34px 0;padding:0 0 0 24px;border-left:1px solid var(--human);font-family:var(--serif);font-size:24px;line-height:1.8;color:var(--human)}.essay-section+.essay-section:before{content:'';display:block;width:50px;height:1px;background:linear-gradient(90deg,var(--human),transparent);max-width:720px;margin:0 auto 65px 18%}
.product-figure{margin:42px 0}.product-figure .image-link{display:block;border:1px solid rgba(177,195,226,.24);border-radius:8px;overflow:hidden;background:#0f1928;box-shadow:0 20px 80px rgba(0,0,0,.2);cursor:zoom-in}.product-figure img{width:100%;transition:filter .3s}.image-link:hover img{filter:brightness(1.06)}.product-figure figcaption{padding-top:16px;font-size:12px;line-height:1.8;color:var(--muted)}.material-tag{font-size:10px;letter-spacing:.09em;color:var(--blue-hi)}.product-desktop{max-width:920px;margin:50px auto}.product-desktop figcaption{display:flex;justify-content:space-between;gap:24px}.practice-pair{display:grid;grid-template-columns:280px minmax(0,470px);gap:90px;align-items:center;justify-content:center;margin:72px auto;max-width:940px}.practice-pair figure{margin:0}.product-phone .image-link{border-radius:14px}.practice-note h3{font-family:var(--serif);font-size:34px;line-height:1.5;margin:18px 0 25px}.practice-note>p:not(.eyebrow){font-size:16px;line-height:2;color:#bdc9df;margin:1.3em 0}.practice-pair--reverse{grid-template-columns:minmax(0,470px) 260px}.practice-pair--reverse figure{grid-column:2;grid-row:1}.practice-pair--reverse .practice-note{grid-column:1;grid-row:1}.text-link{display:inline-flex;align-items:center;gap:25px;text-decoration:none;border-bottom:1px solid var(--line);padding:8px 0;font-size:12px}
.network-section .section-heading h2{color:var(--human)}.network-after{margin-top:64px}.participation-path{max-width:940px;margin:38px auto;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center;padding:27px 20px;border-block:1px solid var(--line);font-size:13px;color:var(--human)}.participation-path i{font-style:normal;color:#7587ab}.continuity-figure{position:relative;max-width:940px;margin:54px auto;padding:52px 25px;text-align:center;border-block:1px solid var(--line);background:radial-gradient(ellipse at center,rgba(41,66,125,.13),transparent 70%)}.changing-tools{display:flex;gap:clamp(20px,5vw,75px);justify-content:center;color:var(--blue-hi);font-size:13px;letter-spacing:.05em}.continuity-line{height:65px;width:1px;background:linear-gradient(transparent,var(--human));margin:15px auto 25px;position:relative}.continuity-line:after{content:'';width:5px;height:5px;position:absolute;background:var(--human);border-radius:50%;bottom:-2px;left:-2px;box-shadow:0 0 18px var(--human)}.continuity-figure figcaption>span{font-size:12px;color:var(--muted);display:block;margin-bottom:12px}.continuity-figure strong{font-family:var(--serif);font-size:clamp(22px,3vw,33px);line-height:1.6;font-weight:400;color:var(--human)}html[data-reading=motion] .changing-tools span{animation:tool-breathe 9s ease-in-out infinite}.changing-tools span:nth-child(2){animation-delay:-2s!important}.changing-tools span:nth-child(3){animation-delay:-4s!important}.changing-tools span:nth-child(4){animation-delay:-6s!important}@keyframes tool-breathe{0%,100%{opacity:.55}50%{opacity:1}}
.work-note{max-width:720px;margin:32px auto 52px;padding:21px 26px;border-left:1px solid rgba(242,217,162,.38);background:linear-gradient(90deg,rgba(242,217,162,.04),transparent);color:var(--muted);font-size:14px;line-height:1.9}.work-note p+p{margin-top:9px}.work-note strong,.work-note a{color:var(--human);font-weight:400}.work-note .eyebrow{color:var(--human);margin-bottom:9px}.research-essay+.research-essay{margin-top:65px}.prose ol,.prose ul{padding-left:1.45em}.prose li{margin:1.2em 0}.research-bridge{font-family:var(--serif);font-size:24px!important;color:var(--human)}
.closing{position:relative;max-width:1200px;margin:100px auto 0;padding:100px 40px 80px;text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 110%,rgba(91,140,255,.17),transparent 65%)}.closing .eyebrow{margin-bottom:28px}.closing h2{font-family:var(--serif);font-size:clamp(33px,4vw,52px);line-height:1.5}.closing .vision-lines{border:0;padding:0;font-size:clamp(14px,1.5vw,17px);line-height:2.1;margin-top:36px}.closing>p{max-width:650px;margin:28px auto;color:var(--muted);font-size:16px;line-height:2}.closing-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:34px}.closing-links a{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:10px 20px;text-decoration:none}.closing-links a:first-child{border-color:rgba(242,217,162,.4);color:var(--human)}.site-footer{max-width:1120px;padding:30px 0 45px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px}.site-footer a{text-decoration:none}.site-footer div{display:flex;gap:20px}.image-dialog{border:1px solid var(--line);padding:18px;background:#0c1322;color:var(--text);max-width:min(96vw,1200px);max-height:94svh;overscroll-behavior:contain;border-radius:12px}.image-dialog::backdrop{background:rgba(3,7,15,.9);backdrop-filter:blur(10px)}.image-dialog img{margin:auto;max-height:78svh;width:auto;object-fit:contain}.image-dialog .zoom-caption{max-width:900px;margin:12px auto 0;color:var(--muted);font-size:12px}.zoom-close{display:block;margin:0 0 12px auto;border:1px solid var(--line);border-radius:30px;background:#152039;padding:6px 18px;font-size:13px;min-height:38px}.image-dialog[open]{animation:dialog-in .18s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}html[data-reading=static]{scroll-behavior:auto}html[data-reading=static] *,html[data-reading=static] *:before,html[data-reading=static] *:after{animation:none!important;transition:none!important}
@media(min-width:1600px){.essay-hero{padding-left:max(8vw,calc((100vw - 1100px)/2))}.hero-copy{margin:0}}
@media(max-width:900px){.masthead{gap:18px}.chapter-nav{gap:20px}.practice-pair{gap:44px;grid-template-columns:240px minmax(0,1fr)}.practice-pair--reverse{grid-template-columns:minmax(0,1fr) 230px}.practice-note h3{font-size:28px}.essay-section{padding-inline:32px}.site-footer{margin:0 32px}.product-desktop figcaption{display:block}.product-desktop figcaption p{margin-top:6px}}
@media(max-width:650px){:root{--nav-height:101px}.masthead{height:101px;padding:10px 20px 0;display:grid;grid-template-columns:1fr auto;gap:0}.brand{font-size:21px}.reading-toggle{grid-column:2;grid-row:1;padding:5px 12px;font-size:10px}.chapter-nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:10px;margin:0}.chapter-nav a{font-size:12px;padding:12px 0 10px}.essay-hero{min-height:760px;min-height:100svh;padding:160px 24px 95px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:28px}.hero-copy h1{font-size:clamp(34px,8.9vw,52px);line-height:1.45;letter-spacing:-.045em}.hero-deck{font-size:14px;margin-top:22px;max-width:320px}.desktop-break{display:none}.vision-lines{padding-left:14px;font-size:11px;line-height:2;margin-top:28px}.begin-link{margin-top:25px}.hero-foot{left:24px;right:24px;font-size:9px;letter-spacing:.07em;bottom:23px}.horizon{top:62%;width:220%;left:-20%;height:55%;transform:rotate(-23deg)}.essay-section{padding:76px 24px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:32px;line-height:1.5}.section-heading .eyebrow{margin-bottom:18px}.section-deck{font-size:15px}.prose{font-size:16px;line-height:2}.prose .lead{font-size:18px;line-height:1.95}.prose h3{font-size:25px;margin-top:2.1em}.essay-section+.essay-section:before{margin:0 0 45px;width:35px}.product-desktop{margin:35px 0}.product-figure figcaption{font-size:11px}.practice-pair,.practice-pair--reverse{display:flex;flex-direction:column;gap:30px;margin:55px 0}.practice-note{order:0}.practice-pair figure{order:1;max-width:260px;width:74%;margin:0 auto}.practice-note h3{font-size:29px}.practice-note>p:not(.eyebrow){font-size:16px}.practice-pair--reverse figure{max-width:240px}.participation-path{gap:12px 9px;font-size:11px;padding:22px 8px;margin:28px auto}.participation-path i{font-size:10px}.continuity-figure{padding:35px 12px;margin:35px auto}.changing-tools{font-size:11px;gap:30px}.continuity-figure strong{font-size:22px}.work-note{padding:18px;margin:28px auto 38px;font-size:13px}.closing{margin-top:65px;padding:70px 24px}.closing>p{font-size:15px;text-align:left}.closing h2{font-size:32px}.closing .vision-lines{font-size:12px}.closing-links{gap:10px}.closing-links a{font-size:11px;padding:9px 15px}.site-footer{margin:0 24px;flex-direction:column;padding:24px 0 30px;gap:12px}.image-dialog{padding:10px}.image-dialog img{max-height:74svh}.prose blockquote{font-size:21px;padding-left:17px}}
@media(max-width:350px){.masthead{padding-inline:16px}.essay-section{padding-inline:20px}.essay-hero{padding-inline:20px}.hero-copy h1{font-size:32px}.vision-lines{font-size:10px}.section-heading h2{font-size:28px}.participation-path{gap:8px;font-size:10px}.changing-tools{gap:22px}.closing{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the vision at the center, with the original coastal world behind it. */
.brand{gap:9px;letter-spacing:.04em;font-size:16px;white-space:nowrap}.brand img{flex:none;width:38px;height:38px}.hero-landscape{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(6,12,25,.94) 0%,rgba(6,12,25,.77) 36%,rgba(6,12,25,.28) 75%),linear-gradient(0deg,#0a0f1e 0%,transparent 45%,rgba(10,15,30,.45) 100%),url('assets/silent-reef.webp');background-size:cover;background-position:center,center,68% center}.essay-hero{min-height:850px;min-height:max(780px,100svh);padding-top:150px;padding-bottom:120px}.hero-copy h1{font-size:clamp(38px,5.5vw,72px);line-height:1.42;letter-spacing:-.05em}.hero-copy h1>span,.hero-copy h1>em,.closing h2>span,.closing h2>em{display:block}.hero-copy>.eyebrow{margin-bottom:25px}.hero-question{font-family:var(--serif);font-size:clamp(18px,2vw,24px);color:#e4eaf7;margin-top:30px;line-height:1.7}.hero-deck{margin-top:12px;font-size:16px}.begin-link{margin-top:25px}.closing h2{font-size:clamp(29px,4.5vw,57px);line-height:1.55;letter-spacing:-.04em}.closing em{font-style:normal;color:var(--human)}.product-desktop figcaption{align-items:center}.product-desktop figcaption .text-link{padding:0}.open-work{max-width:920px;margin:48px auto 0;padding:30px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1.35fr 1fr;gap:50px}.open-work h3{font-family:var(--serif);font-size:25px;line-height:1.7;margin:15px 0}.open-work p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:2}.open-work nav{display:flex;flex-direction:column;justify-content:center}.open-work nav a{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:12px;color:var(--blue-hi)}.open-work nav a:last-child{border:0}.open-work nav a strong{font-size:15px;font-weight:500;color:var(--human)}
@media(max-width:650px){.brand{font-size:15px}.brand img{width:31px;height:31px}.essay-hero{min-height:max(735px,100svh);padding:149px 24px 94px}.hero-copy h1{font-size:clamp(30px,8.8vw,51px);line-height:1.55;letter-spacing:-.065em}.hero-copy>.eyebrow{margin-bottom:24px}.hero-question{font-size:17px;margin-top:26px}.hero-deck{font-size:14px;max-width:340px}.hero-landscape{background-image:linear-gradient(0deg,#0a0f1e 0%,rgba(6,12,25,.28) 30%,rgba(6,12,25,.87) 72%),url('assets/silent-reef.webp');background-position:center,63% center}.closing h2{font-size:clamp(25px,7.7vw,43px)}.open-work{display:block;margin-top:36px;padding-top:25px}.open-work h3{font-size:24px}.open-work nav{margin-top:18px}.open-work nav a{min-height:60px}.product-desktop figcaption .text-link{margin-top:7px}.cosmos-figure{margin-inline:-8px}}
@media(max-width:350px){.essay-hero{padding-inline:20px}.hero-copy h1{font-size:28px}.hero-question{font-size:15px}.closing h2{font-size:24px}}

/* English edition: language switch and Latin typography tuned from the Chinese settings */
.lang-switch{display:inline-flex;align-items:center;min-height:36px;padding:6px 4px;font-size:12px;letter-spacing:.04em;color:var(--dim,#93a9c6);white-space:nowrap}
.lang-switch:hover,.lang-switch:focus-visible{color:var(--human,#f2d9a2)}
html[lang="en"] .hero-copy h1,html[lang="en"] .section-heading h2,html[lang="en"] .closing h2{letter-spacing:-.015em;word-spacing:.02em}
html[lang="en"] .eyebrow{letter-spacing:.14em}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{text-wrap:balance}
html[lang="en"] p{text-wrap:pretty}
@media(min-width:651px) and (max-width:1100px){
  :root{--nav-height:101px}
  .masthead{height:101px;padding:10px 24px 0;display:grid;grid-template-columns:1fr auto auto;gap:0 14px}
  .lang-switch{grid-column:2;grid-row:1}
  .reading-toggle{grid-column:3;grid-row:1}
  .chapter-nav{grid-column:1/-1;grid-row:2;width:100%;margin:0;justify-content:space-between;gap:18px;overflow-x:auto;scrollbar-width:none}
  .chapter-nav a{flex:none;padding:12px 0 10px}
}
@media(max-width:650px){
  .masthead{grid-template-columns:1fr auto auto;column-gap:10px}
  .lang-switch{grid-column:2;grid-row:1;font-size:11px}
  .reading-toggle{grid-column:3}
  .chapter-nav{justify-content:flex-start;gap:18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-right:16px}
  .chapter-nav::-webkit-scrollbar{display:none}
  .chapter-nav a{flex:none}
  html[lang="en"] .hero-copy h1{font-size:clamp(28px,8vw,40px);letter-spacing:-.02em;line-height:1.18}
}

/* 2026-09-26: footer links wrap on phones; the practice note keeps its heading rhythm inside .prose */
.site-footer,.site-footer div{flex-wrap:wrap;row-gap:10px}
.prose .practice-note h3{margin-top:18px}
.prose>.practice-note{margin-top:72px}
@media(max-width:650px){.prose>.practice-note{margin-top:55px}}

/* 2026-09-26: legal line in the footer */
.site-footer .legal{flex-basis:100%;margin:0;font-size:11px;line-height:1.7;color:var(--muted)}
.site-footer .legal a{color:inherit}
/* XingheSerif supplement (auto-generated 2026-09-26): Noto Serif SC variable slices (SIL OFL 1.1) for characters missing from XingheSerif.woff2 */
@font-face{font-family:'XingheSerif';src:url('fonts/xinghe-104.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+2193}
@font-face{font-family:'XingheSerif';src:url('fonts/xinghe-106.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+2191}
@font-face{font-family:'XingheSerif';src:url('fonts/xinghe-113.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+6D59}
@font-face{font-family:'XingheSerif';src:url('fonts/xinghe-118.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+53F7,U+5907,U+6587}
@font-face{font-family:'XingheSerif';src:url('fonts/xinghe-119.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+4E2D}
@font-face{font-family:'XingheSerif';src:url('fonts/xinghe-latin.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+2019}

/* Use Latin punctuation metrics in the English essay. */
html[lang="en"]{--serif:Georgia,"Times New Roman",serif}