:root{--paper:#f2f3ee;--ink:#182431;--muted:#626c75;--blue:#284bc5;--line:#c9cec8;--space:clamp(24px,6vw,100px);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased}button,a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{border:0;background:transparent;cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}h1,h2,p,figure{margin:0}::selection{background:#c7d4fc}.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}.typed{visibility:hidden}.typed.prepared{visibility:visible}.line{display:block}.line.gap{height:.6em}.word{display:inline-block;white-space:nowrap}.letter{opacity:0;position:relative}.letter.written{opacity:1}.letter.caret::after{content:'';position:absolute;left:100%;bottom:.08em;height:.8em;width:2px;background:var(--blue);transform:translateX(2px)}.chapter{padding:100px var(--space) 120px;max-width:1600px;margin:0 auto;min-height:100svh;scroll-margin-top:0}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);grid-template-rows:auto auto auto;column-gap:9%;align-content:center;align-items:start}.hero-title{grid-column:1;grid-row:1}.hero h1{font-size:clamp(65px,8.6vw,138px);font-weight:500;letter-spacing:-.06em;line-height:.94}.hero h1 .line:first-child{font-size:.38em;font-weight:400;line-height:1.5;letter-spacing:-.04em;margin-bottom:.2em}.hero-bottom{grid-column:1;grid-row:2;margin-top:45px}.hero-intro{font-size:clamp(26px,2.7vw,42px);line-height:1.17;letter-spacing:-.035em}.closing-intro{margin-top:.75em}.hero-photo{grid-column:2;grid-row:1/3;align-self:center;width:100%;max-width:360px;justify-self:end}.photo-button{display:block;position:relative;padding:0;width:100%;overflow:hidden;text-align:left}.photo-button img{display:block;width:100%;height:auto}.archive-crop{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%}.photo-plus{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:23px;background:var(--paper)}figcaption{font-size:14px;line-height:1.4;color:var(--muted);padding-top:16px;letter-spacing:0}.split{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);column-gap:10%;align-content:center;align-items:center}.narrative{grid-column:1;font-size:clamp(37px,4.4vw,72px);line-height:1.08;letter-spacing:-.05em}.narrative p+p{margin-top:.75em}.narrative .secondary{font-size:.64em;line-height:1.2;letter-spacing:-.035em}.narrative .last-line{font-size:.8em}.split figure{grid-column:2;grid-row:1;max-width:390px;justify-self:end}.parents-photo{width:90%}.dora-photo{width:78%}.notebook-photo{width:90%}.place-note{font-size:14px;grid-column:1;margin-top:55px;color:var(--muted)}.memory-label{font-size:14px;color:var(--muted);margin-bottom:55px}.wide-line{font-size:clamp(42px,5.7vw,90px);line-height:1.08;letter-spacing:-.055em;max-width:1160px}.quiet-line{margin-top:.55em;color:var(--muted)}.memory-afterthought{font-size:clamp(28px,3vw,46px);line-height:1.16;letter-spacing:-.04em;margin-top:55px}.memory{display:flex;flex-direction:column;justify-content:center}.now{max-width:none;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center}.location{font-size:14px;margin-bottom:50px}.now-title{font-size:clamp(56px,9.4vw,150px);line-height:1;letter-spacing:-.065em}.now-bottom{font-size:clamp(28px,3vw,48px);line-height:1.15;letter-spacing:-.04em;margin-top:55px}.now .letter.caret::after{background:#9ab0ff}.book-lead{font-size:.7em;line-height:1.1;margin-bottom:55px}.book h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(72px,7vw,112px);font-weight:400;line-height:.9;letter-spacing:-.06em;margin-bottom:40px}.book-description{font-size:22px;line-height:1.45;letter-spacing:-.025em}.book .narrative p+p{margin-top:18px}.book-link{font-size:18px;display:inline-block;margin-top:35px;padding:15px 0;border-top:1px solid var(--line);letter-spacing:-.01em}.book-link>span:first-child{margin-left:25px}.file-note{display:block;font-size:12px;color:var(--muted);line-height:2}.book .family-photo{max-width:480px;width:100%}footer{padding:55px var(--space) 100px;border-top:1px solid var(--line)}.footer-name{display:block;font-size:clamp(32px,4.2vw,65px);line-height:1.1;letter-spacing:-.05em;margin-bottom:45px}.footer-details{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}.text-button{padding:10px 0}.arriving{animation:arrive 1.8s ease both}@keyframes arrive{from{opacity:0}to{opacity:1}}dialog{border:0;padding:65px 30px 30px;background:var(--paper);color:var(--ink);max-width:min(94vw,1100px);max-height:94svh;width:max-content;overflow:auto}dialog::backdrop{background:#101720dd;backdrop-filter:blur(8px)}.close-dialog{position:absolute;right:20px;top:12px;font-size:14px;padding:10px;display:flex;gap:20px;align-items:center}.close-dialog span{font-size:26px}.dialog-image{display:block;max-height:72svh;max-width:100%;width:auto;height:auto;margin:auto}.dialog-crop{height:min(70svh,700px);aspect-ratio:288/405;background-image:url('/assets/family-archive.jpg');background-repeat:no-repeat;background-size:424.31% 316.05%;margin:auto}#photo-caption{font-size:14px;margin-top:20px;max-width:700px;line-height:1.4}.about-copy{max-width:540px;padding:15px 0}.about-copy h2{font-size:42px;font-weight:400;letter-spacing:-.05em;margin-bottom:25px}.about-copy p{font-size:18px;line-height:1.5;margin-top:20px}.modal-open{overflow:hidden}.no-script{font-size:24px;line-height:1.4;padding:30px}
@media(max-width:700px){:root{--space:24px}.chapter{padding-top:65px;padding-bottom:110px;min-height:100svh}.hero{display:flex;flex-direction:column;justify-content:center;align-items:stretch}.hero h1{font-size:clamp(54px,17vw,108px);letter-spacing:-.055em;line-height:.95}.hero h1 .line:first-child{font-size:.42em}.hero-bottom{margin-top:36px}.hero-intro{font-size:28px;line-height:1.2}.closing-intro{margin-top:24px}.hero-photo{align-self:flex-start;width:68%;max-width:310px;margin-top:48px}.split{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0}.narrative{font-size:38px;line-height:1.1;letter-spacing:-.045em}.narrative .secondary{font-size:26px;line-height:1.2}.split figure{width:70%;align-self:flex-start;margin-top:45px;order:2}.split .narrative{order:1}.split .place-note{order:3}.dora-photo{max-width:280px}.memory-label{font-size:14px;margin-bottom:38px}.wide-line{font-size:41px;letter-spacing:-.045em;line-height:1.1}.memory-afterthought{font-size:29px;margin-top:40px}.location{margin-bottom:40px}.now-title{font-size:clamp(45px,13vw,90px);letter-spacing:-.055em}.now-bottom{font-size:29px;margin-top:45px}.book-lead{font-size:30px;margin-bottom:45px}.book h2{font-size:82px}.book-description{font-size:22px;line-height:1.4}.book .family-photo{width:100%}.footer-name{font-size:35px}.footer-details{flex-direction:column;align-items:flex-start;gap:8px}dialog{padding:60px 20px 25px}.dialog-crop{height:auto;width:min(78vw,440px)}.about-copy p{font-size:17px}figcaption{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:700px){.hero-title{order:0}.hero-bottom{order:1}.hero-photo{order:2}}