:root{--paper:#f2f3ee;--ink:#182431;--muted:#626c75;--blue:#284bc5;--line:#c9cec8;--space:clamp(24px,5vw,88px);color-scheme:light;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}button{border:0}::selection{background:#c7d4fc;color:var(--ink)}p,h1,h2,figure{margin:0}button[hidden],div[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:16px;z-index:100}.skip:focus{top:12px}.site-header{position:fixed;inset:0 0 auto;z-index:5;background:var(--paper);display:flex;align-items:center;gap:26px;padding:20px var(--space);height:92px}.wordmark{font-weight:700;font-size:40px;letter-spacing:-5px;padding-right:5px;line-height:1}.wordmark-dot{color:var(--blue)}.header-note{font-size:13px;letter-spacing:-.01em}.reader-controls{margin-left:auto;display:flex;gap:22px;align-items:center}.reader-controls button,.text-button{padding:10px 0;background:transparent;font-size:13px}.reader-controls button:hover,.text-button:hover{text-decoration:underline;text-underline-offset:5px}.reader-controls #pause::before{content:'Ⅱ';padding-right:7px;color:var(--blue);font-size:12px}.reader-controls #pause[aria-pressed=true]::before{content:'▷'}.chapter{position:relative;margin:0 var(--space);scroll-margin-top:40px}.hero{min-height:100svh;padding-top:144px;padding-bottom:32px;display:grid;grid-template-columns:1fr 34%;grid-template-rows:auto 1fr;column-gap:4%;align-items:start}.hero-title{position:relative;z-index:2;grid-column:1/-1;grid-row:1;pointer-events:none}h1{font-size:clamp(80px,12.8vw,212px);font-weight:500;line-height:.85;letter-spacing:-.06em}h1>span{display:block}.hero-pre{font-size:.31em;line-height:1.5;letter-spacing:-.065em;font-weight:400;padding-bottom:.14em}h1>span:last-child{margin-top:.08em}.blue-period{color:var(--blue)}.hero-photo{grid-column:2;grid-row:1;margin-top:1.8vw;transform:rotate(3deg);max-width:360px;justify-self:end;width:86%;z-index:1}.hero-photo .photo-button{box-shadow:0 5px 22px #18243116}.hero-photo figcaption{padding-top:13px;font-size:12px}.archive-crop{width:100%;aspect-ratio:288/405;background-image:url('../assets/family-archive.jpg');background-repeat:no-repeat;background-size:424.31% 316.05%}.portrait{background-position:96.15% 96.53%}.parents{background-position:65.07% 3.16%;aspect-ratio:288/406}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;padding-top:50px;align-self:end;gap:30px}.hero-intro{font-size:clamp(22px,2.45vw,40px);line-height:1.17;letter-spacing:-.04em;max-width:680px}.start-link{display:flex;align-items:center;gap:35px;font-size:13px;white-space:nowrap;padding:15px 0}.down{font-size:32px;font-weight:300}.split{display:grid;grid-template-columns:1.28fr 1fr;column-gap:12%;align-items:center;padding:150px 0}.narrative{font-size:clamp(37px,4.45vw,74px);line-height:1.06;letter-spacing:-.054em}.narrative p+p{margin-top:.75em}.narrative .secondary{font-size:.62em;line-height:1.18;letter-spacing:-.037em}.narrative .last-line{font-size:.77em}.photo-button{position:relative;display:block;padding:0;background-color:transparent;overflow:hidden;width:100%;text-align:left}.photo-button img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.photo-button:hover img{transform:scale(1.025)}.photo-plus{position:absolute;right:12px;bottom:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ink);background:var(--paper);border-radius:50%;font-size:24px;font-weight:300;opacity:0;transition:opacity .2s}.photo-button:hover .photo-plus,.photo-button:focus-visible .photo-plus{opacity:1}figcaption{font-size:13px;line-height:1.45;padding-top:16px;letter-spacing:-.01em;color:var(--muted)}.origins{margin-top:60px;border-top:1px solid var(--line)}.parents-photo{max-width:390px;width:100%;justify-self:center;transform:rotate(-2deg)}.place-note{position:absolute;bottom:45px;font-size:13px;color:var(--muted)}.dora{grid-template-columns:.88fr 1.12fr;column-gap:12%;padding:120px 0 170px}.dora-photo{max-width:365px;width:100%;justify-self:center}.dora .narrative{font-size:clamp(37px,4.3vw,70px)}.memory{padding:105px 0 115px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.memory-label{font-size:13px;margin-bottom:55px;color:var(--muted)}.wide-line{font-size:clamp(45px,6.1vw,96px);line-height:1.05;letter-spacing:-.06em;max-width:1100px}.quiet-line{margin-top:.55em;color:var(--muted)}.memory-afterthought{margin-top:60px;font-size:clamp(24px,2.5vw,40px);letter-spacing:-.04em}.art{padding:175px 0}.notebook-photo{width:86%;justify-self:end;transform:rotate(4deg)}.notebook-photo .photo-button{box-shadow:0 5px 24px #18243114}.now{margin:0;padding:100px var(--space) 110px;background:var(--ink);color:var(--paper)}.location{font-size:14px;margin-bottom:60px}.now-title{font-size:clamp(60px,10vw,162px);line-height:.98;letter-spacing:-.07em}.now-bottom{font-size:clamp(27px,3.4vw,54px);line-height:1.13;letter-spacing:-.045em;margin-top:90px;max-width:810px}.book{padding:170px 0 140px;align-items:start}.book-lead{font-size:.68em;line-height:1.12;margin-bottom:65px}.book h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(65px,7.2vw,110px);letter-spacing:-.06em;line-height:.9;margin-bottom:38px}.book-description{font-size:20px;line-height:1.5;letter-spacing:-.025em;max-width:470px}.book .narrative .book-description+.book-description{margin-top:15px}.book-link{display:inline-grid;grid-template-columns:1fr auto;column-gap:35px;font-size:18px;letter-spacing:-.02em;margin-top:36px;padding:16px 0 10px;border-top:1px solid var(--ink)}.book-link:hover{color:var(--blue)}.file-note{grid-column:1/-1;font-size:11px;line-height:2;color:var(--muted);letter-spacing:0}.family-photo{margin-top:180px}footer{padding:40px var(--space) 26px;border-top:1px solid var(--line)}.footer-name{display:block;font-size:clamp(27px,4.6vw,76px);line-height:1.05;letter-spacing:-.06em;margin-bottom:55px}.footer-name span{color:var(--blue)}.footer-details{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.footer-details .text-button{font-size:12px}.reading-progress{position:fixed;bottom:0;height:3px;left:0;right:0;z-index:8;pointer-events:none}.reading-progress span{display:block;height:100%;background:var(--blue);width:0}.live{position:relative}.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}.live-word{display:inline-block;white-space:nowrap}.live-letter{position:relative;opacity:0}.live-letter.shown{opacity:1}.live-letter.caret::after{content:'';position:absolute;left:100%;bottom:.08em;height:.8em;width:2px;background:var(--blue);transform:translateX(2px);animation:blink 1s steps(1,end) infinite}.now .live-letter.caret::after{background:#9ab0ff}@keyframes blink{50%{opacity:0}}body.paused .live-letter.caret::after{animation:none;opacity:.5}dialog{border:0;padding:65px 35px 28px;background:var(--paper);color:var(--ink);max-width:min(94vw,1100px);max-height:94svh;width:max-content;overflow:auto}dialog::backdrop{background:rgba(15,22,30,.86);backdrop-filter:blur(8px)}.close-dialog{position:absolute;top:10px;right:22px;background:transparent;font-size:14px;display:flex;gap:22px;align-items:center;padding:10px}.close-dialog span{font-size:26px}.dialog-image{display:block;max-width:100%;max-height:73svh;width:auto;height:auto;margin:auto}.dialog-crop{height:min(72svh,700px);width:auto;margin:auto;background-image:url('../assets/family-archive.jpg')}.dialog-crop.portrait,.dialog-crop.parents{background-size:424.31% 316.05%;background-repeat:no-repeat}#photo-caption{font-size:14px;line-height:1.4;margin-top:20px;max-width:700px}.about-copy{padding:30px 10px 20px;max-width:540px}.about-copy h2{font-size:48px;font-weight:400;letter-spacing:-.055em;margin-bottom:30px}.about-copy p{font-size:19px;line-height:1.5;margin-top:20px}.modal-open{overflow:hidden}
@media(min-width:1600px){.hero{min-height:920px;max-height:1200px}.chapter:not(.now){max-width:1600px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}.hero-photo{max-width:440px}.hero-title{padding-left:0}.hero h1{font-size:210px}}
@media(max-width:1000px){.hero{min-height:90svh;padding-top:145px;grid-template-columns:1fr 35%}.hero-photo{width:100%;margin-top:0}.hero-bottom{padding-top:55px}.split{column-gap:8%;padding:110px 0}.narrative{font-size:clamp(36px,4.9vw,65px)}.dora{column-gap:8%}.family-photo{margin-top:170px}.book-description{font-size:18px}.book-lead{margin-bottom:45px}.photo-plus{opacity:1}.book-link{font-size:16px}.header-note{display:none}}
@media(max-width:640px){:root{--space:22px}.site-header{height:78px;padding-top:16px}.wordmark{font-size:34px}.reader-controls{gap:20px}.reader-controls button{font-size:12px}.hero{padding-top:130px;min-height:calc(100svh - 15px);grid-template-columns:1fr 42%;gap:0}.hero h1{font-size:14.3vw;letter-spacing:-.06em;line-height:.91}.hero-pre{font-size:.44em;padding-bottom:.25em}.hero-photo{grid-column:2;grid-row:2;margin-top:30px;max-width:210px;width:100%;transform:rotate(4deg)}.hero-photo figcaption{font-size:10px;padding-top:9px}.hero-bottom{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:start;align-self:stretch;justify-content:space-between;padding:45px 15px 0 0;gap:30px}.hero-intro{font-size:23px;line-height:1.12;letter-spacing:-.045em}.hero-intro br{display:none}.start-link{font-size:11px;gap:15px;padding-top:25px}.down{font-size:24px}.split{grid-template-columns:1fr;gap:44px;padding:85px 0}.narrative{font-size:39px;line-height:1.08}.narrative .secondary{font-size:26px;line-height:1.15}.origins{margin-top:40px;padding-bottom:110px}.parents-photo{width:65%;justify-self:end;margin-right:8px}.place-note{bottom:35px;font-size:12px}.dora{grid-template-columns:1fr;padding-top:50px;padding-bottom:90px}.dora .narrative{grid-row:1;font-size:39px}.dora-photo{width:64%;justify-self:start}.memory{padding:65px 0 75px}.memory-label{margin-bottom:40px;font-size:12px}.wide-line{font-size:46px;line-height:1.07}.memory-afterthought{margin-top:45px;font-size:27px;max-width:260px}.notebook-photo{width:70%;justify-self:end;margin-right:8px}.now{padding:65px var(--space) 80px}.location{font-size:12px;margin-bottom:50px}.now-title{font-size:14.4vw;line-height:1.02;letter-spacing:-.065em}.now-bottom{font-size:31px;line-height:1.12;margin-top:60px}.book{padding:85px 0 70px;gap:50px}.book-lead{font-size:31px;margin-bottom:45px}.book h2{font-size:88px}.book-description{font-size:20px;line-height:1.4}.book .narrative p+p{margin-top:20px}.family-photo{margin-top:0;width:100%}.book-link{font-size:18px}.footer-details{flex-direction:column;align-items:start;gap:10px}.footer-name{font-size:39px;max-width:340px;margin-bottom:35px}footer{padding-top:32px;padding-bottom:30px}figcaption{font-size:12px}.photo-plus{width:28px;height:28px;font-size:20px;bottom:8px;right:8px}dialog{padding:60px 18px 24px;max-width:96vw}.dialog-crop{height:auto;width:min(78vw,440px)}.about-copy{padding:10px 0}.about-copy h2{font-size:40px}.about-copy p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.live-letter{opacity:1}.live-letter.caret::after{display:none}}
@media print{.site-header,.reader-controls,.start-link,.reading-progress,.photo-plus,dialog,.text-button{display:none!important}.hero{min-height:0}.live-letter{opacity:1}.chapter{break-inside:avoid;margin:0;padding:40px 0}.now{color:var(--ink);background:transparent}.hero-photo{display:none}h1{font-size:80px}.narrative,.wide-line,.now-title{font-size:32px}.book-link{display:none}footer{padding:30px 0}.split{gap:40px}}

.dialog-crop{aspect-ratio:288/405}.site-header{transition:background .2s,color .2s}.on-dark .site-header{background:var(--ink);color:var(--paper)}.on-dark .wordmark-dot,.on-dark .reader-controls #pause::before{color:#9ab0ff}

.reader-controls button{font-size:15px}@media(max-width:640px){.reader-controls button{font-size:14px}}