: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);--ink-deep: #3a2a18;--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{position:relative;z-index:0;width:100%;max-width:32rem;margin-inline:auto;padding:var(--space-l) var(--space-l) var(--space-xl);transform:rotate(var(--lean, -.35deg));--paper: color-mix(in srgb, var(--vellum) 94%, transparent);--paper-blur: 2px;box-shadow:0 1px 2px #231f1c12,2px 10px 26px #231f1c26,0 22px 46px #231f1c1a}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--paper);-webkit-backdrop-filter:blur(var(--paper-blur, 0px));backdrop-filter:blur(var(--paper-blur, 0px));--tear-t: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='9'%3E%3Cpath fill='%23fff' d='M0,4 C8,1.5 14,5.5 22,4 C30,2.5 36,6 44,4.5 C52,3 58,1 66,3 C74,5 80,2.5 88,4 C96,5.5 102,2 110,3.5 C115,4.4 118,3.2 120,4 L120,9 L0,9 Z'/%3E%3C/svg%3E");--tear-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='9'%3E%3Cpath fill='%23fff' d='M0,5 C8,7.5 14,3.5 22,5 C30,6.5 36,3 44,4.5 C52,6 58,8 66,6 C74,4 80,6.5 88,5 C96,3.5 102,7 110,5.5 C115,4.6 118,5.8 120,5 L120,0 L0,0 Z'/%3E%3C/svg%3E");--tear-l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='120'%3E%3Cpath fill='%23fff' d='M4,0 C1.5,8 5.5,14 4,22 C2.5,30 6,36 4.5,44 C3,52 1,58 3,66 C5,74 2.5,80 4,88 C5.5,96 2,102 3.5,110 C4.4,115 3.2,118 4,120 L9,120 L9,0 Z'/%3E%3C/svg%3E");--tear-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='120'%3E%3Cpath fill='%23fff' d='M5,0 C7.5,8 3.5,14 5,22 C6.5,30 3,36 4.5,44 C6,52 8,58 6,66 C4,74 6.5,80 5,88 C3.5,96 7,102 5.5,110 C4.6,115 5.8,118 5,120 L0,120 L0,0 Z'/%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(#000,#000),var(--tear-t),var(--tear-b),var(--tear-l),var(--tear-r);mask-image:linear-gradient(#000,#000),var(--tear-t),var(--tear-b),var(--tear-l),var(--tear-r);-webkit-mask-size:calc(100% - 12px) calc(100% - 12px),120px 9px,120px 9px,9px 120px,9px 120px;mask-size:calc(100% - 12px) calc(100% - 12px),120px 9px,120px 9px,9px 120px,9px 120px;-webkit-mask-position:center,top left,bottom left,top left,top right;mask-position:center,top left,bottom left,top left,top right;-webkit-mask-repeat:no-repeat,repeat-x,repeat-x,repeat-y,repeat-y;mask-repeat:no-repeat,repeat-x,repeat-x,repeat-y,repeat-y}.chapter:nth-child(2n) .card{--lean: .4deg}.chapter:nth-child(2n) .card:before{-webkit-mask-position:center,top -3px left -37px,bottom -2px left -61px,top -53px left,top -29px right;mask-position:center,top -3px left -37px,bottom -2px left -61px,top -53px left,top -29px right}@supports not (mask-image: linear-gradient(#000,#000)){.card:before{border-radius:14px 5px 11px 7px/6px 12px 5px 13px}}.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}.tally{margin-top:var(--space-l);padding-top:var(--space-m);border-top:1px solid color-mix(in srgb,var(--ink-soft) 28%,transparent)}.tally__head{position:relative;display:inline-flex;align-items:center;gap:.55em;min-height:2.6rem;padding:.3em 1em .3em .9em;font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.06em;color:var(--ink);cursor:pointer;list-style:none}.tally__head::-webkit-details-marker{display:none}.tally__head:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 46' preserveAspectRatio='none'%3E%3Cpath d='M7,9 C60,4 122,7 176,5 C205,4 232,6 234,11 C236,20 233,30 234,37 C234,42 196,41 150,42 C104,43 46,41 12,42 C6,42 5,32 6,24 C6,17 4,11 7,9 Z' fill='%23175360' fill-opacity='0.07' stroke='%23175360' stroke-width='1.5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;opacity:.8;transition:opacity .18s var(--ease-out)}.tally__head:hover:before,.tally__head:focus-visible:before{opacity:1}.tally__head:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.tally__verb--hide,.tally[open] .tally__verb--show{display:none}.tally[open] .tally__verb--hide{display:inline}.tally__count{color:var(--ink-soft);font-variant-numeric:tabular-nums;padding-left:.6em;background:linear-gradient(to bottom,transparent 18%,color-mix(in srgb,var(--sepia) 45%,transparent) 18% 82%,transparent 82%) left / 1px 100% no-repeat}.tally__chevron{flex:none;color:var(--sea);transition:transform .14s var(--ease-out)}.tally[open] .tally__chevron{transform:rotate(180deg)}.tally__body{padding-top:var(--space-m)}@media (prefers-reduced-motion: reduce){.tally__chevron,.tally__head:before{transition:none}}.tally__list{list-style:none;margin:0;padding:0;font-size:var(--step--1)}.tally__list+.tally__list{margin-top:var(--space-s)}.tally__item{break-inside:avoid;margin-bottom:var(--space-2xs);line-height:1.45;padding-left:.9em;text-indent:-.9em}.tally__item:before{content:"·";margin-right:.55em;color:var(--ink-faint)}.tally__name{color:var(--ink)}.tally__item--star .tally__name{font-family:var(--font-display);font-style:italic;font-size:var(--step-0);letter-spacing:.01em}.tally__note{color:var(--ink-soft);font-style:italic}.tally__note:before{content:" — ";font-style:normal;color:var(--ink-faint)}.tally__query{font-family:var(--font-mono);color:var(--accent);text-decoration:none;margin-left:.25em;font-size:.85em;vertical-align:super;cursor:help}@media (min-width: 34rem){.tally__list{columns:2;column-gap:var(--space-l)}}.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}}@media (max-width: 47.99rem){.card{--paper: color-mix(in srgb, var(--vellum) 72%, transparent);--paper-blur: 2.5px}}.chapter{margin-bottom:80svh}.chapter:last-child{margin-bottom:var(--space-2xl)}.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 .35s linear}.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}.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__halo{fill:color-mix(in srgb,var(--vellum) 42%,transparent)}.ship__wake{stroke:color-mix(in srgb,var(--vellum) 85%,transparent);stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke}.ship__hull{fill:var(--vellum);stroke:var(--ink-deep, #3a2a18);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ship__boot{fill:var(--humboldt);stroke:none}.ship__house,.ship__canopy{fill:var(--vellum);stroke:var(--ink-deep, #3a2a18);stroke-width:1.3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ship__stack{fill:color-mix(in srgb,var(--sepia) 70%,#000);stroke:var(--ink-deep, #3a2a18);stroke-width:1.1;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ship__ports{stroke:color-mix(in srgb,var(--sepia) 75%,#000);stroke-width:1.4;stroke-dasharray:1.6 1.9;stroke-linecap:butt;vector-effect:non-scaling-stroke}.ship__rig{stroke:var(--ink-deep, #3a2a18);stroke-width:1.2;stroke-linecap:round;vector-effect:non-scaling-stroke;fill:none}@media (prefers-reduced-motion: reduce){.map__view,.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}.notice{position:relative;z-index:2;max-width:34rem;margin:0 auto var(--space-l);padding:var(--space-s) var(--space-m);font-family:var(--font-mono);font-size:.72rem;line-height:1.5;letter-spacing:.02em;color:var(--ink-soft);background:color-mix(in srgb,var(--sally) 8%,transparent);border:1px solid color-mix(in srgb,var(--sally) 32%,transparent);border-radius:4px;text-align:center}.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)}.hero{position:relative;height:100svh;overflow:hidden}.hero__stage{position:absolute;top:0;right:0;bottom:0;left:0}.hero__svg{width:100%;height:100%;display:block}.hero__title{position:absolute;z-index:1;top:clamp(var(--space-l),5svh,var(--space-2xl));left:50%;transform:translate(-50%);width:min(100% - 2 * var(--space-m),30rem);text-align:center;pointer-events:none}.hero__eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 var(--space-xs);padding-left:.28em}.hero__wordmark{font-family:var(--font-display);font-optical-sizing:auto;font-weight:480;font-size:clamp(2.7rem,min(1.5rem + 6vw,1.2rem + 5.5svh),5rem);line-height:.95;letter-spacing:-.02em;color:var(--ink);margin:0}.hero__flourish{display:block;width:min(11rem,60%);height:auto;margin:var(--space-xs) auto var(--space-s);color:var(--ink-faint)}.hero__subline{font-family:var(--font-display);font-style:italic;font-size:var(--step-0);line-height:1.4;color:var(--ink-soft);margin:0}.hero__hull,.hero__house,.hero__canopy{fill:var(--vellum);stroke:var(--ink-deep);stroke-width:2.4;stroke-linejoin:round}.hero__boot{fill:var(--humboldt);stroke:none}.hero__antifoul{fill:var(--sea-deep);stroke:none}.hero__sheer{fill:none;stroke:var(--ink-deep);stroke-width:1.6;opacity:.5}.hero__pane,.hero__glass{fill:color-mix(in srgb,var(--humboldt) 18%,var(--vellum));stroke:var(--ink-deep);stroke-width:1.5;stroke-linejoin:round}.hero__mullion{stroke:var(--ink-deep);stroke-width:1.4;fill:none}.hero__stack{fill:color-mix(in srgb,var(--sepia) 62%,#000);stroke:var(--ink-deep);stroke-width:2.2;stroke-linejoin:round}.hero__stackcap{fill:var(--vellum);stroke:var(--ink-deep);stroke-width:2;stroke-linejoin:round}.hero__rail{fill:none;stroke:var(--ink-deep);stroke-width:1.6;stroke-linecap:round;opacity:.8}.hero__rail--posts{stroke-width:1.3;opacity:.55}.hero__rig{fill:none;stroke:var(--ink-deep);stroke-width:2.2;stroke-linecap:round}.hero__rig--fine{stroke-width:1.1;opacity:.5}.hero__radar{fill:var(--vellum);stroke:var(--ink-deep);stroke-width:1.8}.hero__lamp{fill:var(--sally);stroke:var(--ink-deep);stroke-width:1.4}.hero__tender{fill:color-mix(in srgb,var(--booby) 30%,var(--vellum));stroke:var(--ink-deep);stroke-width:1.8;stroke-linejoin:round}.hero__ring{fill:var(--sally);stroke:var(--vellum);stroke-width:2.4}.hero__detail{fill:none;stroke:var(--ink-deep);stroke-width:1.6;opacity:.6}.hero__name{font-family:var(--font-mono);font-size:15px;letter-spacing:.16em;fill:color-mix(in srgb,var(--sepia) 85%,#000)}.hero__water{fill:none;stroke:color-mix(in srgb,var(--humboldt) 55%,transparent);stroke-width:3;stroke-linecap:round;opacity:.55}.sea__body{fill:color-mix(in srgb,var(--humboldt) 16%,var(--vellum))}.sea__veil{fill:color-mix(in srgb,var(--humboldt) 22%,var(--vellum));opacity:.5}.sea__surface{fill:none;stroke:color-mix(in srgb,var(--humboldt) 60%,transparent);stroke-width:2.6;stroke-linecap:round}.sea__chop{fill:none;stroke:color-mix(in srgb,var(--humboldt) 45%,transparent);stroke-width:3;stroke-linecap:round;opacity:.6}.bird__body{fill:var(--vellum);stroke:var(--ink-deep);stroke-width:2;stroke-linejoin:round}.bird__beak{fill:color-mix(in srgb,var(--sepia) 60%,var(--vellum));stroke:var(--ink-deep);stroke-width:1.6;stroke-linejoin:round}.bird__wing path{fill:color-mix(in srgb,var(--vellum) 88%,var(--sepia));stroke:var(--ink-deep);stroke-width:2;stroke-linejoin:round}.bird__wing--far path{fill:color-mix(in srgb,var(--sepia) 26%,var(--vellum))}.bird__feet{stroke:var(--booby);stroke-width:3.4;stroke-linecap:round;fill:none}.scene__sea .swim{opacity:.92}.shark__body,.shark__fin,.shark__tail{fill:color-mix(in srgb,var(--humboldt) 62%,var(--vellum));stroke:var(--sea-deep);stroke-width:2;stroke-linejoin:round}.shark__fin--second{opacity:.9}.shark__tip{fill:var(--vellum);stroke:var(--sea-deep);stroke-width:1.4}.shark__eye{fill:var(--sea-deep)}.shark__gills{stroke:var(--sea-deep);stroke-width:1.4;fill:none;opacity:.7}.turtle__shell{fill:color-mix(in srgb,var(--sepia) 42%,var(--vellum));stroke:var(--sea-deep);stroke-width:2.2}.turtle__scutes{stroke:var(--sea-deep);stroke-width:1.4;fill:none;opacity:.55}.turtle__flipper,.turtle__head{fill:color-mix(in srgb,var(--sepia) 30%,var(--vellum));stroke:var(--sea-deep);stroke-width:2;stroke-linejoin:round}.turtle__eye{fill:var(--sea-deep)}.pelican__body,.pelican__wing{fill:color-mix(in srgb,var(--sepia) 46%,var(--vellum));stroke:var(--ink-deep);stroke-width:2.2;stroke-linejoin:round}.pelican__wing--far{fill:color-mix(in srgb,var(--sepia) 66%,var(--vellum))}.pelican__bill{fill:color-mix(in srgb,var(--sepia) 30%,var(--vellum));stroke:var(--ink-deep);stroke-width:1.8;stroke-linejoin:round}.pelican__pouch{fill:color-mix(in srgb,var(--sally) 34%,var(--vellum));stroke:var(--ink-deep);stroke-width:1.6;stroke-linejoin:round}.pelican__eye{fill:var(--ink-deep)}.splash__crown,.splash__ring{fill:none;stroke:color-mix(in srgb,var(--humboldt) 62%,var(--vellum));stroke-width:3;stroke-linecap:round}.splash__crown--inner{stroke-width:2.2;opacity:.75}.splash__ring--wide{stroke-width:2;opacity:.55}.splash__drop{fill:color-mix(in srgb,var(--humboldt) 55%,var(--vellum))}.bait__fish{fill:color-mix(in srgb,var(--humboldt) 40%,var(--vellum));stroke:var(--sea-deep);stroke-width:1.2;stroke-linejoin:round}.catch__body,.catch__tail{fill:color-mix(in srgb,var(--humboldt) 34%,var(--vellum));stroke:var(--ink-deep);stroke-width:1.6;stroke-linejoin:round}.crab__shell{fill:var(--sally);stroke:var(--ink-deep);stroke-width:1.4}.crab__legs,.crab__claw{stroke:var(--ink-deep);stroke-width:1.3;stroke-linecap:round;fill:color-mix(in srgb,var(--sally) 70%,var(--vellum))}.crab__legs{fill:none}.crab__eye{fill:var(--vellum)}.hero__ensign{fill:var(--sally);stroke:var(--ink-deep);stroke-width:1.4;stroke-linejoin:round}.rock__mass{fill:color-mix(in srgb,var(--basalt) 28%,var(--vellum));stroke:var(--ink-deep);stroke-width:2.4;stroke-linejoin:round}.rock__seam{stroke:var(--ink-deep);stroke-width:1.6;fill:none;opacity:.4}.sealion__body,.sealion__flipper{fill:color-mix(in srgb,var(--sepia) 52%,var(--vellum));stroke:var(--ink-deep);stroke-width:2.2;stroke-linejoin:round}.sealion__eye{fill:var(--ink-deep)}.sealion__snout,.sealion__whisker{stroke:var(--ink-deep);stroke-width:1.5;fill:none;stroke-linecap:round}.scene__ship{animation:ride 5.5s ease-in-out infinite;transform-box:view-box;transform-origin:460px 300px}@keyframes ride{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-9px) rotate(-.9deg)}65%{transform:translateY(6px) rotate(.7deg)}}.ensign-fly{transform-box:fill-box;transform-origin:100% 50%;animation:snap 1.9s ease-in-out infinite}@keyframes snap{0%,to{transform:skewY(0) scaleX(1)}35%{transform:skewY(-7deg) scaleX(.9)}70%{transform:skewY(5deg) scaleX(.97)}}.bird-drift{animation:soar 13s ease-in-out infinite}.bird-drift--2{animation-duration:17s;animation-delay:-5s}.bird-drift--3{animation-duration:11s;animation-delay:-8s}@keyframes soar{0%,to{transform:translate(0)}50%{transform:translate(38px,-20px)}}.bird__wing{transform-box:fill-box;transform-origin:100% 100%;animation:flap 1.6s ease-in-out infinite;animation-delay:var(--flap-delay, 0s)}.bird__wing--far{animation-name:flap-far}@keyframes flap{0%,to{transform:rotate(0)}50%{transform:rotate(30deg)}}@keyframes flap-far{0%,to{transform:rotate(6deg)}50%{transform:rotate(-22deg)}}.swim{--range: var(--patrol, 320);animation:hunt 26s linear infinite}.swim--slower{animation-duration:37s;animation-delay:-12s}.swim--drift{--range: calc(var(--patrol, 320) * .42);animation-name:paddle;animation-duration:58s;animation-delay:-25s}@keyframes hunt{0%{transform:translate(calc(var(--range) * -1px))}12%{transform:translate(calc(var(--range) * -.82px))}18%{transform:translate(calc(var(--range) * -.72px));animation-timing-function:cubic-bezier(.3,0,.15,1)}25%{transform:translate(calc(var(--range) * -.18px))}32%{transform:translate(calc(var(--range) * -.04px))}39%{transform:translate(calc(var(--range) * .26px));animation-timing-function:cubic-bezier(.35,0,.2,1)}45%{transform:translate(calc(var(--range) * .92px))}48%,52%{transform:translate(calc(var(--range) * 1px))}58%{transform:translate(calc(var(--range) * .84px))}66%{transform:translate(calc(var(--range) * .66px));animation-timing-function:cubic-bezier(.3,0,.15,1)}72%{transform:translate(calc(var(--range) * .08px))}80%{transform:translate(calc(var(--range) * -.14px))}88%{transform:translate(calc(var(--range) * -.5px));animation-timing-function:cubic-bezier(.35,0,.2,1)}95%{transform:translate(calc(var(--range) * -.94px))}98%,to{transform:translate(calc(var(--range) * -1px))}}@keyframes paddle{0%{transform:translate(calc(var(--range) * -1px))}20%{transform:translate(calc(var(--range) * -.5px))}45%{transform:translate(calc(var(--range) * .92px))}48%,52%{transform:translate(calc(var(--range) * 1px))}70%{transform:translate(calc(var(--range) * .42px))}95%{transform:translate(calc(var(--range) * -.94px))}98%,to{transform:translate(calc(var(--range) * -1px))}}.pivot{fill:none;stroke:none;pointer-events:none}.swim-face{transform-box:fill-box;transform-origin:50% 50%;animation:turn-about 26s ease-in-out infinite}.swim--slower .swim-face{animation-duration:37s;animation-delay:-12s}.swim--drift .swim-face{animation-duration:58s;animation-delay:-25s}@keyframes turn-about{0%,47%{transform:scaleX(1)}49%{transform:scaleX(.34)}50%{transform:scaleX(-.34)}52%,96%{transform:scaleX(-1)}98%{transform:scaleX(-.34)}99%{transform:scaleX(.34)}to{transform:scaleX(1)}}.shark,.turtle{transform-box:fill-box;transform-origin:50% 50%;animation:undulate 5s ease-in-out infinite}.turtle{animation-duration:7s}@keyframes undulate{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.turtle__flipper{transform-box:fill-box;transform-origin:100% 100%;animation:row 4.5s ease-in-out infinite}@keyframes row{0%,to{transform:rotate(-9deg)}50%{transform:rotate(11deg)}}.sealion-breathe{transform-box:fill-box;transform-origin:50% 100%;animation:breathe 9s ease-in-out infinite}@keyframes breathe{0%,40%,to{transform:scaleY(1) rotate(0)}20%{transform:scaleY(1.04) rotate(0)}52%{transform:scaleY(1.02) rotate(-3.5deg)}60%{transform:scaleY(1) rotate(0)}68%{transform:scaleY(1.02) rotate(-2.5deg)}76%{transform:scaleY(1) rotate(0)}}.crab-sidle{transform-box:fill-box;transform-origin:50% 50%;animation:sidle 17s ease-in-out infinite alternate}@keyframes sidle{0%{transform:translate(0) rotate(0)}40%{transform:translate(-13px,5px) rotate(-6deg)}to{transform:translate(-26px,2px) rotate(3deg)}}.pelican-fly{--ceil: var(--dive-ceiling, -340);transform:translate(120px,calc(var(--ceil) * .74 * 1px));animation:dive-path 13s linear infinite}@keyframes dive-path{0%{transform:translate(250px,calc(var(--ceil) * 1px))}26%{transform:translate(70px,calc(var(--ceil) * .78 * 1px))}34%{transform:translate(-20px,calc(var(--ceil) * .87 * 1px))}38%{transform:translate(-24px,calc(var(--ceil) * .84 * 1px))}42%{transform:translate(-16px,calc(var(--ceil) * .78 * 1px));animation-timing-function:cubic-bezier(.5,0,.9,.6)}52%{transform:translateY(-6px)}55%{transform:translateY(26px)}68%{transform:translateY(26px)}71%{transform:translate(-8px,-18px);animation-timing-function:cubic-bezier(.2,.6,.4,1)}84%{transform:translate(130px,calc(var(--ceil) * .73 * 1px))}to{transform:translate(250px,calc(var(--ceil) * 1px))}}.pelican-bank{transform-box:fill-box;transform-origin:50% 50%;animation:dive-bank 13s ease-in-out infinite}@keyframes dive-bank{0%,20%{transform:rotate(-4deg)}34%{transform:rotate(0)}42%{transform:rotate(26deg)}48%{transform:rotate(68deg)}52%,68%{transform:rotate(84deg)}71%{transform:rotate(26deg)}80%{transform:rotate(-20deg)}92%,to{transform:rotate(-4deg)}}.pelican-face{transform-box:fill-box;transform-origin:50% 50%;animation:dive-face 13s steps(1,end) infinite}@keyframes dive-face{0%,35%{transform:scaleX(-1)}37%,to{transform:scaleX(1)}}.pelican-scale{transform-box:fill-box;transform-origin:50% 50%;transform:scale(1.1)}.pelican{animation:dive-visible 13s linear infinite}@keyframes dive-visible{0%,3%{opacity:0}9%,53%{opacity:1}54.5%,68%{opacity:0}69.5%,90%{opacity:1}97%,to{opacity:0}}.pelican__pose--glide{animation:pose-glide 13s steps(1,end) infinite}.pelican__pose--dive{opacity:0;animation:pose-dive 13s steps(1,end) infinite}@keyframes pose-glide{0%,34%{opacity:1}36%,76%{opacity:0}78%,to{opacity:1}}@keyframes pose-dive{0%,34%{opacity:0}36%,76%{opacity:1}78%,to{opacity:0}}.pelican__catch{opacity:0;animation:catch-show 13s steps(1,end) infinite}@keyframes catch-show{0%,68%{opacity:0}70%,to{opacity:1}}.catch-wriggle{transform-box:fill-box;transform-origin:0% 50%;animation:wriggle .7s ease-in-out infinite}@keyframes wriggle{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.flee{transform-box:fill-box;transform-origin:50% 50%;animation:flee 2.4s ease-in-out infinite;animation-delay:var(--flee-delay, 0s)}@keyframes flee{0%,to{transform:translate(0) rotate(0)}22%{transform:translate(9px,-5px) rotate(-9deg)}48%{transform:translate(3px,4px) rotate(7deg)}74%{transform:translate(12px,-2px) rotate(-4deg)}}.splash-burst{transform-box:fill-box;transform-origin:50% 100%;opacity:0;animation:splash-out 13s ease-out infinite}@keyframes splash-out{0%,51%{opacity:0;transform:scale(.35)}53%{opacity:1;transform:scale(.8)}58%{opacity:.85;transform:scale(1.1)}67%{opacity:0;transform:scale(1.45)}to{opacity:0;transform:scale(.35)}}.bait{animation:scatter 13s ease-out infinite;animation-delay:var(--bait-delay, 0s)}@keyframes scatter{0%,50%{transform:translate(0);opacity:.9}61%{transform:translate(calc(var(--dx) * 1px),calc(var(--dy) * 1px));opacity:0}62%{transform:translate(0);opacity:0}82%{transform:translate(0);opacity:.9}to{transform:translate(0);opacity:.9}}.sea__chop{animation:shimmer 19s ease-in-out infinite alternate}@keyframes shimmer{0%{transform:translate(-16px)}to{transform:translate(16px)}}.hero--asleep .hero__svg *,.hero--asleep .hero__cue{animation-play-state:paused}.hero__cue{position:absolute;z-index:1;left:50%;bottom:var(--space-l);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);color:var(--ink-faint);animation:hero-nudge 2.4s var(--ease-out) infinite}.hero__cue-text{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ink-soft)}@media (max-width: 34rem){.hero__cue{bottom:calc(4.25rem + env(safe-area-inset-bottom))}.hero__cue-text{letter-spacing:.1em}}@media (max-height: 34rem){.hero__title{top:var(--space-s)}.hero__flourish{display:none}.hero__eyebrow{margin-bottom:0}.hero__subline{margin-top:var(--space-2xs);font-size:var(--step--1)}}@keyframes hero-nudge{0%,to{transform:translate(-50%);opacity:.75}50%{transform:translate(-50%,5px);opacity:1}}@media (prefers-reduced-motion: reduce){.hero__cue,.scene__ship,.ensign-fly,.bird,.bird__wing,.swim,.swim-face,.shark,.turtle,.turtle__flipper,.sealion-breathe,.crab-sidle,.sea__chop,.pelican,.pelican-fly,.pelican-bank,.pelican-face,.pelican__pose--glide,.pelican__pose--dive,.splash-burst,.bait,.flee,.pelican__catch,.catch-wriggle{animation:none}.pelican__catch,.pelican__pose--dive,.splash-burst{opacity:0}}