:root{color-scheme:light;--paper:#f7f5ee;--ink:#343a31;--muted:#848577;--line:#dcded2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Songti SC','Noto Serif CJK SC',serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #657258;outline-offset:7px}.shell{max-width:860px;margin:auto;padding:62px 44px 28px;position:relative}.masthead{display:flex;justify-content:space-between;align-items:center}.brand{font-size:30px;letter-spacing:5px;display:flex;align-items:center;gap:12px}.seal{font-size:11px;letter-spacing:0;border:1px solid #a17b66;color:#956c57;padding:3px}.edition,.eyebrow,.post-meta,.list-head,nav,footer,aside,.intro small{font-family:system-ui,sans-serif}.edition{font-size:12px;letter-spacing:4px;color:var(--muted)}.intro{padding:100px 0 74px}.eyebrow{font-size:11px;letter-spacing:3px;color:#7a836d}.intro h1{font-size:43px;font-weight:400;line-height:1.65;letter-spacing:4px;margin:24px 0}.intro p{font-size:15px;line-height:2;color:#777c70}.intro small{font-size:10px;color:#999d91}.list-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);letter-spacing:2px;padding-bottom:20px;border-bottom:1px solid var(--line)}.post{display:grid;grid-template-columns:32px 1fr 20px;gap:18px;padding:32px 0;border-bottom:1px solid var(--line);transition:color .2s}.post:hover{color:#738164}.number{font-size:12px;color:#a2a694;padding-top:4px}.post-meta{display:flex;gap:20px;font-size:10px;color:var(--muted);letter-spacing:1px}.post h2{font-size:23px;font-weight:400;letter-spacing:1px;margin:14px 0 12px}.post p{font-size:14px;color:#7d8176;line-height:1.9;margin:0}.arrow{align-self:center;color:#8c927f}aside{font-size:11px;color:#95998d;margin-top:25px;line-height:1.8}footer{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:90px;padding-top:24px;font-size:10px;color:#919688}footer small{margin-left:auto;font-size:10px}.shadows{position:fixed;pointer-events:none;right:-180px;top:-110px;width:750px;height:110vh;color:#64704c;opacity:.12;z-index:-1;transform-origin:top right;animation:sway 19s ease-in-out infinite alternate}.shadows svg{width:100%;height:100%}@keyframes sway{from{transform:rotate(-7deg) translate(0,0)}to{transform:rotate(5deg) translate(22px,-12px)}}.reading{max-width:800px}nav{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.article-head{margin:85px 0 45px}.article-head h1{font-size:37px;line-height:1.6;font-weight:400;letter-spacing:2px;margin:22px 0}.article-head time{font-size:12px;color:var(--muted)}article{font-size:18px;line-height:2.1;letter-spacing:.5px}article p{margin:0 0 28px}article h2{font-size:24px;font-weight:400;margin:44px 0 20px}blockquote{margin:36px 0;padding:8px 24px;border-left:2px solid #a5ae95;color:#7b826f}figure{margin:35px 0}img{max-width:100%;height:auto;display:block}figcaption{font-size:12px;color:var(--muted);margin-top:8px}.back{display:inline-block;font-size:13px;margin-top:45px;color:#79836c}.skip{position:fixed;left:12px;top:-100px;background:var(--paper);padding:10px;z-index:5}.skip:focus{top:12px}@media(max-width:600px){.shell{padding:32px 25px 24px}.intro{padding:70px 0 52px}.intro h1{font-size:31px;letter-spacing:2px}.post{grid-template-columns:20px 1fr 14px;gap:10px;padding:27px 0}.post h2{font-size:21px}.post-meta{gap:14px}.shadows{right:-310px;opacity:.09}footer{margin-top:65px;gap:12px;flex-wrap:wrap}footer small{width:100%;margin-left:0}.article-head{margin-top:65px}.article-head h1{font-size:29px}article{font-size:17px;line-height:2}nav span{font-size:10px}}@media(prefers-reduced-motion:reduce){.shadows{animation:none}.post{transition:none}}

/* Licensed footage supplies real independent leaf motion. */
.shadows{inset:0;width:100%;height:100%;z-index:0;opacity:1;animation:none;overflow:hidden;transform:none;mask-image:linear-gradient(90deg,#000 0%,#000b 20%,#0007 38%,#0007 62%,#000b 80%,#000 100%)}
.shell{z-index:1}.leaf-video,.shadow-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply;filter:grayscale(1) brightness(1.1) blur(1px)}
.leaf-video{opacity:0}.shadow-still{background:url('/assets/tree-shadow.png') center/cover no-repeat;opacity:.12}.playing .leaf-video{opacity:.23}.playing .shadow-still{opacity:0}.sunlight{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 0%,#f4db9825,transparent 55%)}
@media(max-width:600px){.playing .leaf-video{opacity:.16}.shadows{mask-image:linear-gradient(90deg,#000,#0008 25%,#0008 75%,#000)}}
@media(prefers-reduced-motion:reduce){.playing .leaf-video{opacity:0}.playing .shadow-still{opacity:.12}}

.demo-panel{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;background:#faf9f3f5;border:1px solid #d8dbd0;border-radius:10px;padding:15px 20px;box-shadow:0 5px 24px #343a3110;font-family:system-ui,sans-serif;width:min(760px,calc(100% - 28px));backdrop-filter:blur(12px)}.demo-panel>div{display:flex;gap:16px;align-items:center}.demo-panel strong{font-size:13px}.demo-panel span,.demo-panel small{font-size:11px;color:#858979}.demo-panel nav{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap;margin:12px 0}.demo-panel a,.demo-panel button{padding:8px 10px;border:1px solid #d8dbd0;border-radius:5px;background:transparent;color:#59634d;font:12px system-ui;cursor:pointer}.demo-panel a[aria-current]{background:#58664b;color:#fff;border-color:#58664b}.demo-panel small{line-height:1.5;display:block}body:has(.demo-panel){padding-bottom:180px}@media(max-width:600px){.demo-panel{bottom:10px;padding:12px}.demo-panel>div{align-items:flex-start;flex-direction:column;gap:5px}.demo-panel nav{gap:6px}}

/* Soften the wall texture in the second source without changing its leaf movement. */
body[data-demo="2"] .leaf-video{filter:grayscale(1) brightness(1.1) blur(6px)}

/* Reading contrast: selected wall-shadow footage stays behind darker text. */
:root{--ink:#242a22;--muted:#5d6456;--line:#d1d5c8}
.intro p{color:#50594a}.intro small{color:#666f5e}.eyebrow{color:#57634a}.edition{color:#5d6655}
.post p{color:#535c4d}.post-meta{color:#5b6553}.list-head{color:#58634e}.number{color:#69745e}.arrow{color:#5f6d51}
aside,footer{color:#626d56}blockquote{color:#505d44}.back{color:#4f613f}
.shadows{mask-image:linear-gradient(90deg,#000 0%,#000a 19%,#0004 35%,#0004 65%,#000a 81%,#000 100%)}
@media(max-width:600px){.shadows{mask-image:linear-gradient(90deg,#000b,#0004 20%,#0004 80%,#000b)}}

.theme-picker{display:flex;justify-content:flex-end;gap:4px;margin:0 0 32px;font-family:system-ui,sans-serif}.theme-picker button{font:11px system-ui,sans-serif;letter-spacing:1px;background:transparent;border:1px solid transparent;color:var(--muted);padding:6px 10px;border-radius:4px;cursor:pointer}.theme-picker button[aria-pressed="true"]{border-color:var(--line);color:var(--ink);background:#ffffff40}.theme-picker button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html[data-theme="plain"]{--paper:#f7f5ee}html[data-theme="plain"] .shadows,html[data-theme="dark"] .shadows{display:none}
html[data-theme="dark"]{color-scheme:dark;--paper:#1e231f;--ink:#e2e5db;--muted:#aeb8a5;--line:#424c3e}
html[data-theme="dark"] .intro p,html[data-theme="dark"] .post p{color:#c0c8b8}
html[data-theme="dark"] :is(.intro small,.eyebrow,.edition,.post-meta,.list-head,.number,.arrow,aside,footer,blockquote,.back,figcaption){color:#aeb8a5}
html[data-theme="dark"] .seal{color:#d6ac92;border-color:#a07c64}html[data-theme="dark"] .theme-picker button[aria-pressed="true"]{background:#ffffff0a}html[data-theme="dark"] .post:hover{color:#c2d5ac}
html[data-theme="dark"] .demo-panel{background:#252d24f5;border-color:var(--line)}html[data-theme="dark"] .demo-panel :is(a,button,span,small){color:#bcc7b2;border-color:var(--line)}html[data-theme="dark"] .demo-panel a[aria-current]{color:#fff}
@media(max-width:600px){.theme-picker{margin-bottom:24px}.theme-picker button{min-height:36px;padding:7px 12px}}