:root{--paper:#f7f3e9;--ink:#303f35;--muted:#7b8172;--orange:#b95e3d;--line:#dcded0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-weight:bold;font-size:25px;letter-spacing:-1px}.brand-cat{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--ink);color:var(--paper);border-radius:50%;font-size:18px;margin-right:9px}.orange{color:var(--orange)}nav{display:flex;gap:33px;align-items:center;font-size:12px}nav button{background:none;border:0;padding:0}nav .active{border-bottom:1px solid;padding-bottom:6px}nav span{color:var(--orange)}main{max-width:1440px;margin:auto;padding:0 5%}.intro{text-align:center;padding:55px 0 32px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:6px}h1{font-family:Georgia,serif;font-size:clamp(48px,5.5vw,78px);line-height:1.05;font-weight:normal;letter-spacing:-3px;margin:20px 0}h1 em{font-weight:normal;color:var(--orange)}.intro>p{font-size:14px;line-height:1.8;color:#757b6f}.handnote{font-family:Georgia,serif;font-style:italic;font-size:14px;color:#848670;margin-top:26px}.handnote span{display:inline-block;font-size:29px;vertical-align:middle;margin-left:8px}.explorer{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr);border:1px solid #d1d4c3;border-radius:10px;overflow:hidden;box-shadow:0 12px 30px #3b4b3610}.map-panel{position:relative;background:#b8d0c9;min-width:0;display:flex;flex-direction:column}#map{display:block;width:100%;height:100%;min-height:470px;object-fit:cover}.map-top{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;z-index:1;color:#506f61}.map-bottom{position:absolute;bottom:17px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.map-bottom>span{font:italic 12px Georgia;color:#516f62}.map-bottom button{padding:12px 16px;border:1px solid #c5c9b5;background:#faf7eb;border-radius:5px;font-size:11px;box-shadow:0 3px 0 #72928640}.map-bottom button:hover{transform:translateY(-2px)}.pin{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);border:4px solid #faf7eb;border-radius:50%;background:#708d78;color:white;font:10px monospace;box-shadow:0 2px 6px #33463830;transition:background .2s,scale .2s}.pin:hover{scale:1.18}.pin.selected{background:var(--orange)}.story-panel{background:#fcf9f0;border-left:1px solid #d1d4c3}.story-kicker{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px;padding:22px 23px}.story-kicker span:first-child{color:var(--orange)}.scene{margin:0 23px;background:#e9e9d5;border-radius:4px;overflow:hidden;position:relative}.scene svg{display:block;width:100%;height:180px}.scene>span{position:absolute;bottom:10px;right:10px;font:6px monospace;letter-spacing:1px;color:#7f8469}.story-content{padding:26px 26px 20px}.story-content .eyebrow{font-size:8px;letter-spacing:1.5px}h2{font:normal 31px/1.12 Georgia,serif;letter-spacing:-.7px;margin:12px 0 16px}.story-content>p{font:12px/1.9 Arial;color:#767d6e;min-height:68px}.cat-thought{display:flex;align-items:center;gap:9px;padding:5px 0;color:#8b7556}.cat-thought>span{font:44px Georgia}.cat-thought p{font:italic 13px/1.5 Georgia;margin:0}.story-meta{border-top:1px dashed var(--line);display:flex;justify-content:space-between;padding:17px 0;font:9px monospace;color:#7b8172}.next{background:var(--ink);color:#faf7eb;border:0;border-radius:3px;padding:13px 15px;width:100%;text-align:left;font-size:11px}.next span{float:right}.next:hover{background:#48604b}.journal{padding:55px 0 30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading h2{font-size:30px;margin-top:12px}.section-heading>span{font:italic 12px Georgia;color:#848876}.stops{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.stop{background:transparent;border:1px solid var(--line);border-radius:5px;padding:21px;text-align:left;transition:background .2s,transform .2s}.stop:hover{background:#eeeddf;transform:translateY(-3px)}.stop.selected{border-color:#b16746;background:#f0e9da}.stop-top{display:flex;justify-content:space-between;align-items:center;font:9px monospace;color:#838775}.stop-icon{font-size:26px;color:var(--orange)}.stop h3{font:normal 21px Georgia;margin:17px 0 8px}.stop p{font-size:10px;line-height:1.7;color:#7a8170;margin:0}.stop-bottom{display:block;margin-top:20px;font:9px monospace;color:var(--orange)}.closing{margin-top:10px;padding:27px 0 37px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:25px;color:#8e937c}.closing>span{font-size:36px}.closing p{font:italic 19px/1.5 Georgia;text-align:center}footer{max-width:1440px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#868b7c}footer .brand{font-size:17px;color:var(--ink)}footer>span{font-size:10px}footer>span:last-child{font:8px monospace;letter-spacing:1px}dialog{max-width:500px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:8px;padding:40px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#24372c88}dialog p{font-size:14px;line-height:1.8;color:#6d7667}#close-about{position:absolute;top:10px;right:15px;border:0;background:none;font-size:27px}#moving-cat{transition:transform 1.7s cubic-bezier(.45,0,.25,1)}.ferry{animation:bob 4s ease-in-out infinite}@keyframes bob{50%{translate:0 -4px}}@media(min-width:1500px){.intro{padding-top:65px}}@media(max-width:850px){header{padding:23px 5%}.brand{font-size:21px}nav{gap:20px}nav button{display:none}.explorer{grid-template-columns:1.4fr 1fr}.map-top span:last-child{display:none}.map-bottom>span{display:none}.stops{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){header{padding:20px 5%}.brand{font-size:19px}.brand-cat{display:none}nav{font-size:10px;gap:16px}.intro{padding:37px 0 25px}.intro .eyebrow{font-size:8px}h1{font-size:56px}.intro>p{font-size:12px}.handnote{font-size:12px;margin-top:17px}.explorer{display:flex;flex-direction:column}.map-panel{aspect-ratio:900/650}#map{min-height:0}.map-top{font-size:8px;top:14px;left:14px}.map-bottom{bottom:10px;left:12px;right:12px}.map-bottom button{padding:9px 12px;font-size:10px}.pin{width:24px;height:24px;font-size:8px;border-width:3px}.story-panel{border-left:0;border-top:1px solid #d1d4c3}.story-kicker{padding:18px 21px}.scene{float:right;width:36%;margin:0 20px 0 12px}.scene svg{height:120px}.scene>span{display:none}.story-content{padding:7px 21px 20px}.story-content h2{font-size:29px;max-width:60%}.story-content>p{font-size:12px;min-height:85px}.cat-thought{clear:both}.story-meta{margin-top:10px}.journal{padding-top:35px}.section-heading{display:block}.section-heading h2{font-size:27px}.section-heading>span{display:none}.stops{gap:10px}.stop{padding:17px}.stop h3{font-size:21px}.closing{gap:13px}.closing p{font-size:16px}.closing>span{font-size:25px}footer{flex-wrap:wrap;gap:13px}footer>span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,#moving-cat{animation:none!important;transition:none!important}}