:root{--vellum: #f2e8d5;--basalt: #231f1c;--sepia: #6b4e34;--humboldt: #175360;--sally: #c24230;--booby: #2f9db6;--paper: var(--vellum);--paper-deep: #e9dcc4;--ink: var(--basalt);--ink-soft: var(--sepia);--ink-faint: color-mix(in srgb, var(--sepia) 55%, var(--vellum));--sea: var(--humboldt);--sea-deep: #0e3b45;--accent: var(--sally);--interactive: var(--booby);--focus: var(--booby);--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, "SF Mono", Menlo, monospace;--step--1: clamp(.82rem, .79rem + .15vw, .9rem);--step-0: clamp(1rem, .96rem + .2vw, 1.12rem);--step-1: clamp(1.25rem, 1.18rem + .35vw, 1.4rem);--step-2: clamp(1.56rem, 1.44rem + .6vw, 1.75rem);--step-3: clamp(1.95rem, 1.75rem + 1vw, 2.19rem);--step-4: clamp(2.44rem, 2.1rem + 1.7vw, 2.74rem);--step-5: clamp(3.05rem, 2.4rem + 3.2vw, 4rem);--space-2xs: .25rem;--space-xs: .5rem;--space-s: .75rem;--space-m: 1rem;--space-l: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--measure: 34rem;--radius: 2px;--shadow-photo: 0 1px 1px rgba(35, 31, 28, .12), 0 6px 16px rgba(35, 31, 28, .16);--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E")}img{max-width:100%;height:auto;display:block}a{color:color-mix(in srgb,var(--interactive) 80%,var(--ink));text-underline-offset:.15em}h1,h2,h3{font-family:var(--font-display);font-optical-sizing:auto;font-weight:560;line-height:1.08;letter-spacing:-.01em;margin:0 0 var(--space-s);text-wrap:balance}h1{font-size:var(--step-5)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{margin:0 0 var(--space-m);text-wrap:pretty}.logline{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-s);top:-3rem;z-index:100;background:var(--ink);color:var(--paper);padding:var(--space-xs) var(--space-m);border-radius:var(--radius);transition:top .15s var(--ease-out)}.skip-link:focus{top:var(--space-s)}main,header,footer,.overlay{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}#app{min-height:100svh}.frontispiece{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-m);padding:var(--space-2xl) var(--space-l) var(--space-xl);max-width:40rem;margin-inline:auto}.frontispiece__eyebrow{margin:0}.frontispiece__title{margin:0;font-size:var(--step-5);font-style:italic;font-weight:500;color:var(--sea-deep)}.frontispiece__intro{font-size:var(--step-1);max-width:var(--measure);color:var(--ink-soft);margin:0}.frontispiece__scroll{margin:var(--space-l) 0 0;font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.08em;color:var(--ink-faint);animation:nudge 2.4s var(--ease-out) infinite}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.scrolly{position:relative}.chapters{position:relative;z-index:1;margin-top:-100svh}.chapter{min-height:100svh;display:flex;align-items:flex-end;padding:var(--space-xl) var(--space-l) var(--space-2xl);scroll-margin-top:0}.card{width:100%;max-width:32rem;margin-inline:auto;background-color:color-mix(in srgb,var(--vellum) 94%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid color-mix(in srgb,var(--sepia) 22%,transparent);border-radius:var(--radius);padding:var(--space-l) var(--space-l) var(--space-xl);box-shadow:0 2px 4px #231f1c14,0 14px 40px #231f1c24}.card__index{margin:0 0 var(--space-2xs);color:var(--accent)}.card__title{margin:0 0 var(--space-2xs);color:var(--sea-deep)}.card__island{margin:0 0 var(--space-m);color:var(--ink-soft);letter-spacing:.08em}.card__narrative{font-size:var(--step-0)}.card__narrative p{margin:0 0 var(--space-m)}.card__narrative p:last-child{margin-bottom:0}.tags{list-style:none;margin:0 0 var(--space-m);padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-xs)}.tag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);background:color-mix(in srgb,var(--booby) 12%,transparent);border:1px solid color-mix(in srgb,var(--booby) 30%,transparent);padding:.2em .6em;border-radius:999px}.gallery{margin-top:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-2xl)}.photo{margin:0;align-self:center;max-width:min(100%,30rem);transform:rotate(var(--tilt, 0deg))}.photo__frame{position:relative;background-color:var(--paper-deep);background-size:cover;background-position:center;padding:var(--space-xs);box-shadow:var(--shadow-photo);border-radius:var(--radius)}.photo__frame:before{content:"";position:absolute;top:calc(-1 * var(--space-xs));left:50%;width:5.5rem;height:1.4rem;transform:translate(-50%) rotate(-1.5deg);background:color-mix(in srgb,var(--vellum) 78%,transparent);border-left:1px dashed color-mix(in srgb,var(--sepia) 30%,transparent);border-right:1px dashed color-mix(in srgb,var(--sepia) 30%,transparent);box-shadow:0 1px 2px #231f1c1a}.photo__img{width:100%;height:auto;display:block;opacity:0;transition:opacity .6s var(--ease-out)}.photo__frame.is-loaded .photo__img{opacity:1}.photo__caption{margin-top:var(--space-s);font-family:var(--font-display);font-style:italic;font-size:var(--step-0);color:var(--ink-soft);text-align:center;text-wrap:balance}.colophon{text-align:center;padding:var(--space-2xl) var(--space-l) var(--space-3xl);border-top:1px solid var(--ink-faint)}.colophon .logline{color:var(--ink-faint)}.empty{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-m);max-width:34rem;margin-inline:auto;padding:var(--space-2xl) var(--space-l)}.empty__title{font-style:italic;color:var(--sea-deep)}.empty code{font-family:var(--font-mono);font-size:.9em;background:var(--paper-deep);padding:.1em .35em;border-radius:var(--radius)}.empty__code{font-family:var(--font-mono);background:var(--basalt);color:var(--vellum);padding:var(--space-m);border-radius:var(--radius);overflow-x:auto}.empty__hint{color:var(--ink-soft);font-size:var(--step--1)}@media (min-width: 48rem){.chapter{padding-inline:var(--space-2xl);align-items:center}.card{margin-inline:0 auto;max-width:30rem}}.map-stage{position:sticky;top:0;height:100svh;z-index:0;overflow:hidden;background-color:var(--map-sea)}:root{--map-sea: color-mix(in srgb, var(--humboldt) 20%, var(--vellum));--map-land: #d9caa8}.map__svg{width:100%;height:100%;display:block}.map__sea{fill:var(--map-sea)}.map__view{transition:transform 1.3s var(--ease-out)}.island{fill:var(--map-land);stroke:var(--sepia);stroke-width:2.4;stroke-linejoin:round;vector-effect:non-scaling-stroke}.island__label{fill:color-mix(in srgb,var(--sepia) 88%,#000);font-family:var(--font-display);font-style:italic;font-size:21px;font-weight:500;text-anchor:middle;paint-order:stroke;stroke:var(--map-land);stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none;letter-spacing:.01em}.route-base{fill:none;stroke:color-mix(in srgb,var(--sepia) 45%,transparent);stroke-width:2.5;stroke-dasharray:1 9;stroke-linecap:round;vector-effect:non-scaling-stroke}.route-progress{fill:none;stroke:var(--sepia);stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1.1s var(--ease-out)}.marker__hit{fill:transparent}.marker__dot{fill:var(--vellum);stroke:var(--sepia);stroke-width:2.4;vector-effect:non-scaling-stroke;transition:fill .4s var(--ease-out),r .4s var(--ease-out)}.marker__n{fill:var(--sepia);font-family:var(--font-mono);font-size:13px;text-anchor:middle;opacity:0;transition:opacity .4s var(--ease-out);vector-effect:non-scaling-stroke}.marker.is-active .marker__dot{fill:var(--sally);stroke:var(--vellum)}.marker.is-active .marker__n{opacity:1;fill:color-mix(in srgb,var(--sepia) 90%,#000)}.ship{transition:transform 1.3s var(--ease-out)}.ship__halo{fill:color-mix(in srgb,var(--sally) 22%,transparent)}.ship__dot{fill:var(--sally);stroke:var(--vellum);stroke-width:2;vector-effect:non-scaling-stroke}@media (prefers-reduced-motion: reduce){.map__view,.ship,.route-progress,.marker__dot,.marker__n{transition:none}}.adder{margin-top:var(--space-l);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.adder__btn{display:inline-block;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:transparent;border:1px dashed color-mix(in srgb,var(--sepia) 45%,transparent);border-radius:999px;padding:.6em 1.3em;cursor:pointer;transition:background .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out)}.adder__btn:hover{background:color-mix(in srgb,var(--booby) 12%,transparent);border-color:var(--booby);color:var(--sea-deep)}.adder__btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.adder__status{margin:0;font-family:var(--font-mono);font-size:.72rem;color:var(--accent);text-align:center}.photo__tools{display:flex;justify-content:center;gap:var(--space-xs);margin-top:var(--space-2xs)}.photo__tool{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;color:var(--ink-soft);background:transparent;border:1px solid color-mix(in srgb,var(--sepia) 28%,transparent);border-radius:999px;padding:.3em .85em;cursor:pointer}.photo__tool:hover{border-color:var(--booby);color:var(--sea-deep)}.photo__tool--remove:hover{border-color:var(--sally);color:var(--sally)}.photo__caption[hidden]{display:none}.viewer{border:0;padding:0;margin:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;background:transparent;color:var(--vellum);overflow:hidden}.viewer::backdrop{background:#100e0cfb}.viewer__figure{margin:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-m);padding:max(var(--space-xl),env(safe-area-inset-top)) var(--space-m) max(var(--space-xl),env(safe-area-inset-bottom))}.viewer__img{max-width:100%;max-height:76svh;object-fit:contain;border-radius:2px;box-shadow:0 18px 50px #00000080}.viewer__caption{font-family:var(--font-display);font-style:italic;font-size:var(--step-0);text-align:center;text-wrap:balance;max-width:34rem;color:color-mix(in srgb,var(--vellum) 88%,transparent)}.viewer__caption[hidden]{display:none}.viewer__count{position:absolute;bottom:max(var(--space-m),env(safe-area-inset-bottom));left:0;right:0;margin:0;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:color-mix(in srgb,var(--vellum) 55%,transparent)}.viewer__close,.viewer__nav{position:absolute;background:#00000059;color:var(--vellum);border:1px solid rgba(242,232,213,.25);border-radius:999px;cursor:pointer;line-height:1;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewer__close:hover,.viewer__nav:hover{background:#0009;border-color:var(--booby)}.viewer__close:focus-visible,.viewer__nav:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.viewer__close{top:max(var(--space-s),env(safe-area-inset-top));right:var(--space-s);width:2.75rem;height:2.75rem;font-size:1.6rem;padding-bottom:.15em}.viewer__nav{top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;font-size:1.8rem;padding-bottom:.12em}.viewer__nav--prev{left:var(--space-s)}.viewer__nav--next{right:var(--space-s)}.viewer__nav[hidden]{display:none}.photo__frame{cursor:zoom-in}.photo__open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.photo__open:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--radius)}@media (min-width: 60rem){.viewer__nav--prev{left:var(--space-xl)}.viewer__nav--next{right:var(--space-xl)}}.routenav{position:fixed;z-index:30;right:var(--space-m);bottom:max(var(--space-m),env(safe-area-inset-bottom))}.routenav__toggle{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sea-deep);background:color-mix(in srgb,var(--vellum) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--sepia) 35%,transparent);border-radius:999px;padding:.7em 1.2em;cursor:pointer;box-shadow:0 2px 4px #231f1c1a,0 10px 24px #231f1c24}.routenav__toggle:hover{border-color:var(--booby)}.routenav__toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.routenav.is-open .routenav__toggle{background:var(--sea-deep);color:var(--vellum);border-color:var(--sea-deep)}.routenav__sheet{position:absolute;right:0;bottom:calc(100% + var(--space-xs));width:min(21rem,calc(100vw - 2 * var(--space-m)));max-height:min(70svh,34rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--vellum);border:1px solid color-mix(in srgb,var(--sepia) 28%,transparent);border-radius:6px;box-shadow:0 4px 8px #231f1c1f,0 20px 50px #231f1c38;padding:var(--space-m)}.routenav__heading{margin:0 0 var(--space-s);color:var(--accent)}.routenav__list{list-style:none;margin:0;padding:0}.routenav__day{margin:var(--space-s) 0 var(--space-2xs);color:var(--ink-faint);font-size:.66rem;border-top:1px solid color-mix(in srgb,var(--sepia) 15%,transparent);padding-top:var(--space-xs)}.routenav__day:first-child{border-top:0;margin-top:0;padding-top:0}.routenav__link{display:grid;grid-template-columns:1.9rem 1fr;align-items:baseline;gap:0 var(--space-2xs);padding:.45em .4em;border-radius:3px;text-decoration:none;color:var(--ink)}.routenav__link:hover{background:color-mix(in srgb,var(--booby) 12%,transparent)}.routenav__link:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.routenav__link.is-active{background:color-mix(in srgb,var(--sally) 12%,transparent)}.routenav__link.is-active .routenav__n{color:var(--sally)}.routenav__n{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint)}.routenav__name{font-family:var(--font-display);font-size:1rem;line-height:1.2;color:var(--sea-deep)}.routenav__island{grid-column:2;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.marker{cursor:pointer}body.viewing .routenav{opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}