@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Newsreader:opsz,wght@6..72,300;6..72,400;6..72,600&display=swap";:root{--color-paper:oklch(95.603% .01147 84.579);--color-paper-2:oklch(92.5% .014 84.579);--color-paper-3:oklch(87.5% .016 84.579);--color-ink:oklch(24.074% .006 67.595);--color-ink-2:oklch(35% .01 67.595);--color-muted:oklch(47% .012 72);--color-rule:oklch(77% .014 80);--color-rule-2:oklch(84% .012 82);--color-accent:#c74b37;--color-accent-ink:#fff;--color-focus:#a93b2d;--color-accent-muted:#e8bdb4;--font-display:"Hoefler Text", "Newsreader", "Iowan Old Style", "Baskerville", serif;--font-body:"Avenir Next", "IBM Plex Sans", sans-serif;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--space-5xl:13rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.953rem;--text-2xl:2.441rem;--text-3xl:3.052rem;--text-4xl:3.815rem;--text-display:clamp(3.25rem, 7.4vw, 6.7rem);--text-display-small:clamp(2.65rem, 5vw, 4.9rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--rule-hair:1px;--rule-double:4px;--radius-none:0;--radius-soft:.25rem;--page-gutter:clamp(1rem, 4vw, 4rem);--content-max:88rem;--z-base:1;--z-raised:10;--z-sticky:200}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;background:var(--color-paper)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}body:before{content:"";z-index:var(--z-base);pointer-events:none;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E");position:fixed;inset:0}main,.letter-footer{z-index:var(--z-raised);position:relative}.friend-note{background:var(--color-ink);color:var(--color-paper);padding:clamp(var(--space-3xl), 10vw, var(--space-5xl)) var(--page-gutter)}.friend-note__inner{width:min(100%,64rem);margin-inline:auto}.friend-note__salutation{margin:0 0 var(--space-lg);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase}.friend-note h2{max-width:12ch;font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:clamp(2.75rem,7vw,6.7rem);font-style:normal;font-weight:400;line-height:.96}.friend-note__question{max-width:34ch;margin:var(--space-2xl) 0 0;font-family:var(--font-display);font-size:clamp(var(--text-lg), 3vw, var(--text-2xl));line-height:1.25}.friend-note__context,.friend-note__thanks{max-width:42rem;margin:var(--space-lg) 0 0;line-height:1.65}.friend-note__actions{align-items:center;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;margin-block-start:var(--space-2xl);display:flex}.friend-note__primary,.friend-note__secondary{min-height:48px;padding:0 var(--space-lg);border:var(--rule-hair) solid var(--color-paper);border-radius:var(--radius-none);font:600 var(--text-sm)/1 var(--font-body);white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out)}.friend-note__primary{background:var(--color-paper);color:var(--color-accent);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.friend-note__secondary{color:var(--color-paper);cursor:pointer;background:0 0}.friend-note__primary:focus-visible,.friend-note__secondary:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.friend-note__primary:active,.friend-note__secondary:active{transform:translateY(1px)}.friend-note__secondary[disabled]{cursor:not-allowed;opacity:.55}img,video{max-width:100%;display:block}a,button{color:inherit;font:inherit}a{text-decoration-thickness:var(--rule-hair);text-underline-offset:.24em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:var(--space-2xs)}.skip-link{z-index:var(--z-sticky);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);transition:transform var(--dur-short) var(--ease-out);white-space:nowrap;position:fixed;inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.masthead{z-index:var(--z-sticky);align-items:center;gap:var(--space-lg);width:min(100%, var(--content-max));padding:var(--space-lg) var(--page-gutter);grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);margin-inline:auto;display:grid;position:absolute;inset-block-start:0;inset-inline:0}.motion-toggle{min-height:44px;padding:var(--space-xs) var(--space-sm);color:var(--color-muted);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);background:0 0;border:0}.motion-toggle:active{transform:translateY(1px)}.motion-toggle[aria-pressed=true]{color:var(--color-accent)}.motion-toggle:disabled{cursor:not-allowed;opacity:.5}.masthead__brand{align-items:center;min-height:44px;display:inline-flex}.masthead__brand img{width:clamp(9rem,15vw,13rem);height:auto}.masthead__nav{justify-self:center}.masthead__nav ul{justify-content:center;align-items:center;gap:clamp(var(--space-sm), 3vw, var(--space-xl));margin:0;padding:0;list-style:none;display:flex}.masthead__nav a{min-height:44px;color:var(--color-ink-2);font-size:var(--text-sm);white-space:nowrap;transition:color var(--dur-short) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.letter-hero{isolation:isolate;min-height:100svh;padding:clamp(9rem, 18svh, 13rem) var(--page-gutter) var(--space-3xl);background:var(--color-paper);align-items:flex-start;display:flex;position:relative;overflow:hidden}.letter-hero:after{content:"";z-index:var(--z-base);pointer-events:none;background:linear-gradient(100deg, color-mix(in oklch, var(--color-paper) 82%, transparent), transparent 68%);position:absolute;inset:0}.letter-hero__art{z-index:0;position:absolute;inset:-1.5%;overflow:hidden}.letter-hero__art img{object-fit:cover;object-position:center;width:100%;height:100%;animation:hero-breathe 18s var(--ease-in-out) infinite alternate;transform:scale(1.025)translate(-.35%)}.letter-hero__copy{z-index:var(--z-raised);min-width:0;max-width:45rem;position:relative}.letter-hero__place{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase}.letter-hero h1,.chapter h2,.closing h2{overflow-wrap:anywhere;min-width:0;color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-style:normal;font-weight:300}.letter-hero h1{max-width:7.2ch;font-size:clamp(4.25rem,9vw,8.7rem);line-height:.86}.brand-comma{vertical-align:-.07em;width:.45em;height:.45em;margin-inline-start:.035em;display:inline-block}.brand-comma img{width:100%;height:100%}.letter-hero__lede{max-width:31ch;margin:var(--space-xl) 0 0;font-family:var(--font-display);font-size:clamp(var(--text-lg), 2.4vw, var(--text-2xl));font-weight:300;line-height:1.24}.letter-hero__body{max-width:56ch;margin:var(--space-lg) 0 0;color:var(--color-ink-2);font-size:clamp(var(--text-base), 1.4vw, var(--text-md))}.letter-hero__enter{min-height:44px;color:var(--color-ink);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);white-space:nowrap;transition:color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);align-items:center;margin-block-start:var(--space-lg);font-weight:600;text-decoration-thickness:2px;display:inline-flex}.letter-hero__enter:active{transform:translateY(1px)}.flock{z-index:var(--z-raised);pointer-events:none;color:var(--color-ink-2);position:absolute;inset:0}.bird{--bird-opacity:.78;--bird-blur:0px;--flap-duration:.46s;--flap-delay:0s;--body-duration:.92s;width:clamp(2.5rem,4vw,4.6rem);opacity:var(--bird-opacity);filter:blur(var(--bird-blur));transform-origin:50%;will-change:transform;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.bird svg{fill:currentColor;width:100%;height:auto;animation:bird-body var(--body-duration) var(--ease-in-out) var(--flap-delay) infinite;display:block}.bird__shape{transform-box:fill-box;transform-origin:50%}.bird[data-profile=bank] .bird__shape{transform:rotate(-3deg)scaleY(.86)}.bird[data-profile=glide] .bird__shape{transform:scaleX(1.08)scaleY(.78)}.bird__wing{transform-box:fill-box;transform-origin:78% 74%;will-change:transform, opacity}.bird__wing--up{animation:wing-pose-up var(--flap-duration) var(--ease-in-out) var(--flap-delay) infinite}.bird__wing--mid{animation:wing-pose-mid var(--flap-duration) var(--ease-in-out) var(--flap-delay) infinite}.bird__wing--down{animation:wing-pose-down var(--flap-duration) var(--ease-in-out) var(--flap-delay) infinite}.bird__head{opacity:.94}.motion-paused .letter-hero__art img,.motion-paused .bird svg,.motion-paused .bird__wing{animation-play-state:paused}.film{min-width:0;margin:0}.film__window{aspect-ratio:608/540;background:var(--color-paper-3);border-block:var(--rule-hair) solid var(--color-rule);position:relative;overflow:hidden}.film__window video{object-fit:cover;filter:saturate(.83)contrast(.98)brightness(.96);width:100%;height:100%}.film__window:after{content:"";pointer-events:none;background:linear-gradient(180deg, transparent 70%, color-mix(in oklch, var(--color-ink) 24%, transparent));opacity:.55;position:absolute;inset:0}.film figcaption{justify-content:space-between;gap:var(--space-md);color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin-block-start:var(--space-sm);line-height:1.45;display:flex}.story{padding-block-end:var(--space-4xl)}.chapter{width:min(100%, var(--content-max));padding-inline:var(--page-gutter);margin-inline:auto}.chapter+.chapter{margin-block-start:var(--space-4xl)}.chapter--prose{max-width:54rem}.chapter--memory{isolation:isolate;align-items:flex-start;width:100%;max-width:none;min-height:100svh;padding:0;display:flex;position:relative;overflow:hidden}.chapter--memory .memory-illustration{margin:0;position:absolute;inset:0}.chapter--memory .memory-illustration img{object-fit:cover;object-position:center;filter:saturate(.86)contrast(.96)brightness(1.035);width:100%;height:100%}.chapter--memory:before,.chapter--memory:after,.chapter--turn-illustrated:before,.chapter--turn-illustrated:after,.closing--illustrated:before,.closing--illustrated:after{content:"";z-index:var(--z-base);pointer-events:none;height:13%;position:absolute;inset-inline:0}.chapter--memory:before,.chapter--turn-illustrated:before,.closing--illustrated:before{background:linear-gradient(180deg, var(--color-paper), transparent);inset-block-start:0}.chapter--memory:after,.chapter--turn-illustrated:after,.closing--illustrated:after{background:linear-gradient(0deg, var(--color-paper), transparent);inset-block-end:0}.chapter--memory .chapter__copy{z-index:var(--z-raised);width:min(100%, var(--content-max));max-width:34rem;margin-inline:max(var(--page-gutter), calc((100% - var(--content-max)) / 2 + var(--page-gutter))) auto;padding-block:clamp(var(--space-4xl), 15svh, var(--space-5xl));position:relative}.chapter--offset{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr);display:grid}.chapter__copy{min-width:0;max-width:42rem}.chapter h2,.closing h2{max-width:13ch;font-size:var(--text-display-small);line-height:1.02}.chapter p{max-width:60ch;margin:var(--space-lg) 0 0;color:var(--color-ink-2);font-size:clamp(var(--text-base), 1.2vw, var(--text-md))}.chapter__line{color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-lg);margin-block-start:var(--space-xl);font-weight:400;line-height:1.3;display:block}.chapter--turn{max-width:70rem;padding-block:var(--space-2xl);border-block:var(--rule-hair) solid var(--color-rule)}.chapter--turn-illustrated{max-width:var(--content-max);border:0;min-height:66svh;padding:0;position:relative;overflow:hidden}.chapter--turn-illustrated .memory-illustration{position:absolute;inset:0}.chapter--turn-illustrated .memory-illustration img{object-fit:cover;object-position:center;width:100%;height:100%}.chapter--turn-illustrated .memory-illustration:after{content:"";background:linear-gradient(90deg, transparent 42%, color-mix(in oklch, var(--color-paper) 72%, transparent) 68%, color-mix(in oklch, var(--color-paper) 92%, transparent));pointer-events:none;position:absolute;inset:0}.chapter--turn-illustrated p{z-index:var(--z-raised);width:min(46vw,34rem);max-width:none;padding:clamp(var(--space-2xl), 9vw, var(--space-5xl)) var(--page-gutter);margin:0 0 0 auto;position:relative}.chapter--turn p{color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-xl), 4vw, var(--text-4xl));letter-spacing:-.025em;margin:0;font-weight:300;line-height:1.12}.chapter--turn.chapter--turn-illustrated p{margin-inline-start:auto}.chapter--turn mark{color:var(--color-accent);background:0 0}.chapter--dark{max-width:none;padding-block:var(--space-4xl);background:var(--color-accent);color:var(--color-accent-ink)}.chapter--dark .chapter__inner{gap:var(--space-2xl);width:min(100%, var(--content-max));padding-inline:var(--page-gutter);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.chapter--dark h2,.chapter--dark p,.chapter--dark .chapter__line{color:var(--color-accent-ink)}.chapter--dark .film__window{border-color:var(--color-accent-muted)}.chapter--dark .film figcaption{color:var(--color-accent-ink)}.chapter--dark .film__window video{filter:saturate(.72)contrast(1.02)brightness(.78)}.closing{width:min(100%,72rem);padding:var(--space-5xl) var(--page-gutter) var(--space-3xl);margin-inline:auto}.closing--illustrated{isolation:isolate;width:100%;max-width:none;min-height:78svh;padding:0;position:relative;overflow:hidden}.closing__art{z-index:0;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.closing__copy{z-index:var(--z-raised);width:min(100%, var(--content-max));padding:var(--space-4xl) var(--page-gutter) var(--space-3xl);margin-inline:auto;position:relative}.closing--illustrated h2{max-width:11ch}.closing--illustrated .closing__copy>p:not(.closing__promise){max-width:44ch}.closing p{max-width:54ch;margin:var(--space-xl) 0 0;color:var(--color-ink-2);font-size:var(--text-md)}.closing__promise{color:var(--color-accent);font-family:var(--font-display);font-size:clamp(var(--text-xl), 3vw, var(--text-3xl));font-weight:400;line-height:1.2}.text-link{min-height:44px;color:var(--color-ink);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);white-space:nowrap;transition:color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);align-items:center;margin-block-start:var(--space-xl);font-weight:600;text-decoration-thickness:2px;display:inline-flex}.text-link:active{transform:translateY(1px)}.letter-footer{width:min(100%, var(--content-max));padding:var(--space-2xl) var(--page-gutter) var(--space-xl);border-block-start:var(--rule-hair) solid var(--color-rule);margin-inline:auto}.letter-footer__close{font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-style:normal;line-height:1.4}.letter-footer__sign{color:var(--color-accent);font-weight:600}.letter-footer__meta{justify-content:space-between;gap:var(--space-sm) var(--space-xl);color:var(--color-muted);font-size:var(--text-sm);flex-wrap:wrap;margin-block-start:var(--space-xl);display:flex}@media (hover:hover) and (pointer:fine){.masthead__nav a:hover,.motion-toggle:hover,.letter-hero__enter:hover,.text-link:hover{color:var(--color-accent)}.friend-note__primary:hover{background:var(--color-paper);transform:translateY(-1px)}.friend-note__secondary:hover{background:var(--color-accent-ink);color:var(--color-accent);transform:translateY(-1px)}.text-link:hover{transform:translateY(-1px)}}@media (width>=40rem){.chapter--prose{padding-inline-start:clamp(var(--page-gutter), 11vw, 10rem)}.film figcaption{font-size:var(--text-sm)}}@media (width>=60rem){.chapter--offset{align-items:center;gap:clamp(var(--space-2xl), 9vw, var(--space-5xl));grid-template-columns:minmax(0,5fr) minmax(0,4fr)}.chapter--offset-reverse .film{grid-area:1/1}.chapter--offset-reverse .chapter__copy{grid-area:1/2}.chapter--dark .chapter__inner{align-items:center;gap:clamp(var(--space-2xl), 10vw, var(--space-5xl));grid-template-columns:minmax(0,4fr) minmax(0,5fr)}}@media (width>=90rem){.chapter--offset .film{margin-inline-end:clamp(0rem, 4vw, var(--space-2xl))}}@media (pointer:coarse){.masthead__nav a,.motion-toggle,.text-link{min-height:48px}}@media (width<=47.99rem){.masthead{padding-block:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,auto)}.masthead__nav{display:none}.letter-hero{padding-block-start:clamp(8rem,17svh,10rem)}.letter-hero__art img{object-position:58% center}.letter-hero__lede{max-width:25ch}.letter-hero__body{max-width:38ch}.chapter--memory .memory-illustration img{object-position:58% center}.chapter--memory .chapter__copy{max-width:25rem;margin-inline:var(--page-gutter);padding-block-start:var(--space-4xl)}.chapter--turn-illustrated{min-height:auto}.chapter--turn-illustrated .memory-illustration{position:relative}.chapter--turn-illustrated .memory-illustration:after{display:none}.chapter--turn-illustrated .memory-illustration img{aspect-ratio:16/10;object-position:20% center}.chapter--turn-illustrated p{width:auto;max-width:none;padding:var(--space-2xl) var(--page-gutter)}.closing--illustrated{min-height:88svh}.closing__art{object-position:62% center}.closing__copy{padding-block-start:var(--space-3xl)}.friend-note__actions{flex-direction:column;align-items:stretch}.friend-note__primary,.friend-note__secondary{width:100%}}@keyframes hero-breathe{to{transform:scale(1.045)translate(.35%,-.25%)}}@keyframes bird-body{0%,to{transform:translateY(.5px)rotate(-.7deg)}38%{transform:translateY(-1.5px)rotate(.8deg)}68%{transform:translate(0,0)rotate(0)}}@keyframes wing-pose-up{0%,18%,to{opacity:.94;transform:rotate(-5deg)scaleY(1)}32%,88%{opacity:0;transform:rotate(12deg)scaleY(.5)}}@keyframes wing-pose-mid{0%,to{opacity:0;transform:rotate(-9deg)scaleX(.72)}23%,37%,76%,91%{opacity:.88;transform:rotate(0)scaleX(1)}50%,66%{opacity:0;transform:rotate(8deg)scaleX(.76)}}@keyframes wing-pose-down{0%,35%,90%,to{opacity:0;transform:rotate(-12deg)scaleY(.48)}48%,72%{opacity:.92;transform:rotate(2deg)scaleY(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.letter-hero__art img,.bird,.bird__wing{animation:none!important}}@media print{.motion-toggle,video{display:none}.film__window{background-position:50%;background-size:cover}}