@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--paper:#e9ddc1;--light:#f6edd9;--ink:#303f3a;--muted:#646657;--rust:#974a36;--line:#303f3a30;--serif:'Cormorant Garamond',Georgia,serif;--hand:'Caveat',cursive;--sans:'DM Sans',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;background-image:radial-gradient(ellipse at 30% 0%,#fff8e455,transparent 70%),url('paper-grain.svg')}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--rust);outline-offset:6px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:1rem;z-index:50;padding:1rem;background:var(--light)}.skip:focus{top:1rem}.masthead,footer{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;letter-spacing:.17em;padding:2rem 4vw}.masthead{border-bottom:1px solid var(--line);margin:0 4vw;padding-left:0;padding-right:0}.arrival{min-height:calc(100svh - 89px);display:grid;place-content:center;justify-items:center;padding:5rem 1.5rem 3rem;position:relative;overflow:hidden;perspective:1600px}.letter{width:min(730px,88vw);padding:3.7rem 4.2rem;background:var(--light);box-shadow:0 4px 8px #56462912,0 30px 80px #56462920;position:relative;transform:rotate(-2deg);transform-origin:center top;transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .6s;isolation:isolate;border:1px solid #fff7e1;clip-path:polygon(0 .2%,99.8% 0,100% 99.8%,.2% 100%)}.letter:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 48.8%,#86755112 49.8%,#fff8e688 50.2%,transparent 51.2%);z-index:-1}.salutation{font-family:var(--hand);font-size:2rem;margin:0 0 1.5rem}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:.96;letter-spacing:-.035em;margin:0}h1{font-size:clamp(3.6rem,6.7vw,6rem)}h1 em{font-size:.64em;font-weight:400;color:var(--rust)}.letter-copy{font-family:var(--serif);font-size:1.4rem;line-height:1.5;margin:1.8rem 0 2rem}.signature{font-family:var(--hand);font-size:1.8rem;line-height:1.15;margin:2.2rem 0 0}.open-letter{background:var(--ink);color:var(--light);border:0;display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:1.1rem 1.4rem;min-height:52px;box-shadow:3px 3px 0 #e8dbb8;transition:background .2s,transform .2s}.open-letter:hover{background:var(--rust);transform:translateY(-2px)}.open-letter span:last-child{font-size:1.4rem}.postmark{position:absolute;top:3.1rem;right:10%;font-family:var(--sans);font-size:.75rem;letter-spacing:.2em;text-align:center;color:var(--rust);border-block:3px double;padding:.7rem;transform:rotate(9deg)}.postmark span{display:block;font-size:.75rem;margin-top:.3rem}.arrival-note{font-family:var(--hand);font-size:1.3rem;color:var(--muted);margin-top:2.5rem;transform:rotate(-2deg)}.opening .letter{transform:rotate(0) rotateX(28deg) translateY(-25px);opacity:.15}.opened .arrival{display:none}.opened .masthead{animation:fade 1s}.journey-heading{text-align:center;max-width:820px;margin:0 auto;padding:6rem 1.5rem 3rem}.eyebrow{font-size:.75rem;letter-spacing:.23em;margin:0 0 1.6rem;color:var(--rust)}h2{font-size:clamp(3.5rem,7vw,6rem)}h2 em{font-weight:400}.journey-heading>p:not(.eyebrow){font-family:var(--serif);font-size:1.4rem;line-height:1.5;margin:1.8rem 0}.text-link{background:none;border:0;border-bottom:1px solid currentColor;padding:.6rem 0;font-family:var(--hand);font-size:1.5rem;text-decoration:none;display:inline-block}.travel-layout{display:grid;grid-template-columns:48% 52%;max-width:1500px;margin:auto;align-items:start}.atlas{position:sticky;top:1rem;padding:1rem 1vw 1rem 3vw}.map-paper{position:relative;aspect-ratio:4/5;max-height:76svh;margin:auto;width:auto;max-width:100%;background:#ece0c3;box-shadow:0 12px 35px #56462916;overflow:hidden}.map-paper>img{display:block;width:100%;height:100%;object-fit:fill}.route-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-caption{position:absolute;bottom:5%;right:7%;font-family:var(--hand);font-size:1.2rem;transform:rotate(-4deg)}#route-track{fill:none;stroke:#974a3650;stroke-width:2;stroke-dasharray:5 7}#route-ink{fill:none;stroke:var(--rust);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1s}.map-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1rem;max-width:530px;margin:1.2rem auto}.map-nav a{font-family:var(--hand);font-size:1.2rem;text-decoration:none;padding:.35rem}.map-nav a[aria-current]{color:var(--rust);text-decoration:underline;text-underline-offset:.25rem}.map-progress{text-align:center;font-size:.75rem;letter-spacing:.12em;color:var(--muted);margin:.7rem}.chapter{min-height:90svh;padding:6rem 4vw 7rem 2vw;position:relative;scroll-margin-top:1rem}.chapter-number{font-family:var(--serif);font-size:4.5rem;color:#974a3640;line-height:1;margin:0 0 .6rem}h3{font-size:clamp(3.3rem,5vw,5.4rem)}.chapter .place-note{font-family:var(--hand);font-size:1.6rem;color:var(--rust);margin:.7rem 0 1.5rem}.chapter-copy{font-family:var(--serif);font-size:1.45rem;line-height:1.5;max-width:25rem}.photo-pair{position:relative;margin-top:2.4rem;padding-bottom:3rem}.photo{margin:0;width:88%;padding:.7rem .7rem 2.7rem;background:#faf3e4;box-shadow:0 7px 20px #34281326;transform:rotate(-3deg);position:relative}.photo:nth-child(2){width:65%;margin:-2rem 0 0 auto;transform:rotate(5deg)}.photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.photo figcaption{font-family:var(--hand);font-size:1.25rem;position:absolute;bottom:.65rem;left:1rem;right:1rem}.chapter:nth-child(even) .photo:first-child{transform:rotate(2deg)}.chapter:nth-child(even) .photo:nth-child(2){transform:rotate(-4deg)}.chapter:after{content:'';position:absolute;bottom:0;left:2vw;right:5vw;border-bottom:1px solid var(--line)}.film-finale{padding:8rem 4vw 5rem;text-align:center;background:#293e38;color:var(--light);margin-top:4rem}.film-finale .eyebrow{color:#d7b087}.film-intro{font-family:var(--hand);font-size:1.7rem;line-height:1.3;margin:2rem 0}.film-frame{max-width:1080px;margin:3rem auto;background:#15231f;padding:.6rem;box-shadow:0 20px 60px #0004;transform:rotate(-.6deg)}video{display:block;width:100%;aspect-ratio:16/9;background:#15231f}.film-finale>.signature{font-size:2.3rem;margin-top:3.5rem}.signature span{font-size:1.5rem;display:block;margin-top:1rem}.film-finale .text-link{margin-top:3rem;font-size:1.25rem}footer{padding-top:2rem;padding-bottom:2rem;font-size:.75rem}.noscript{text-align:center;padding:2rem}main:focus{outline:none}.chapter.in-view .photo{animation:arrive 1s both}.chapter.in-view .photo:nth-child(2){animation-delay:.15s}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.masthead{font-size:.75rem;letter-spacing:.1em;padding-block:1.25rem}.arrival{padding-top:4rem}.letter{padding:2.8rem 1.8rem;width:88vw}.salutation{font-size:1.7rem}h1{font-size:3.6rem}.letter-copy{font-size:1.2rem}.postmark{top:1rem;right:6%;font-size:.75rem}.arrival-note{font-size:1.05rem}.journey-heading{padding-top:4rem;padding-bottom:2rem}.travel-layout{display:block}.atlas{position:relative;top:0;padding:0 5vw 2rem}.map-paper{max-height:none;width:100%;max-width:500px}.map-caption{font-size:1.1rem}.map-nav{max-width:340px}.chapter{min-height:auto;padding:4rem 8vw 5rem}.chapter-copy{max-width:none}.chapter:after{left:8vw;right:8vw}.chapter-number{font-size:3rem}.photo-pair{max-width:520px;margin-inline:auto}.film-finale{padding:5rem 5vw 3rem;margin-top:0}.film-finale h2{font-size:3.5rem}.film-frame{padding:.3rem;margin-inline:-2vw}footer{font-size:.75rem;letter-spacing:.1em}.open-letter{width:100%}}

/* The artwork carries the scenery; geometry here only folds, reveals and moves it. */
.map-peek{position:absolute;width:min(700px,80vw);aspect-ratio:4/5;max-height:70%;background:url('assets/atlas.png') center/cover;transform:rotate(8deg) translate(5%,0);opacity:.55;box-shadow:0 20px 40px #44361a24}.letter{z-index:1}.postmark{z-index:2}.unfold-stage{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#e9ddc1e8;perspective:2000px;opacity:0;transition:opacity .45s}.unfold-stage.unfolding{opacity:1}.unfold-map{width:min(680px,86vw);aspect-ratio:4/5;max-height:88svh;display:flex;transform-style:preserve-3d;transform:rotateX(12deg) scale(.85);transition:transform 1.5s cubic-bezier(.22,.61,.36,1)}.paper-wing{width:33.3333%;height:100%;background-image:url('assets/atlas.png');background-size:300% 100%;backface-visibility:hidden;box-shadow:inset 1px 0 6px #3b351c30;transition:transform 1.45s cubic-bezier(.22,.61,.36,1);will-change:transform}.left-wing{background-position:0 0;transform-origin:right;transform:rotateY(155deg)}.middle-wing{background-position:50% 0}.right-wing{background-position:100% 0;transform-origin:left;transform:rotateY(-155deg)}.unfolding .unfold-map{transform:rotateX(0deg) scale(1)}.unfolding .left-wing,.unfolding .right-wing{transform:rotateY(0deg)}.unfold-stage.departing{opacity:0;pointer-events:none}.unfold-stage.departing .unfold-map{transform:scale(1.05) translateY(-3%)}.map-world{position:absolute;inset:0;transition:transform 1.8s cubic-bezier(.2,.7,.2,1),transform-origin 1.8s;will-change:transform}.map-world>img{width:100%;height:100%;object-fit:fill;display:block}.map-paper{isolation:isolate;border:1px solid #bca478}.map-paper:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 35px #4b412b30;background:linear-gradient(100deg,transparent 49%,#695b381a 50%,transparent 51%)}.map-caption{background:#f6eddbde;border:1px solid #8b785648;padding:.4rem .7rem;bottom:10%;right:5%;z-index:1;font-size:1.25rem}.map-reset{position:absolute;left:1rem;bottom:1rem;z-index:2;background:#f6eddbeb;border:1px solid #6e674a66;padding:.5rem .7rem;display:flex;gap:.4rem;align-items:center;font-family:var(--hand);font-size:1.05rem;min-height:44px}.map-reset:hover{background:#fff8e8}.map-pin circle{fill:var(--ink);stroke:var(--light);stroke-width:2}.map-pin text{font-family:var(--hand);font-size:26px;font-weight:600;fill:#293e38;paint-order:stroke;stroke:#f2e2bd;stroke-width:4px;stroke-linejoin:round}.map-pin.is-current text{fill:#7d321f;font-size:29px}.map-pin.is-current circle{fill:var(--rust)}#traveller{fill:#953d25;stroke:#ffe5ae;stroke-width:2}#traveller-halo{fill:#953d2520;stroke:#953d2580;stroke-width:1}.chapter{min-height:100svh;padding-top:4rem;padding-bottom:4rem}.chapter-heading{position:relative;padding-left:4rem}.chapter-number{position:absolute;left:0;top:1.2rem;font-size:3rem}.chapter-heading .eyebrow{font-size:.75rem;letter-spacing:.14em;margin:0 0 .9rem}.chapter-heading h2{font-size:clamp(3.4rem,5vw,5.3rem)}.chapter-heading .place-note{font-size:1.55rem}.drawing-wrap{position:relative;margin:-.8rem -2rem 1rem;translate:0 var(--drift,0);transition:translate .12s linear}.drawing{width:100%;aspect-ratio:1;background-image:url('assets/travel-drawings.png');background-size:200% 300%;background-position:var(--cell-x) var(--cell-y);background-repeat:no-repeat;mix-blend-mode:multiply;mask-image:linear-gradient(110deg,#000 35%,transparent 60%);mask-size:300% 100%;mask-position:100% 0;opacity:.2;transform:translateY(15px);transition:mask-position 2.4s cubic-bezier(.2,.7,.2,1),opacity 1.5s,transform 1.8s}.in-view .drawing{mask-position:0 0;opacity:1;transform:translateY(0)}.sketch-annotation{display:block;position:absolute;bottom:3%;right:4%;font-family:var(--hand);font-size:1.2rem;color:var(--rust);transform:rotate(-5deg);opacity:0;transition:opacity 1s 1.2s}.in-view .sketch-annotation{opacity:1}.chapter-copy{margin:.5rem 0 1rem 4rem;font-size:1.35rem;max-width:28rem}.chapter-tail{display:block;text-align:right;margin-top:2rem;font-family:var(--hand);font-size:1.3rem;color:var(--muted)}.film-finale{position:relative;clip-path:polygon(0 1%,5% .4%,12% .9%,21% .2%,31% .6%,40% 0,53% .6%,63% .2%,75% .8%,86% .2%,95% .7%,100% 0,100% 100%,0 100%);padding-top:9rem}.film-finale .signature{transform:rotate(-2deg)}
@media(max-width:760px){.map-peek{max-height:75%}.unfold-map{width:86vw;height:auto;max-height:84svh}.atlas{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:.5rem;background:var(--paper);padding:.6rem 4vw;border-block:1px solid #74684b45;box-shadow:0 5px 20px #473b2510}.map-paper{height:205px;aspect-ratio:4/5;width:164px;margin:0 auto;max-width:100%}.map-caption{display:none}.map-reset{left:.3rem;bottom:.3rem;font-size:.8rem;padding:.15rem .4rem;min-height:32px}.map-nav{margin:0;display:grid;gap:0;grid-column:2;grid-row:1}.map-nav a{font-size:1.05rem;padding:.23rem .2rem;line-height:1.2}.map-progress{grid-column:1/-1;font-size:.75rem;line-height:1;margin:.1rem 0 .2rem}.chapter{scroll-margin-top:265px;padding:3rem 6vw 3.5rem;min-height:85svh}.chapter-heading{padding-left:2.6rem}.chapter-number{font-size:2rem;top:1.7rem}.chapter-heading h2{font-size:3.3rem}.chapter-heading .place-note{font-size:1.35rem}.chapter-heading .eyebrow{font-size:.75rem}.drawing-wrap{margin:-.5rem -4vw .5rem;translate:none}.chapter-copy{margin-left:2.6rem;font-size:1.25rem}.sketch-annotation{font-size:1.05rem;right:6%}.chapter-tail{margin-top:1.5rem}.film-finale{padding-top:6rem}.journey-heading{padding-bottom:3rem}}


.effect-definitions{position:absolute;pointer-events:none}.drawing{position:relative}.scene-water{position:absolute;inset:0;background:inherit;clip-path:polygon(0 var(--water-top),100% var(--water-top),100% 100%,0 100%);opacity:0;transition:opacity 1.5s;pointer-events:none}.in-view.scene-current .scene-water{opacity:1;filter:url('#water-ink')}.scene-glow{position:absolute;inset:0;opacity:0;mix-blend-mode:soft-light;pointer-events:none}.havana-glow{background:radial-gradient(ellipse at 12% 21%,#ffb952aa,transparent 24%),radial-gradient(ellipse at 62% 50%,#e9964277,transparent 28%)}.train-glow{background:radial-gradient(ellipse at 74% 64%,#ffeacb99,transparent 8%)}.in-view.scene-current .scene-glow{animation:lamplight 6s ease-in-out infinite}@keyframes lamplight{0%,100%{opacity:.35}50%{opacity:.85}}

.chapter-next{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-top:1px solid var(--line);padding:1rem 0;margin:2rem 0 0 4rem;text-decoration:none;font-family:var(--hand);font-size:1.45rem;color:var(--rust)}.chapter-next span:first-child{font-family:var(--sans);font-size:.75rem;letter-spacing:.15em;color:var(--muted)}.chapter-next:hover{color:var(--ink)}.map-pin{cursor:pointer}.map-pin:hover circle{r:8;fill:var(--rust)}.map-pin:hover text{fill:var(--rust)}@media(max-width:760px){.chapter-next{margin-left:2.6rem}.map-nav a{min-height:32px}}
.lima-glow{background:radial-gradient(ellipse at 50% 35%,#b97beeb0,transparent 30%),radial-gradient(ellipse at 20% 60%,#759cf599,transparent 30%)}

@media(min-width:761px){.map-paper{width:min(100%,60svh);max-height:none;aspect-ratio:4/5}}.unfold-map{width:min(680px,86vw,70.4svh);max-height:none}

#route-ink{transition:none}

/* Copy-light revision: give the paper and drawings the room previously used by prose. */
.arrival{min-height:100svh;padding:4rem 1.5rem}.letter{padding-block:4.5rem}.letter .open-letter{margin-top:2.6rem}.letter .signature{margin-top:2rem}.travel-layout{padding-top:2rem}.chapter{min-height:auto;padding-top:3rem;padding-bottom:3rem}.chapter-heading{padding-top:.3rem}.chapter-number{top:.3rem}.drawing-wrap{margin:.5rem -2rem 1rem}.chapter-next{justify-content:flex-end;margin-top:0}.chapter-next span:first-child{font-family:var(--hand);font-size:1.45rem;letter-spacing:0;color:var(--rust)}.film-finale{padding-top:6rem}.film-frame{margin-top:2.5rem}.film-finale .text-link{margin-top:1rem}@media(max-width:760px){.arrival{padding:3rem 1.5rem}.letter{padding:3.5rem 1.8rem}.travel-layout{padding-top:0}.chapter{padding:2.5rem 6vw}.chapter-heading{padding-top:0}.chapter-number{top:.4rem}.drawing-wrap{margin:.5rem -4vw 1rem}.film-finale{padding-top:4rem}.film-finale h2{font-size:3rem}}