:root{--paper:#eeefeb;--ink:#222825;--muted:#737a73;--accent:#466d54;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;color:inherit;font:inherit}button{background:none;border:0;cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{opacity:.18;cursor:default}[hidden]{display:none!important}h1,h2,p,figure{margin:0}::selection{background:#d2dfcd}#reading-room{min-height:100svh;display:flex;align-items:center;padding:70px clamp(26px,10vw,170px) 110px;position:relative}.passage-wrap{max-width:1200px;width:100%;margin:auto}.passage{font-size:clamp(37px,5.25vw,88px);font-weight:400;line-height:1.08;letter-spacing:-.048em}.line{display:block;min-height:1.08em}.line.gap{height:.47em;min-height:0}.word{display:inline-block;white-space:nowrap}.letter{opacity:0;position:relative}.letter.written{opacity:1}.letter.cursor::after{content:'';position:absolute;left:100%;top:.15em;width:2px;height:.78em;background:var(--accent);transform:translateX(2px)}.thinking .letter.cursor::after{animation:blink 1.1s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}.passage-wrap{transition:opacity .6s ease,filter .6s ease}.passage-wrap.departing{opacity:0;filter:blur(3px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-controls{position:absolute;bottom:32px;left:clamp(26px,10vw,170px);right:clamp(26px,10vw,170px);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;letter-spacing:0}.left-controls,.right-controls{display:flex;align-items:center;gap:28px}.reading-controls button{padding:12px 0}.reading-controls #previous{font-size:20px;padding:10px; margin-left:-10px}.count-divider{padding:0 7px;opacity:.45}.right-controls{gap:35px}.right-controls #next{color:var(--ink)}#next span{padding-left:15px}.reading-controls button:hover{color:var(--ink)}.time-line{position:absolute;bottom:0;left:0;right:0;height:2px;pointer-events:none}#time-fill{height:100%;width:0;background:#9eafa0;display:block}.no-script{font-size:24px;line-height:1.3;margin-top:25px;max-width:600px}#reveal{min-height:100svh;padding:8vh 7vw 34px;display:flex;flex-direction:column;justify-content:center}.reveal-layout{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:8vw;max-width:1320px;width:100%;margin:auto}.reveal-layout figure{max-width:480px;width:100%;margin-left:auto}.portrait{aspect-ratio:288/405;background:url('../assets/family-archive.jpg') no-repeat;background-size:424.31% 316.05%;background-position:96.15% 96.53%;filter:grayscale(1)}figcaption{font-size:13px;line-height:1.4;color:var(--muted);padding-top:18px;letter-spacing:-.01em}.i-am{font-size:clamp(26px,3vw,45px);letter-spacing:-.05em;margin-bottom:16px}.identity h1{font-weight:500;font-size:clamp(65px,8.6vw,142px);line-height:.91;letter-spacing:-.065em}.identity-note{font-size:clamp(18px,1.6vw,25px);line-height:1.3;letter-spacing:-.025em;margin-top:32px}#continue-book{margin-top:70px;font-size:14px;border-bottom:1px solid #b7bfb6;padding:15px 0;display:flex;gap:45px;align-items:center}#continue-book span{font-size:24px}.reveal-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-top:60px}.reveal-footer button{padding:12px 0}#reveal.arriving figure{animation:emerge 1.8s ease both}#reveal.arriving .identity{animation:emerge 1.4s .8s ease both}#reveal.arriving .reveal-footer{animation:emerge 1.4s 1.3s ease both}@keyframes emerge{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#afterword{padding:40px 7vw 25px;min-height:100svh;border-top:1px solid #c9cfc7}.afterword-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-bottom:95px}.afterword-heading button{padding:10px 0}.book-layout{display:grid;grid-template-columns:1fr 1fr;gap:12vw;max-width:1300px;margin:auto}.book-layout h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(70px,8.2vw,128px);line-height:.91;letter-spacing:-.065em;margin-bottom:48px}.book-layout p{font-size:clamp(20px,1.7vw,27px);line-height:1.4;letter-spacing:-.025em;max-width:480px}.book-layout p+p{margin-top:18px}.book-layout img{display:block;width:100%;height:auto}.book-layout figure{margin-top:80px}.excerpt-link{display:inline-flex;gap:55px;border-bottom:1px solid var(--ink);padding:12px 0;font-size:17px;margin-top:38px}.excerpt-link:hover{color:var(--accent)}.pdf-note{display:block;color:var(--muted);font-size:11px;margin-top:12px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:var(--muted);margin-top:110px}footer button{padding:10px 0}dialog{max-width:min(600px,92vw);background:var(--paper);border:0;padding:60px 40px 40px;color:var(--ink)}dialog::backdrop{background:#152219bb;backdrop-filter:blur(8px)}dialog h2{font-size:44px;font-weight:400;letter-spacing:-.06em;margin-bottom:30px}dialog p{font-size:18px;line-height:1.5;margin-top:18px}#close-note{position:absolute;right:18px;top:12px;font-size:30px}.locked{overflow:hidden}
@media(min-width:1650px){#reading-room{padding-left:max(10vw,calc((100vw - 1250px)/2))}.passage-wrap{margin-left:0}.passage{font-size:88px}}
@media(max-width:800px){#reveal{padding:60px 7vw 25px}.reveal-layout{gap:6vw}.identity h1{font-size:9vw}.reveal-layout figure{max-width:320px}#continue-book{margin-top:38px;font-size:12px;gap:20px}.identity-note{font-size:18px}.book-layout{gap:8vw}.book-layout p{font-size:19px}.book-layout h2{font-size:75px}}
@media(max-width:600px){#reading-room{padding:80px 25px 115px;min-height:100svh;align-items:center}.passage{font-size:clamp(30px,9vw,48px);letter-spacing:-.047em;line-height:1.13}.line{min-height:1.13em}.line.gap{height:.65em}.reading-controls{bottom:25px;left:25px;right:25px;font-size:11px}.left-controls{gap:20px}.right-controls{gap:25px}#next span{padding-left:8px}.reveal-layout{grid-template-columns:1fr;gap:32px}.reveal-layout figure{width:62%;max-width:280px;margin:0 auto}.identity{width:100%;text-align:center}.i-am{font-size:24px;margin-bottom:12px}.identity h1{font-size:16vw;line-height:.91;letter-spacing:-.065em}.identity h1 br{display:initial}.identity-note{font-size:18px;margin-top:20px}#reveal{padding:38px 25px 18px;justify-content:start}.reveal-layout figcaption{font-size:11px;text-align:center;padding-top:11px}#continue-book{font-size:12px;gap:25px;margin:26px auto 0;padding:12px 0}.reveal-footer{font-size:10px;gap:16px;margin-top:35px;width:100%}#afterword{padding:25px 25px 18px}.afterword-heading{font-size:11px;margin-bottom:65px;gap:16px}.book-layout{grid-template-columns:1fr;gap:48px}.book-layout h2{font-size:84px}.book-layout p{font-size:22px}.book-layout figure{margin-top:0}footer{font-size:10px;align-items:start;margin-top:55px;gap:20px}footer button{text-align:right;padding:0}dialog{padding:60px 26px 30px}dialog h2{font-size:38px}dialog p{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.letter{opacity:1}.letter.cursor::after{display:none}}

#reveal-name:focus{outline:none}.reading-controls{font-size:15px}@media(max-width:600px){.reading-controls{font-size:14px}.right-controls{gap:22px}}