.page{position:relative;width:100%;padding-inline:var(--page-pad)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);max-width:1440px;margin-inline:auto}.col-full{grid-column:1 / -1}.col-main{grid-column:2 / 10}.col-narrow{grid-column:3 / 9}.col-side{grid-column:10 / 13}.col-wide{grid-column:1 / -1}.col-center-narrow{grid-column:4 / 10}@media (max-width: 900px){.col-main,.col-narrow,.col-side,.col-center-narrow{grid-column:1 / -1}}.chapter{position:relative;padding-block:clamp(56px,8vh,112px);display:flex;flex-direction:column;justify-content:center}.interlude{min-height:68vh;padding-block:clamp(48px,8vh,96px);display:grid;place-items:center;position:relative;overflow:hidden}.interlude .watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.06;pointer-events:none;z-index:0;color:var(--ink)}.interlude .watermark svg{width:min(75vw,820px);height:auto}.interlude .stele,.interlude .sub{position:relative;z-index:1}.topnav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--page-pad);z-index:50;background:linear-gradient(to bottom,color-mix(in srgb,var(--ground) 90%,transparent),transparent);mix-blend-mode:multiply}.topnav .mark{font-weight:700;letter-spacing:.3em;font-size:var(--fs-micro);text-transform:uppercase}.topnav .progress{width:40vw;max-width:420px;height:1px;background:color-mix(in srgb,var(--ink) 18%,transparent);position:relative}.topnav .progress:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--progress, 0%);background:var(--ink);transition:width .12s linear}.topnav .tick{font-size:var(--fs-micro);letter-spacing:.2em;color:color-mix(in srgb,var(--ink) 60%,var(--ground))}.topnav .map-link{font-size:var(--fs-micro);letter-spacing:.22em;color:color-mix(in srgb,var(--ink) 55%,var(--ground));text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .2s var(--ease-ink),border-color .2s var(--ease-ink)}.topnav .map-link:hover{color:var(--ink);border-bottom-color:var(--ink)}.rail{position:fixed;left:0;right:0;bottom:0;height:var(--rail-h);background:color-mix(in srgb,var(--bone) 92%,transparent);border-top:1px solid color-mix(in srgb,var(--ink) 15%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:40;display:flex;align-items:stretch;overflow:hidden}.rail .rail-label{flex:0 0 auto;padding:0 20px;display:flex;align-items:center;font-size:var(--fs-micro);letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 70%,var(--ground));border-right:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.rail .rail-track{flex:1 1 auto;display:flex;align-items:center;gap:32px;padding:0 24px;overflow:hidden;position:relative}.rail .rail-item{flex:0 0 auto;display:flex;align-items:center;gap:10px;opacity:.8}.rail .rail-item svg{width:52px;height:52px}.rail .rail-item .rail-meta{display:flex;flex-direction:column;font-size:var(--fs-micro);letter-spacing:.1em;color:color-mix(in srgb,var(--ink) 75%,var(--ground))}.rail .rail-item .rail-meta strong{font-weight:500;font-size:var(--fs-caption);color:var(--ink);letter-spacing:0;margin-bottom:2px}.rail.rail-jade{bottom:0}.rail.rail-bird{bottom:var(--rail-h);background:color-mix(in srgb,var(--jade) 20%,var(--bone))}.rails-hidden .rail{transform:translateY(100%);transition:transform .6s var(--ease-ink)}@media (max-width: 700px){:root{--rail-h: 64px}.rail .rail-item svg{width:40px;height:40px}.rail.rail-bird{display:none}}figure{position:relative}figure .frame{position:relative;overflow:hidden;background:color-mix(in srgb,var(--ink) 8%,var(--ground));border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}figure .frame img,figure .frame .gradient-still{width:100%;height:100%;object-fit:cover;display:block}.ar-16-9{aspect-ratio:16 / 9}.ar-1-1{aspect-ratio:1 / 1}.ar-3-4{aspect-ratio:3 / 4}.ar-4-3{aspect-ratio:4 / 3}.ar-21-9{aspect-ratio:21 / 9}.divider-v{width:1px;height:60px;background:color-mix(in srgb,var(--ink) 30%,transparent);margin:48px auto}main{padding-bottom:calc(var(--rail-h) * 2 + 16px)}@media (max-width: 700px){main{padding-bottom:calc(var(--rail-h) + 16px)}}.stack>*+*{margin-top:24px}.stack-tight>*+*{margin-top:12px}.stack-loose>*+*{margin-top:48px}.text-center{text-align:center}.justify-self-center{justify-self:center}.chapter--prologue{min-height:92vh;padding-block:14vh 8vh;background:var(--bone);position:relative;overflow:hidden}.chapter--prologue:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--ink) 5%,transparent) 100%);z-index:0}.chapter--prologue .grid{position:relative;z-index:1}.chapter--prologue .mark-signature{font-family:var(--font-serif-en);font-style:italic;font-size:clamp(14px,1.2vw,16px);letter-spacing:.1em;color:color-mix(in srgb,var(--ink) 75%,var(--ground));margin-bottom:32px}.chapter--prologue .mark-signature:before{content:"";display:inline-block;width:40px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px;transform:translateY(-2px)}.chapter--prologue h1{font-family:var(--font-serif-cn);font-weight:900;font-size:clamp(44px,7.6vw,120px);line-height:1.04;letter-spacing:-.02em;margin-bottom:36px}.chapter--prologue h1 em{font-style:normal;font-weight:300;color:color-mix(in srgb,var(--ink) 55%,var(--ground));display:block;font-size:.44em;letter-spacing:.12em;margin-top:20px}.chapter--prologue .credits{display:grid;grid-template-columns:max-content 1fr;gap:12px 32px;font-size:var(--fs-caption);color:color-mix(in srgb,var(--ink) 75%,var(--ground));letter-spacing:.05em;margin-top:48px}.chapter--prologue .credits dt{text-transform:uppercase;letter-spacing:.25em;font-size:var(--fs-micro);color:color-mix(in srgb,var(--ink) 55%,var(--ground))}.chapter--prologue .credits dd{color:var(--ink);font-weight:500}.chapter--prologue .scroll-hint{position:absolute;bottom:calc(var(--rail-h) * 2 + 24px);left:50%;transform:translate(-50%);font-size:var(--fs-micro);letter-spacing:.4em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 60%,var(--ground));display:flex;flex-direction:column;align-items:center;gap:12px}.chapter--prologue .scroll-hint:after{content:"";width:1px;height:40px;background:currentColor;animation:dropLine 2.4s infinite var(--ease-settle);transform-origin:top}@keyframes dropLine{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(0);transform-origin:bottom}}.interlude{background:color-mix(in srgb,var(--ground) 85%,var(--ink) 0%)}.interlude .stele{position:relative}.interlude .stele:after{content:attr(data-pinyin);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-serif-en);font-style:italic;font-size:.12em;letter-spacing:.4em;color:color-mix(in srgb,var(--ink) 0%,transparent);opacity:0}.interlude .sub{position:absolute;bottom:12vh;left:50%;transform:translate(-50%);font-size:var(--fs-caption);letter-spacing:.4em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 60%,var(--ground))}.chapter--01{background:var(--ground)}.chapter--01 .hero{position:relative;grid-column:1 / -1;height:min(62vh,640px);margin-bottom:64px}.chapter--01 .hero .frame{position:absolute;top:0;right:0;bottom:0;left:0}.chapter--01 .hero .overlay-vertical{position:absolute;right:6vw;top:8%;bottom:8%;display:flex;align-items:center}.chapter--01 .hero .title-vertical{color:var(--bone);mix-blend-mode:difference;font-size:clamp(28px,3.2vw,44px)}.chapter .two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}@media (max-width: 820px){.chapter .two-col{grid-template-columns:1fr}}.scene{padding:32px 0;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.scene .scene-label{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.3em;color:color-mix(in srgb,var(--ink) 60%,var(--ground));margin-bottom:16px;display:flex;justify-content:space-between;align-items:baseline}.scene h3{font-weight:700;font-size:clamp(22px,2.4vw,32px);line-height:1.3;margin-bottom:16px;letter-spacing:-.01em}.chapter--02{background:var(--ground)}.chapter--02 .split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,96px);align-items:stretch}@media (max-width: 820px){.chapter--02 .split{grid-template-columns:1fr}}.chapter--02 figure.hero{height:min(72vh,640px);min-height:420px}.chapter--02 figure.hero .frame{height:100%}.chapter--03{background:var(--ground);padding-block:clamp(72px,10vh,140px)}.chapter--03 .axis-composition{position:relative;display:grid;grid-template-columns:1fr minmax(260px,360px) 1fr;gap:48px;align-items:center;justify-items:center;text-align:center}.chapter--03 .axis-composition .pagoda{width:100%;max-width:360px}.chapter--03 .axis-composition figure{text-align:left}.chapter--03 .axis-composition figure:nth-child(1){text-align:right}.chapter--03 h2{font-size:clamp(36px,5vw,72px);margin-block:.3em .5em}.chapter--03 .center-text{max-width:42ch;margin:40px auto 0;text-align:center;font-size:var(--fs-lede);line-height:1.6}@media (max-width: 900px){.chapter--03 .axis-composition{grid-template-columns:1fr}.chapter--03 .axis-composition figure{text-align:center!important}}.chapter--04{background:var(--ground);position:relative}.chapter--04 .loess-hero{grid-column:1 / -1;height:min(62vh,620px);position:relative;margin-bottom:64px}.chapter--04 .loess-hero .frame{height:100%}.chapter--04 .loess-hero .title{position:absolute;left:6vw;bottom:8%;color:var(--bone);font-size:clamp(60px,9vw,140px);font-weight:900;line-height:.95;letter-spacing:-.03em;mix-blend-mode:difference}.chapter--05{background:color-mix(in srgb,var(--bone) 70%,var(--ground));padding-block:clamp(72px,10vh,120px)}.chapter--05 .intro{max-width:52ch;margin:0 auto 72px;text-align:center}.chapter--05 .thread{margin-bottom:96px}.chapter--05 .thread-head{display:flex;align-items:baseline;justify-content:center;gap:24px;margin-bottom:48px;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding-bottom:16px}.chapter--05 .thread-head .glyph{font-size:clamp(80px,9vw,140px);font-weight:900;line-height:.9;letter-spacing:-.04em}.chapter--05 .thread-head .thread-meta{flex:1;display:flex;flex-direction:column}.chapter--05 .thread-head .thread-meta .en{font-family:var(--font-serif-en);font-style:italic;font-size:22px;color:color-mix(in srgb,var(--ink) 70%,var(--ground))}.chapter--05 .thread-head .thread-meta .desc{font-size:var(--fs-caption);line-height:1.6;color:color-mix(in srgb,var(--ink) 75%,var(--ground));margin-top:8px}.chapter--05 .specimen-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:48px}.chapter--05 .specimen{display:flex;flex-direction:column;align-items:center;text-align:center}.chapter--05 .specimen .plate{width:100%;aspect-ratio:1 / 1;display:grid;place-items:center;background:var(--bone);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding:16%;transition:transform .4s var(--ease-settle),background .4s var(--ease-settle)}.chapter--05 .specimen .plate:hover{transform:rotate(-1.2deg) translateY(-4px);background:color-mix(in srgb,var(--jade) 25%,var(--bone))}.chapter--05 .specimen .plate svg{width:100%;height:100%;filter:drop-shadow(0 8px 20px color-mix(in srgb,var(--ink) 20%,transparent))}.chapter--05 .specimen-name{margin-top:24px;font-weight:700;font-size:18px;letter-spacing:.02em}.chapter--05 .specimen-era{font-family:var(--font-serif-en);font-style:italic;font-size:13px;color:color-mix(in srgb,var(--ink) 65%,var(--ground));margin-top:4px}.chapter--05 .specimen-note{font-size:var(--fs-caption);color:color-mix(in srgb,var(--ink) 70%,var(--ground));margin-top:10px;max-width:26ch;line-height:1.55}.chapter--06{background:#1a1f1c;color:var(--bone);padding-block:clamp(96px,14vh,180px)}.chapter--06 .closing{max-width:52ch;margin:0 auto;text-align:center}.chapter--06 .closing p{color:color-mix(in srgb,var(--bone) 85%,transparent);font-size:clamp(18px,1.8vw,22px);line-height:1.9;margin-block:1.2em}.chapter--06 .closing h2{font-weight:300;font-size:clamp(48px,6vw,96px);line-height:1.05;letter-spacing:-.02em;margin:32px 0 64px;color:var(--bone)}.chapter--06 .closing h2 strong{font-weight:900}.chapter--06 .credits-reel{margin-top:128px;padding-top:48px;border-top:1px solid color-mix(in srgb,var(--bone) 20%,transparent);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;max-width:720px;margin-inline:auto;text-align:left}.chapter--06 .credits-reel .credit-item{font-size:var(--fs-caption);color:color-mix(in srgb,var(--bone) 75%,transparent)}.chapter--06 .credits-reel .credit-item dt{font-size:var(--fs-micro);letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb,var(--bone) 55%,transparent);margin-bottom:6px}.chapter--06 .credits-reel .credit-item dd{color:var(--bone);letter-spacing:.05em}.chapter--06 .colophon{margin-top:96px;text-align:center;font-family:var(--font-serif-en);font-style:italic;font-size:15px;color:color-mix(in srgb,var(--bone) 55%,transparent);letter-spacing:.1em}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-settle) var(--ease-settle),transform var(--dur-settle) var(--ease-settle);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.12s}.reveal[data-delay="2"]{transition-delay:.24s}.reveal[data-delay="3"]{transition-delay:.36s}.reveal[data-delay="4"]{transition-delay:.48s}.ink-mask{-webkit-mask-image:radial-gradient(circle at center,black 20%,transparent 70%);mask-image:radial-gradient(circle at center,black 20%,transparent 70%);-webkit-mask-size:220% 220%;mask-size:220% 220%;-webkit-mask-position:center;mask-position:center;transition:-webkit-mask-size var(--dur-ink) var(--ease-ink),mask-size var(--dur-ink) var(--ease-ink)}.ink-mask.is-visible{-webkit-mask-size:400% 400%;mask-size:400% 400%}.frame{isolation:isolate}.frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:multiply;background:color-mix(in srgb,var(--ink) 18%,transparent);z-index:2}.frame>img,.frame>.gradient-still,.frame>svg{filter:saturate(.82) contrast(1.04);position:relative;z-index:1}.gradient-still{position:relative;background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--mid) 30%,transparent) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,color-mix(in srgb,var(--ink) 40%,transparent) 0%,transparent 50%),linear-gradient(180deg,color-mix(in srgb,var(--ink) 30%,var(--ground)),color-mix(in srgb,var(--mid) 50%,var(--ground)));overflow:hidden}.gradient-still:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.015' numOctaves='4'/><feColorMatrix values='0 0 0 0 0.15  0 0 0 0 0.15  0 0 0 0 0.15  0 0 0 0.8 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:multiply}.gradient-still>svg.illo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;opacity:.85}.frame .photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:saturate(.78) contrast(1.05) brightness(.95)}.frame .gradient-still{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.frame .photo[data-loaded=false]{opacity:0}.field-photo{width:100%;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);filter:saturate(.78) contrast(1.05)}.side-stack{display:flex;flex-direction:column;gap:24px;padding-top:8px}.side-stack .marker{border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding-top:12px;font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 65%,var(--ground))}.side-stack .marker strong{display:block;font-family:var(--font-serif-cn);font-weight:700;font-size:var(--fs-body);letter-spacing:0;color:var(--ink);margin-top:4px;text-transform:none}.side-stack .marker em{font-family:var(--font-serif-en);font-style:italic;font-size:var(--fs-caption);letter-spacing:.05em;color:color-mix(in srgb,var(--ink) 60%,var(--ground));display:block;margin-top:2px}.pullquote{border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding:28px 0;margin:40px 0;font-size:clamp(20px,1.9vw,26px);line-height:1.55;font-weight:400;text-align:center;letter-spacing:-.005em}.pullquote:before{content:"「";font-family:var(--font-serif-cn);color:color-mix(in srgb,var(--ink) 40%,var(--ground));margin-right:4px}.pullquote:after{content:"」";font-family:var(--font-serif-cn);color:color-mix(in srgb,var(--ink) 40%,var(--ground));margin-left:4px}