@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSerifSC-Sub.woff2)format("woff2")}@font-face{font-family:Ma Shan Zheng;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/MaShanZheng-Sub.woff2)format("woff2")}html,body,#root{min-height:100%}.landscape-stage{z-index:0;background:#d9c39d;position:fixed;inset:0;overflow:hidden}.landscape{will-change:transform, opacity;transition:opacity .12s linear;position:absolute;inset:-3%}.landscape img{object-fit:cover;filter:saturate(.86)contrast(1.02)brightness(.98);width:100%;height:100%}.landscape-1 img{object-position:center center}.landscape-2 img{object-position:48% center}.landscape-3 img{object-position:65% center}.landscape-4 img{object-position:center center}.atmosphere,.paper-grain,.edge-wash,.ink-cloud,.chapter-night{pointer-events:none;position:absolute;inset:0}.chapter-night{mix-blend-mode:multiply;background:radial-gradient(circle at 52% 42%,#1c403e57,#0000 35%),linear-gradient(120deg,#061515 0%,#102c2b 48%,#071817 100%);transition:opacity .1s linear}.atmosphere-back{mix-blend-mode:screen;background:radial-gradient(circle at 50% 38%,#fff1d04d,#0000 38%),linear-gradient(#eed7ad14,#192d2d1f)}.ink-cloud{filter:blur(36px);opacity:.2;mix-blend-mode:multiply;will-change:transform}.ink-cloud-a{background:radial-gradient(at 20% 70%,#173735 0 12%,#0000 48%),radial-gradient(at 52% 66%,#355a54 0 15%,#0000 52%),radial-gradient(at 83% 75%,#162b2c 0 11%,#0000 48%);border-radius:48% 52% 0 0;height:46%;inset:auto -18% -14% 30%}.ink-cloud-b{background:radial-gradient(at 32% 30%,#315b58 0 12%,#0000 48%),radial-gradient(at 75% 24%,#a08055 0 8%,#0000 45%);border-radius:0 0 54% 46%;height:42%;inset:-18% 28% auto -20%}.paper-grain{opacity:.17;mix-blend-mode:multiply;background-image:repeating-radial-gradient(circle at 20% 30%,#3127194d 0 .55px,#0000 .7px 3.4px)}.edge-wash{box-shadow:inset 0 0 110px #422b1840,inset 0 -90px 140px #1126261f}@media (width<=720px){.landscape{inset:-2%}.landscape img{object-position:center center}.landscape-3 img{object-position:70% center}}.lark-scene{z-index:10;pointer-events:none;width:100%;height:100dvh;position:fixed;inset:0}.lark-scene canvas{width:100%;height:100%;display:block}.ink-fluid{z-index:70;pointer-events:none;mix-blend-mode:multiply;position:fixed;inset:0}.ink-fluid canvas{width:100%;height:100%;display:block}@media (hover:hover) and (pointer:fine){html,body,a,button{cursor:none}}@media (pointer:coarse),(hover:none){.ink-fluid{display:none}}@media (prefers-reduced-motion:reduce){html,body,a,button{cursor:auto}}.opening-scroll{z-index:6;background:0 0;height:250vh;position:relative}.opening-stage{height:100vh;opacity:calc(1 - var(--opening-dissolve));pointer-events:none;background:radial-gradient(circle at 50% 44%,#fff8e2c7,#0000 38%),#dcc59c;position:sticky;top:0;overflow:hidden}.opening-paper{filter:saturate(.82)contrast(1.015);transform:translate3d(var(--opening-x), calc(var(--opening-shift) + var(--opening-y)), 0) scale(var(--opening-scale));transform-origin:50% 34%;will-change:transform, opacity;position:absolute;inset:0;overflow:hidden}.opening-painting{object-fit:cover;object-position:center top;width:100%;height:100%}.opening-paper:after{content:"";mix-blend-mode:multiply;background:linear-gradient(90deg,#5e41241f,#0000 18% 82%,#5e41241f),linear-gradient(#0000 72%,#e5d3b138);position:absolute;inset:0;box-shadow:inset 0 0 100px #543a1f29}.opening-mist,.opening-ink-breath,.opening-paper-grain{pointer-events:none;position:absolute}.opening-mist{filter:blur(30px);width:62vw;height:36vh;opacity:calc(.24 + var(--opening-ink) * .34);mix-blend-mode:screen;background:radial-gradient(#f6edd7d1,#0000 66%);border-radius:50%}.opening-mist-left{transform:translate3d(calc(var(--opening-enter) * 10vw), 0, 0);bottom:3%;left:-15%}.opening-mist-right{transform:translate3d(calc(var(--opening-enter) * -12vw), 0, 0);bottom:15%;right:-16%}.opening-ink-breath{filter:blur(18px);width:22vw;height:22vw;opacity:var(--opening-ink);transform:translateX(-50%) scale(calc(.65 + var(--opening-ink) * .65));mix-blend-mode:multiply;background:radial-gradient(circle,#555b5821,#7b80840f 34%,#0000 69%);border-radius:50%;top:23%;left:50%}.opening-paper-grain{opacity:.13;mix-blend-mode:multiply;background-image:repeating-radial-gradient(circle at 20% 30%,#3f2c196b 0 .45px,#0000 .7px 3.1px);inset:0}.opening-title{color:#233332;opacity:calc(var(--opening-title) * .86);transform:translate3d(0, calc(var(--opening-enter) * -3vh), 0);position:absolute;bottom:8vh;left:6vw}.opening-title span,.opening-title small{letter-spacing:.38em;font-family:Arial,sans-serif;display:block}.opening-title span{margin-bottom:8px;font-size:11px}.opening-title strong{font-family:Ma Shan Zheng,STXingkai,FZSTK,KaiTi,serif;font-size:clamp(3.8rem,8vw,8rem);font-weight:400;line-height:.9;display:block}.opening-title small{margin-top:18px;font-size:8px}.opening-scroll-cue{color:#233332b3;opacity:calc(1 - var(--opening-enter));letter-spacing:.25em;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:5vh;right:4vw}.opening-scroll-cue span{background:#23333238;width:1px;height:54px;position:relative;overflow:hidden}.opening-scroll-cue span:after{content:"";background:#233332;width:100%;height:44%;animation:1.8s ease-in-out infinite opening-cue;position:absolute;top:0;left:0}.opening-scroll-cue b{writing-mode:vertical-rl;font-weight:400}@keyframes opening-cue{0%{transform:translateY(-120%)}55%,to{transform:translateY(240%)}}@media (width<=720px){.opening-scroll{height:210vh}.opening-painting{object-position:50% top}.opening-title{bottom:11vh;left:24px}.opening-title strong{font-size:clamp(3.7rem,18vw,6rem)}.opening-scroll-cue{right:18px}}@media (prefers-reduced-motion:reduce){.opening-paper{transform:none}.opening-scroll-cue span:after{animation:none}}.story-type-layer{z-index:20;pointer-events:none;position:fixed;inset:0}.type-scene{color:#172b2b;transform-origin:50%;width:min(900px,88vw);transition:opacity .1s linear;position:absolute;top:50%;left:4.5vw}.type-right{text-align:right;left:auto;right:5vw}.type-center{text-align:center;width:min(1120px,92vw);margin:auto;left:0;right:0}.type-scene-1{top:58%}.type-scene-2{top:42%}.type-scene-3,.type-scene-4{color:#f3ead5;text-shadow:0 2px 20px #010c0c3d}.type-scene-3{top:43%}.type-scene-4{top:52%}.type-scene-5{top:46%}.type-eyebrow{letter-spacing:.36em;margin:0 0 20px;font-size:clamp(12px,1.1vw,17px);font-weight:600}.type-lead{letter-spacing:-.07em;margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(46px,7.2vw,112px);font-weight:400;line-height:.95}.type-script{letter-spacing:-.1em;white-space:nowrap;margin:.05em 0 0;font-family:Ma Shan Zheng,STXingkai,FZSTK,KaiTi,serif;font-size:clamp(118px,21vw,330px);font-weight:400;line-height:.75}.type-scene span{transition:opacity 80ms linear,filter 80ms linear;display:inline-block}.type-note{letter-spacing:.18em;margin:44px 0 0;font-size:clamp(13px,1.1vw,18px)}.type-right .type-note{margin-left:auto}.scroll-prompt{color:#172b2bb8;letter-spacing:.22em;writing-mode:vertical-rl;margin:0;font-size:11px;position:absolute;bottom:42px;right:4vw}@media (width<=720px){.type-scene,.type-right,.type-center{text-align:left;width:auto;top:52%;left:22px;right:22px}.type-scene-1{top:61%}.type-script{white-space:normal;font-size:clamp(90px,34vw,154px)}.type-lead{font-size:clamp(38px,13vw,64px)}.type-note{margin-top:28px;line-height:1.8}}:root{color:#182b2c;font-synthesis:none;text-rendering:optimizelegibility;background:#d9c39d;font-family:Noto Serif SC,Songti SC,SimSun,serif}*{box-sizing:border-box}html,body,#root{background:#d9c39d;min-width:320px;min-height:100%;margin:0}html{scroll-behavior:auto}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{--scene-x:0px;--scene-y:0px;--mist-x:0px;--mist-y:0px;--mist-reverse-x:0px;--mist-reverse-y:0px;--opening-x:0px;--opening-y:0px;isolation:isolate;min-height:100vh;position:relative}.site-header{z-index:50;color:#172b2b;justify-content:space-between;align-items:center;width:100%;padding:28px 4vw;transition:color .6s,padding .6s;display:flex;position:fixed;top:0;left:0}.header-light .site-header{color:#f3ead5}.brand{align-items:center;gap:12px;display:flex}.brand-seal{border:1px solid;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Ma Shan Zheng,STXingkai,FZSTK,KaiTi,serif;font-size:24px;display:grid}.brand b{font-family:Ma Shan Zheng,STXingkai,FZSTK,KaiTi,serif;font-size:24px;font-weight:400;line-height:1;display:block}.brand small{letter-spacing:.24em;margin-top:5px;font-family:Arial,sans-serif;font-size:7px;display:block}.site-header nav{letter-spacing:.15em;gap:28px;font-size:13px;display:flex}.site-header nav a{padding:8px 0;position:relative}.site-header nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .3s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after{transform-origin:0;transform:scaleX(1)}.scroll-meter{z-index:55;background:#f5ecd759;width:1px;height:92px;position:fixed;bottom:28px;right:25px}.scroll-meter span{transform-origin:top;background:#f6edda;width:100%;height:100%;display:block}.scroll-story{z-index:5;position:relative}.scroll-story section{min-height:190vh}.scroll-story section:first-child{min-height:170vh}.site-footer{z-index:20;color:#f3ead5cc;letter-spacing:.2em;background:#0c1b1b;justify-content:space-between;align-items:flex-end;min-height:32vh;padding:50px 4vw;font-size:11px;display:flex;position:relative}@media (width<=720px){.site-header,.is-started .site-header{padding:18px 20px}.brand small,.site-header nav a:nth-child(2){display:none}.site-header nav{gap:16px;font-size:11px}.scroll-story section{min-height:145vh}.site-footer{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:18px}}@media (prefers-reduced-motion:reduce){.site-header{transition:none}}