:root{--paper:#e9e3d5;--paper-deep:#e7e2d7;--ink:#20201e;--ink-soft:#6c6a64;--line:#20201e33;--screen:#0d0d0c;--screen-ink:#eeece5;--screen-soft:#97948c;--content:76rem;--reading:43rem;--gutter:clamp(1.25rem, 4vw, 4rem);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:clamp(5rem, 11vw, 10rem);--serif:"Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;--sans:"Helvetica Neue", "PingFang SC", "Microsoft YaHei", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans);scroll-behavior:smooth}body{background:var(--paper);text-rendering:optimizelegibility;min-width:320px;margin:0;line-height:1.7;animation:.42s ease-out both page-in}body.is-dark{background:var(--screen);color:var(--screen-ink)}@keyframes page-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{animation:none}}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}::selection{background:var(--ink);color:var(--paper)}.shell{width:min(100%, calc(var(--content) + var(--gutter) * 2));padding-inline:var(--gutter);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:2rem;padding-block:1.5rem;display:flex}.site-title{gap:.1rem;line-height:1.2;display:grid}.site-title strong{font-family:var(--serif);letter-spacing:.08em;font-size:1rem;font-weight:600}.site-title span,.eyebrow,.meta,.site-footer,.section-label{color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem}.site-nav{letter-spacing:.08em;flex-wrap:wrap;justify-content:flex-end;gap:.7rem 1.5rem;font-size:.76rem;display:flex}.site-nav a,.text-link{padding-bottom:.15rem;position:relative}.site-nav a:after,.text-link:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a:focus-visible:after,.text-link:hover:after,.text-link:focus-visible:after{transform-origin:0;transform:scaleX(1)}main{min-height:70vh}.hero{padding-block:var(--space-6);grid-template-columns:minmax(12rem,.7fr) minmax(0,1.6fr);align-items:end;gap:clamp(2.5rem,7vw,8rem);display:grid}.hero-copy{flex-direction:column;justify-content:space-between;align-self:stretch;display:flex}.day-number{letter-spacing:-.055em;margin:0;font-size:clamp(2.9rem,7vw,6.6rem);font-weight:300;line-height:.88}.hero-date{color:var(--ink-soft);letter-spacing:.14em;margin-top:1rem;font-size:.78rem}.hero-statement{margin:var(--space-5) 0 1.5rem;font-family:var(--serif);font-size:clamp(1.55rem,2.8vw,2.5rem);line-height:1.45}.current-frame{background:var(--screen);color:#ffffffa8;margin:0;position:relative;overflow:hidden}.current-frame img{width:100%}.frame-caption{letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.63rem;display:flex;position:absolute;bottom:.8rem;left:1rem;right:1rem}.archive{padding-block:0 var(--space-6)}.archive--timeline{overflow:hidden}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:2rem;padding-bottom:1rem;display:flex}.section-head h1,.section-head h2{font-family:var(--serif);margin:0;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:500}.archive-row{border-bottom:1px solid var(--line);grid-template-columns:10rem 1fr auto;align-items:baseline;gap:2rem;padding-block:1.35rem;display:grid}.archive-row time,.archive-row small{color:var(--ink-soft);letter-spacing:.08em;font-size:.72rem}.archive-row h2,.archive-row p{font-family:var(--serif);margin:0;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:400}.journal-timeline{--timeline-item:clamp(18rem, 30vw, 26rem);width:100vw;padding-inline:calc((100vw - var(--timeline-item)) / 2);overscroll-behavior-inline:contain;scrollbar-width:none;scroll-padding-inline:calc((100vw - var(--timeline-item)) / 2);scroll-snap-type:x mandatory;margin-left:-50vw;position:relative;left:50%;overflow-x:auto}.journal-timeline::-webkit-scrollbar{display:none}.journal-track{width:max-content;display:flex}.timeline-entry{flex:0 0 var(--timeline-item);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:10rem;color:var(--ink-soft);opacity:.48;scroll-snap-align:center;grid-template-columns:1fr auto;gap:.55rem 1rem;padding:1.4rem clamp(1.3rem,2.6vw,2.2rem) 1.6rem;transition:color .3s,opacity .3s;display:grid}.timeline-entry:first-child{border-left:1px solid var(--line)}.timeline-entry time,.timeline-entry small{letter-spacing:.1em;font-size:.68rem}.timeline-entry h3{font-family:var(--serif);grid-column:1/-1;align-self:end;margin:0;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:400;line-height:1.45}.timeline-entry.is-active,.timeline-entry:hover,.timeline-entry:focus-visible{color:var(--ink);opacity:1}.timeline-entry:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}.page-intro{padding-block:var(--space-6);grid-template-columns:1fr 2fr;gap:3rem;display:grid}.page-intro h1{font-family:var(--serif);letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,8vw,7rem);font-weight:400;line-height:.9}.page-intro-copy{align-self:end;max-width:34rem}.page-intro-copy p{font-family:var(--serif);margin:1rem 0 0;font-size:clamp(1.15rem,2vw,1.55rem)}.empty-state{padding-block:var(--space-5) var(--space-6);border-top:1px solid var(--line)}.empty-state p{max-width:34rem;color:var(--ink-soft);margin:0}.article{width:min(100%, calc(var(--reading) + var(--gutter) * 2));padding:var(--space-6) var(--gutter);margin-inline:auto}.article-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}.article-header h1{font-family:var(--serif);margin:1.5rem 0 0;font-size:clamp(2.2rem,6vw,4.6rem);font-weight:500;line-height:1.18}.article-body{font-family:var(--serif);font-size:clamp(1.05rem,1.8vw,1.22rem)}.article-body p{margin:0 0 1.7em}.article-body blockquote{border-left:1px solid var(--ink);margin:2.5rem 0;padding-left:1.5rem;font-size:1.25em}.journal-image{margin:3.5rem 0}.journal-image--wide{width:min(64rem, calc(100vw - var(--gutter) * 2));margin-left:50%;transform:translate(-50%)}.journal-image img{width:100%}.journal-image figcaption{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.1em;margin-top:.65rem;font-size:.65rem}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:2rem;padding-block:1.5rem 2rem;display:flex}.dark-shell{--line:#eeece52e;--ink-soft:var(--screen-soft);background:var(--screen);min-height:100vh;color:var(--screen-ink)}.dark-shell ::selection{background:var(--screen-ink);color:var(--screen)}.work-hero{min-height:78vh;padding-block:var(--space-5);flex-direction:column;justify-content:space-between;display:flex}.work-title{margin:var(--space-6) 0 0;font-family:var(--serif);letter-spacing:-.06em;font-size:clamp(3.8rem,13vw,11rem);font-weight:400;line-height:.82}.work-meta{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:1.5rem;display:grid}.work-meta p{margin:.35rem 0 0}.work-note{max-width:42rem;padding-block:var(--space-6);font-family:var(--serif);font-size:clamp(1.3rem,2.5vw,2rem)}@media (width<=720px){.site-header{display:grid}.site-nav{gap-inline:1.1rem;justify-content:flex-start}.hero,.page-intro{grid-template-columns:1fr}.hero{padding-top:var(--space-5)}.current-frame{margin-inline:calc(var(--gutter) * -1);order:-1}.journal-image--wide{width:100vw}.journal-timeline{--timeline-item:78vw}.archive-row{grid-template-columns:1fr auto;gap:.3rem 1rem}.archive-row h2,.archive-row p{grid-area:2/1/auto/-1}.work-meta{grid-template-columns:1fr}.site-footer{display:grid}}@media (prefers-reduced-motion:reduce){.timeline-entry{transition:none}}
