:root{color-scheme:light;--paper:#f8f6f1;--ink:#2d302d;--muted:#777a73;--accent:#b6583e;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#ccc6ba var(--paper)}body{margin:0}a{color:inherit;text-decoration:none;touch-action:manipulation}a:focus,a:focus-visible{outline:0;box-shadow:none;text-decoration:none}.masthead{position:fixed;z-index:6;left:32px;right:32px;top:max(28px,env(safe-area-inset-top));display:flex;align-items:baseline;justify-content:space-between;pointer-events:none}.name{font-size:12px;font-weight:500;letter-spacing:.1em;display:flex;gap:12px;align-items:baseline}.name span,.place{font:9px "Helvetica Neue",sans-serif;letter-spacing:.17em;color:#81857b}.stage{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--paper)}.stage canvas{display:block;width:100%;height:100%}.poster{position:absolute;object-fit:contain;width:100%;height:116%;left:0;top:3%;transition:opacity .3s}.poster.loaded{opacity:0}.reading-veil{position:fixed;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33%,#f8f6f140 48%,#f8f6f1dc 66%,#f8f6f1fa 83%);opacity:var(--reading,0)}#journey{position:relative;z-index:2;pointer-events:none}.chapter{min-height:120svh;display:flex;align-items:center;padding:10%}.chapter:first-child,.chapter:last-child{min-height:100svh}.copy{max-width:420px;width:100%;position:relative}.date{font:10px/1.6 "Helvetica Neue",sans-serif;letter-spacing:.13em;color:#797d72;margin:0 0 15px}h1,h2{margin:0;font-weight:500;line-height:1.3;letter-spacing:-.035em}h2{font-size:34px}.role{font-size:14px;line-height:1.7;margin:13px 0 0;color:#454a43}.detail{font-size:12px;line-height:1.95;color:#70756a;margin:22px 0 0}.js .chapter{height:120svh;min-height:0}.js .chapter:first-child,.js .chapter:last-child{height:100svh}.js .copy{position:fixed;top:42%;left:64%;width:29%;max-width:450px;opacity:var(--copy-opacity,0);visibility:hidden;transform:translateY(calc(-30% + var(--copy-y,0)))}.chapter:not(.intro):not(.closing) .copy:before{content:"";position:absolute;left:-23px;top:5px;width:5px;height:5px;background:#b8a486;border-radius:50%}.chapter:not(.intro):not(.closing) .copy:after{content:"";position:absolute;left:-21px;top:21px;width:1px;height:140px;background:linear-gradient(#b8a48680,transparent)}.js .closing .copy,.js .intro .copy{left:12%;top:77%;width:76%;max-width:none;text-align:center;transform:translateY(var(--copy-y,0));color:var(--ink)}.intro h1{font-family:"Songti SC",STSong,"Noto Serif SC",serif;font-size:clamp(48px,5.2vw,72px);font-weight:400;letter-spacing:.1em;line-height:1.2;padding-left:.1em}.intro-role{font-size:12px;letter-spacing:.07em;line-height:1.8;margin:14px 0 0;color:#62665d}.intro-range{font:9px/1.5 "Helvetica Neue","PingFang SC",sans-serif;letter-spacing:.22em;margin:10px 0 0;color:#919489}.closing-label{font-size:10px;letter-spacing:.2em;margin:0 0 18px;color:#777c70}.closing h2{font-family:"Songti SC",STSong,serif;font-size:45px;font-weight:400;letter-spacing:.06em}.email{display:inline-flex;align-items:center;gap:15px;pointer-events:auto;min-height:44px;font:13px/1.6 "Helvetica Neue",sans-serif;letter-spacing:.03em;margin-top:16px}.email span{font-size:21px}.folio{position:fixed;z-index:5;left:32px;right:32px;bottom:max(23px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;pointer-events:none;font:9px "Helvetica Neue",sans-serif;letter-spacing:.14em;color:#96998e}.progress{position:fixed;right:17px;top:calc(50% - 48px);height:96px;width:1px;background:#c6c8bd60;z-index:6;pointer-events:none}.progress span{display:block;height:0;width:1px;background:#838c79}.js .chapter .copy{will-change:opacity,transform}@media(min-width:1600px){.js .copy{left:65%;width:27%}h2{font-size:42px}.role{font-size:16px}.detail{font-size:14px}.date{font-size:11px}}@media(max-width:760px) and (orientation:portrait){.masthead{left:23px;right:23px;top:max(23px,env(safe-area-inset-top))}.name{font-size:11px}.name span{font-size:8px}.place{font-size:9px}.poster{width:160%;left:-30%;height:91%;top:3%}.reading-veil{background:linear-gradient(0deg,#f8f6f1 0,#f8f6f1f5 25%,#f8f6f1a8 38%,transparent 58%)}.js .copy{left:42px;right:26px;top:auto;bottom:13%;width:auto;max-width:none;transform:translateY(var(--copy-y,0))}.date{font-size:9px;margin-bottom:12px}h2{font-size:29px}.role{font-size:13px;margin-top:11px}.detail{font-size:12px;margin-top:17px;line-height:1.9}.chapter:not(.intro):not(.closing) .copy:before{left:-17px}.chapter:not(.intro):not(.closing) .copy:after{left:-15px;height:110px}.js .closing .copy,.js .intro .copy{left:20px;right:20px;top:auto;bottom:15%;width:auto}.intro h1{font-size:53px;letter-spacing:.06em}.intro-role{font-size:10px;letter-spacing:.035em;margin-top:19px}.intro-range{font-size:8px;margin-top:14px}.closing h2{font-size:38px}.email{font-size:12px;gap:9px}.closing-label{font-size:9px;margin-bottom:12px}.folio{left:23px;right:23px;font-size:8px;bottom:max(23px,env(safe-area-inset-bottom))}.progress{right:12px;height:60px;top:calc(50% - 30px)}}@media(max-width:350px) and (orientation:portrait){.name span{display:none}.js .copy{left:37px;right:24px}h2{font-size:25px}.role{font-size:11px}.detail{font-size:11px}.intro h1{font-size:45px}.intro-role{font-size:9px}.js .intro .copy{bottom:14%}}@media(max-height:500px) and (orientation:landscape){.masthead{top:17px;left:24px;right:24px}.folio{bottom:16px;left:24px;right:24px}.js .copy{top:43%;left:64%;width:29%}.date{font-size:8px;margin-bottom:10px}h2{font-size:24px}.role{font-size:11px;margin-top:9px}.detail{font-size:10px;margin-top:13px}.js .closing .copy,.js .intro .copy{top:69%}.intro h1{font-size:40px}.intro-role{font-size:9px;margin-top:12px}.intro-range{display:none}.closing h2{font-size:29px}.closing-label{display:none}.email{font-size:11px;margin-top:5px}}@media(prefers-reduced-motion:reduce){*,::after,::before{transition:none!important;animation:none!important}.js .copy{transform:translateY(-30%)}.js .closing .copy,.js .intro .copy{transform:none}}@media print{.folio,.masthead,.progress,.reading-veil,.stage{display:none}.chapter,.js .chapter,.js .chapter:first-child,.js .chapter:last-child{height:auto;min-height:0;padding:20px 0;break-inside:avoid}.copy,.js .closing .copy,.js .copy,.js .intro .copy{position:static;visibility:visible!important;opacity:1!important;transform:none!important;text-align:left;width:100%;max-width:none;color:#222}.copy:after,.copy:before{display:none}body{padding:25px}.closing-label,.intro-range,.intro-role{color:#555}.intro h1{font-size:40px;padding:0}h2{font-size:25px}}.stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#f8f6f1 0,#f8f6f1f5 15%,#f8f6f14d 29%,transparent 43%);opacity:var(--portrait,1)}.fallback .reading-veil{opacity:1!important}.fallback .poster{opacity:.4}.masthead{mix-blend-mode:difference;color:#fff}.name span,.place{color:#ddd}.stage::after{background:linear-gradient(0deg,#f8f6f1 0,#f8f6f1 22%,#f8f6f1eb 28%,transparent 46%)}.intro-range{display:none}@media(max-width:760px) and (orientation:portrait){.js .intro .copy{bottom:11%}.intro h1{font-size:49px}.intro-role{margin-top:13px}}.stage::after{display:none}.js .closing .copy,.js .intro .copy{color:#fff}.intro-role{color:#ffffffdf}.closing-label{display:none}@media(max-width:760px) and (orientation:portrait){.js .intro .copy{bottom:15%}.closing .email,.intro-role{color:#62665d}}@media(max-width:760px) and (orientation:portrait){.js .closing .copy,.js .intro .copy{height:96px;bottom:15%}.intro-role{position:absolute;top:100%;left:0;width:100%;margin:0;color:#62665d}.closing .email{position:absolute;top:100%;left:0;width:100%;justify-content:center;margin:0;color:#62665d}}.js .chapter{height:62svh;padding:0}@media(max-width:760px) and (orientation:portrait){.name{font-size:14px}.name span,.place{font-size:12px}.date{font-size:13px;letter-spacing:.08em;margin-bottom:10px}h2{font-size:32px;line-height:1.3}.role{font-size:17px;line-height:1.65;margin-top:10px}.detail{font-size:16px;line-height:1.75;margin-top:14px}.js .copy{bottom:10%;left:35px;right:25px}.intro-role{font-size:15px;line-height:1.7;letter-spacing:0}.email{font-size:16px}.folio{font-size:12px;letter-spacing:.06em}.reading-veil{background:linear-gradient(0deg,#f8f6f1 0,#f8f6f1fa 30%,#f8f6f1c9 44%,transparent 65%)}}@media(max-width:350px) and (orientation:portrait){h2{font-size:28px}.role{font-size:16px}.detail{font-size:15px}.intro-role{font-size:14px}}#loading{display:none;position:fixed;inset:0;z-index:100;background:var(--paper);align-items:center;justify-content:center;font-size:17px;letter-spacing:.12em;color:#777a73}.js body:not(.scene-ready):not(.fallback) #loading{display:flex}.js body:not(.scene-ready):not(.fallback)>:not(#loading){visibility:hidden!important}.js body:not(.scene-ready):not(.fallback) .copy{visibility:hidden!important}.js .poster{display:none;transition:none}.js .fallback .poster{display:block}@media(max-width:760px) and (orientation:portrait){.reading-veil{background:linear-gradient(0deg,#f8f6f1e8 0,#f8f6f1c9 18%,#f8f6f15c 32%,transparent 46%)}}:root{color-scheme:dark;--paper:#151515;--ink:#f4f1eb;--muted:#bcb5a9}html{scrollbar-color:#555 #151515}.masthead{mix-blend-mode:normal;color:#f4f1eb}.name span,.place{color:#c6c1b7}.date,.folio{color:#b8b2a8}.role{color:#ede7df}.detail{color:#c8c1b8}.closing .email,.intro-role{color:#d4cdc3}.reading-veil{background:linear-gradient(90deg,transparent 33%,#15151540 48%,#151515cc 66%,#151515f2 83%)}#loading{color:#c8c1b8}@media(max-width:760px) and (orientation:portrait){.reading-veil{background:linear-gradient(0deg,#151515ed 0,#151515bf 18%,#1515154d 32%,transparent 46%)}.closing .email,.intro-role{color:#d4cdc3}}#loading{display:flex;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s}.js body:not(.scene-ready):not(.fallback) #loading{opacity:1;visibility:visible;pointer-events:auto}.loading-content{text-align:center}.loading-letters{display:flex;gap:.16em;font-size:16px;font-weight:400;letter-spacing:.08em}.loading-letters span{animation:loading-breathe 2.4s ease-in-out infinite;animation-delay:calc(var(--i,0)*.14s)}.loading-letters span:nth-child(2){--i:1}.loading-letters span:nth-child(3){--i:2}.loading-letters span:nth-child(4){--i:3}.loading-letters span:nth-child(5){--i:4}.loading-thread{display:flex;justify-content:center;gap:5px;margin-top:22px;height:3px}.loading-thread i{display:block;width:7px;height:1px;border-radius:2px;background:#bba88d;animation:loading-stitch 2.4s ease-in-out infinite;animation-delay:calc(var(--i,0)*.12s)}.loading-thread i:nth-child(2){--i:1}.loading-thread i:nth-child(3){--i:2}.loading-thread i:nth-child(4){--i:3}.loading-thread i:nth-child(5){--i:4}.loading-thread i:nth-child(6){--i:5}.loading-thread i:nth-child(7){--i:6}@keyframes loading-breathe{0%,100%{opacity:.38;transform:translateY(0)}45%{opacity:1;transform:translateY(-2px)}}@keyframes loading-stitch{0%,100%,75%{opacity:.12;transform:scaleX(.5)}35%{opacity:.9;transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.loading-letters span,.loading-thread i{animation:none;opacity:.8}}.date{font-size:16px;line-height:1.6;letter-spacing:.07em;color:#d4cdc2}@media(max-width:760px){.date{font-size:15px;letter-spacing:.05em}}.film-grain{position:fixed;inset:0;z-index:8;pointer-events:none;background:url('./assets/film-grain.svg') repeat;background-size:320px 320px;opacity:var(--grain-opacity,.06)}@media(prefers-reduced-motion:reduce){.film-grain{opacity:.045}}@media print{.film-grain{display:none}}.js .copy{left:63%;width:32%;max-width:490px}.date{font-size:16px;font-weight:500;letter-spacing:.13em;line-height:1.5;margin-bottom:20px;color:#cfc7ba;font-variant-numeric:tabular-nums}h2{font-size:clamp(30px,2.8vw,46px);font-weight:650;letter-spacing:-.035em;line-height:1.2;text-wrap:balance}.role{font-size:18px;font-weight:550;line-height:1.65;margin-top:27px;color:#f0e9df}.detail{font-size:16px;line-height:1.85;margin-top:22px;color:#c9c3b8;text-wrap:pretty}.chapter:not(.intro):not(.closing) .copy:before{left:-29px;top:8px;width:7px;height:7px;background:#e0cba7}.chapter:not(.intro):not(.closing) .copy:after{left:-26px;top:29px;height:calc(100% - 8px);background:linear-gradient(#b8a48670,#b8a48610)}@media(max-width:760px) and (orientation:portrait){.js .copy{left:36px;right:25px;width:auto;bottom:10%}.date{font-size:15px;margin-bottom:14px;letter-spacing:.08em}h2{font-size:32px}.role{font-size:17px;margin-top:18px}.detail{font-size:16px;margin-top:15px;line-height:1.75}.chapter:not(.intro):not(.closing) .copy:before{left:-20px;top:7px;width:6px;height:6px}.chapter:not(.intro):not(.closing) .copy:after{left:-17px;top:26px}}.masthead .place{animation:watch-cue 2.2s ease-in-out infinite;transition:opacity .25s ease;opacity:1}.past-intro .masthead .place{opacity:0;animation-play-state:paused}@keyframes watch-cue{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.masthead .place{animation:none;transition:none}}.film-grain{inset:-80px;animation:film-drift .8s steps(1,end) infinite}@keyframes film-drift{0%{transform:translate(0,0)}12.5%{transform:translate(-31px,17px)}25%{transform:translate(23px,-37px)}37.5%{transform:translate(-47px,-19px)}50%{transform:translate(37px,41px)}62.5%{transform:translate(-13px,53px)}75%{transform:translate(51px,-7px)}87.5%{transform:translate(-39px,31px)}}@media(prefers-reduced-motion:reduce){.film-grain{animation:none}}.intro h1{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:600;letter-spacing:.055em;padding-left:.055em;font-size:clamp(44px,4.8vw,68px);line-height:1.25}.header-tools{display:flex;align-items:center;gap:22px}.header-tools button{pointer-events:auto;background:0 0;border:0;color:#d8d2c9;font:500 11px/1.5 "Helvetica Neue",sans-serif;letter-spacing:.06em;padding:10px;cursor:pointer;outline:0;box-shadow:none;-webkit-tap-highlight-color:transparent}.header-tools button:focus,.header-tools button:focus-visible{outline:0;box-shadow:none}.over-sticker{cursor:pointer}html[lang=en] .intro h1{font-family:"Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em}html[lang=en] .role{line-height:1.5}.chapter[data-year] .copy:before{content:attr(data-display-year)}.js .chapter[data-year] .copy{left:60%;width:36%;max-width:570px;top:39%}.chapter[data-year] .copy .display-year{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(78px,9.5vw,152px);font-weight:400;line-height:.85;letter-spacing:-.065em;color:#d8c8ac45;margin:0 0 25px;pointer-events:none}.chapter[data-year] h2{font-size:clamp(35px,3.8vw,60px);font-weight:700;line-height:1.13;letter-spacing:-.045em}.chapter[data-year] .role{font-size:clamp(21px,2.1vw,32px);font-weight:600;line-height:1.4;letter-spacing:-.025em;margin-top:17px}.chapter[data-year] .date{font-size:15px;letter-spacing:.09em;margin-bottom:15px;color:#c5b79f}.chapter[data-year] .detail{font-size:16px;line-height:1.8;margin-top:22px}.chapter[data-year] .copy:after,.chapter[data-year] .copy:before{display:none}@media(max-width:760px){.js .chapter[data-year] .copy{left:28px;right:24px;width:auto;max-width:none;top:auto;bottom:9%}.chapter[data-year] .copy .display-year{font-size:80px;margin-bottom:18px}.chapter[data-year] h2{font-size:36px;line-height:1.15}.chapter[data-year] .role{font-size:21px;margin-top:12px}.chapter[data-year] .date{font-size:14px;margin-bottom:12px}.chapter[data-year] .detail{font-size:15px;line-height:1.65;margin-top:15px}}.email{font-family:SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:clamp(14px,1.2vw,18px);font-weight:400;letter-spacing:-.025em;line-height:1.65;justify-content:center}@media(max-width:760px){.email{font-size:14px;letter-spacing:-.04em}}.chapter[data-year] .copy .display-year{margin-left:-.052em}.closing .email{margin-top:5px}.js .chapter.closing,.js .chapter.writing{height:100svh;min-height:100svh}.js .writing .copy{left:57%;top:50%;width:36%;max-width:540px;transform:translateY(calc(-50% + var(--copy-y,0)));text-align:left}.writing .copy:after,.writing .copy:before{display:none}.writing-label{display:flex;align-items:center;gap:20px;margin:0 0 34px;color:#c5b79f;font:12px/1.5 SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.writing-label span{opacity:.5}.article-title{display:inline-block;pointer-events:auto}.writing h2{font-family:"Songti SC",STSong,serif;font-size:clamp(44px,4.8vw,72px);font-weight:500;letter-spacing:.035em;line-height:1.2}.article-excerpt{margin:32px 0 0;padding:0;border:0;color:#d4cec4;font-size:18px;line-height:1.95;letter-spacing:.025em}.article-excerpt p{margin:0 0 16px}.article-read{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;pointer-events:auto;margin-top:23px;padding:10px 14px;border:1px solid #b8a48655;border-radius:6px;font-size:14px;letter-spacing:.06em;color:#eee5d6;text-decoration:none}.article-read:hover,.article-title:hover{color:#e2bb94}.article-read:focus,.article-read:focus-visible,.article-title:focus,.article-title:focus-visible{outline:0;box-shadow:none}@media(max-width:760px) and (orientation:portrait){.js .writing .copy{left:28px;right:28px;width:auto;top:auto;bottom:7%;max-width:none;transform:translateY(var(--copy-y,0))}.writing-label{margin-bottom:16px;font-size:11px}.writing h2{font-size:42px}.article-excerpt{font-size:16px;line-height:1.8;margin-top:20px}.article-excerpt p{margin-bottom:12px}.article-read{margin-top:4px;padding:9px 12px;font-size:13px}}.masthead .place{display:flex;flex-direction:column;align-items:center;gap:8px}.masthead .place svg{display:block;opacity:.7}.continue-cue{position:fixed;right:7%;bottom:15%;z-index:6;display:flex;flex-direction:column;align-items:center;gap:9px;color:#c5b79f;font-size:11px;letter-spacing:.12em;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease;animation:watch-cue 2.2s ease-in-out infinite}body[data-chapter=contact] .continue-cue{opacity:1;visibility:visible}@media(max-width:760px){.continue-cue{right:25px;bottom:8%}}@media(prefers-reduced-motion:reduce){.continue-cue{animation:none;transition:none}}.progress{transition:opacity .3s ease}.writing-mode .progress{opacity:0}.writing-progress{position:fixed;left:35%;right:35%;bottom:30px;height:1px;background:#b8a48635;z-index:6;opacity:0;pointer-events:none;transition:opacity .3s ease}.writing-progress span{display:block;height:1px;background:#c8b496;width:0}.writing-mode .writing-progress{opacity:1}@media(max-width:760px){.writing-progress{left:32%;right:32%;bottom:max(24px,env(safe-area-inset-bottom))}}.masthead .place{position:fixed;left:68%;top:17%;font-size:13px;color:#e5ded2}@media(max-width:760px) and (orientation:portrait){.masthead .place{left:auto;right:9%;top:10%;font-size:11px}}.article-pending{margin-top:34px;color:#9d9386;font:12px/1.6 SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.writing h2{font-size:clamp(36px,3.8vw,60px);line-height:1.35;letter-spacing:.015em}@media(max-width:760px) and (orientation:portrait){.writing h2{font-size:32px;line-height:1.3}.article-pending{margin-top:18px}}.writing h2{white-space:nowrap;text-wrap:nowrap}.article-title{max-width:100%}.writing h2{margin-left:-.075em}.js .writing .copy{transform:translate(var(--copy-x,0),calc(-50% + var(--copy-y,0px)))}@media(max-width:760px) and (orientation:portrait){.js .writing .copy{transform:translate(var(--copy-x,0),var(--copy-y,0))}}html[lang=en] .article-excerpt{font-family:Georgia,"Times New Roman",serif;font-size:clamp(19px,1.6vw,23px);font-weight:400;line-height:1.55;letter-spacing:normal;max-width:42ch;text-wrap:pretty;font-kerning:normal}html[lang=en] .article-excerpt p{margin-bottom:1em}html[lang=en] .article-pending{letter-spacing:.04em;margin-top:28px}html[lang=en] .article-read{letter-spacing:normal}html[lang=en] .chapter[data-year] .role{letter-spacing:-.025em;line-height:1.15}@media(max-width:760px) and (orientation:portrait){html[lang=en] .article-excerpt{font-size:18px;line-height:1.5}html[lang=en] .article-pending{margin-top:18px}}.inspiration-credit{position:fixed;left:50%;bottom:max(23px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:6;color:rgba(164,158,147,.45);font:9px/1.4 "Helvetica Neue",Arial,sans-serif;letter-spacing:.13em;pointer-events:none}.intro-current{display:inline-block;margin-top:7px;letter-spacing:.025em}@media(min-width:761px){.js .intro .copy{top:74%}}.writing-progress{bottom:48px}@media(max-width:760px){.writing-progress{bottom:max(48px,calc(env(safe-area-inset-bottom) + 48px))}}.writing-progress{left:50vw;right:auto;width:30vw;transform:translateX(-50%);background:0 0}.writing-progress span{position:absolute;left:50%;top:0;transform:translateX(-50%);height:1px;background:#c8b496}@media(max-width:760px){.writing-progress{left:50vw;right:auto;width:36vw}}.article-read{border-bottom-width:1px}.creation .writing-label{margin-bottom:8px}.pond-art{display:block;position:relative;width:116%;margin:0 -8% 8px;pointer-events:auto;mask-image:radial-gradient(ellipse 48% 46% at 50% 50%,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 48% 46% at 50% 50%,#000 45%,transparent 100%)}.pond-art img{display:block;width:100%;height:auto;aspect-ratio:1400/788;object-fit:cover;filter:brightness(.85) saturate(.85)}.creation h2{font-size:clamp(32px,3.3vw,46px)}.creation-subtitle{font-size:14px;line-height:1.6;letter-spacing:.06em;color:#c5b79f;margin:10px 0 0}.creation .article-excerpt{margin-top:16px;font-size:16px;line-height:1.75}.creation .article-read{margin-top:0}@media(max-width:760px) and (orientation:portrait){.creation .pond-art{width:112%;margin:0 -6% 4px}.creation h2{font-size:30px}.creation .writing-label{margin-bottom:0}.creation-subtitle{font-size:12px;margin-top:6px}.creation .article-excerpt{font-size:14px;line-height:1.6;margin-top:12px}}.writing-progress{background:#b8a48635}.writing-progress span{left:0;transform:none}@media(max-width:760px) and (orientation:portrait){.js .writing .copy{bottom:calc(96px + env(safe-area-inset-bottom));clip-path:inset(0 -100vw max(0px,calc(var(--copy-y,0px) - 24px)) -100vw)}.creation .pond-art{max-height:none;overflow:visible}.creation .pond-art img{height:180px;max-height:none;aspect-ratio:auto;object-fit:cover}}@media(max-width:760px) and (orientation:portrait){body[data-chapter=pond-creation] .stage{mask-image:linear-gradient(to bottom,#000 30%,transparent 57%);-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent 57%)}}.pond-art{width:100%;margin:0 0 8px}@media(max-width:760px) and (orientation:portrait){.creation .pond-art{width:100%;margin:0 0 4px}}.pond-art img{transform:scale(1.15) translate(2%,6%);transform-origin:50% 50%}.inspiration-credit{transition:opacity .45s ease;visibility:visible}.past-intro .inspiration-credit{opacity:0}@media(max-width:760px){.folio{display:none}}@media(prefers-reduced-motion:reduce){.inspiration-credit{transition:none}}@media(max-width:760px) and (orientation:portrait){.js .intro .copy{top:auto;bottom:calc(76px + env(safe-area-inset-bottom));height:auto}.intro-role{position:static;top:auto;left:auto;width:auto;margin:22px 0 0;line-height:1.65}.intro-current{margin-top:10px}}@media(max-width:760px) and (orientation:portrait){html[lang=en] .intro-role{font-size:clamp(10px,3.1vw,14px);white-space:nowrap;letter-spacing:0}}@media(prefers-color-scheme:light){:root{color-scheme:light;--paper:#f8f6f1;--ink:#2d302d;--muted:#777a73}html{scrollbar-color:#ccc6ba var(--paper)}.masthead{color:var(--ink)}.masthead .place,.name span,.place{color:#66685f}.header-tools button{color:#45483f}.chapter[data-year] .date,.continue-cue,.creation-subtitle,.date,.folio,.writing-label{color:#7c6d56}.role{color:#343831}.article-excerpt,.detail{color:#555950}.chapter[data-year] .copy .display-year{color:#8b775b55}.article-read{color:#484c43}.article-read:hover,.article-title:hover{color:#90613d}.article-pending{color:#787063}#loading{color:#777a73}.reading-veil{background:linear-gradient(90deg,transparent 33%,#f8f6f140 48%,#f8f6f1cc 66%,#f8f6f1f2 83%)}.writing-progress{background:#88785d35}.writing-progress span{background:#8a7758}.inspiration-credit{color:rgba(90,85,75,.45)}.pond-art{mask-image:none;-webkit-mask-image:none;margin-bottom:16px}.pond-art img{height:auto;aspect-ratio:1672/941;transform:translateX(-1.2%);object-fit:contain;filter:drop-shadow(0 9px 8px rgba(74,65,43,.12))}@media(max-width:760px) and (orientation:portrait){.reading-veil{background:linear-gradient(0deg,#f8f6f1ed 0,#f8f6f1bf 18%,#f8f6f14d 32%,transparent 46%)}.closing .email,.intro-role{color:#555950}}}.loading-letters{gap:0}.loading-letters span:not(:empty){margin-right:.16em}.film-grain{animation:film-drift .8s steps(1,end) infinite;will-change:transform}@media(prefers-reduced-motion:reduce){.film-grain{animation:none;will-change:auto}}.js .copy{will-change:transform,opacity}#building-pond .writing-label,#dingtalk-essay .writing-label,#writing .writing-label{margin-bottom:8px}.essay-art,.pond-guide-art{display:block;pointer-events:auto;width:100%;margin:0 0 18px}.essay-art img,.pond-guide-art img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;transform:translateX(var(--art-offset,-1.62%));filter:drop-shadow(0 9px 8px rgba(0,0,0,.12))}@media(max-width:760px) and (orientation:portrait){.essay-art,.pond-guide-art{margin-bottom:12px}}#writing .essay-art{--art-offset:0%}#dingtalk-essay .essay-art{--art-offset:-2%}@media(max-width:760px) and (orientation:portrait){body:is([data-chapter=writing],[data-chapter=building-pond],[data-chapter=dingtalk-essay]) .reading-veil{opacity:1;background:linear-gradient(0deg,#151515 0,#151515fa 45%,#151515cc 60%,transparent 80%)}}@media(prefers-color-scheme:light) and (max-width:760px) and (orientation:portrait){body:is([data-chapter=writing],[data-chapter=building-pond],[data-chapter=dingtalk-essay]) .reading-veil{background:linear-gradient(0deg,#f8f6f1 0,#f8f6f1fa 45%,#f8f6f1cc 60%,transparent 80%)}}