@font-face{font-family:DMSerif;src:url('assets/dm-serif.ttf') format('truetype');font-display:swap}
@font-face{font-family:SpaceGrotesk;src:url('assets/space-grotesk.ttf') format('truetype');font-display:swap}
@font-face{font-family:PlexMono;src:url('assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{--paper:#f1eedf;--ink:#172b2a;--muted:#66716a;--line:#c9c8b9;--orange:#e75c36;--blue:#5874c6;--green:#648b5b;--yellow:#ddad39;--serif:DMSerif,Georgia,serif;--sans:SpaceGrotesk,Arial,sans-serif;--mono:PlexMono,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);position:relative;overflow-x:hidden}.paper-grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.14;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
a{color:inherit}.masthead{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5.3vw,82px);position:relative;z-index:1}.brand{text-decoration:none;display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.09em;font-size:17px}.brand-mark{width:29px;height:29px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:20px;line-height:1;letter-spacing:0;transform:rotate(-11deg)}.brand-period{color:var(--orange)}.mast-note,.mast-link,.tiny-label,.eyebrow,.route-distance,.directory-count,.control-label,.toggle-state,.sidebar-foot,.stamp-caption,.map-footnote,.footer{font-family:var(--mono);font-size:9px;letter-spacing:.11em;line-height:1.55}.mast-note{margin:0;text-align:center}.mast-note span{color:var(--muted);font-size:8px}.mast-link{text-decoration:none}.mast-link span{font-size:14px;color:var(--orange);margin-left:7px}
.intro{max-width:1320px;margin:auto;padding:69px 38px 51px;min-height:340px;display:flex;justify-content:space-between;align-items:center;position:relative}.intro-copy{max-width:650px;z-index:1}.eyebrow{color:#596a61;margin:0 0 15px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block;margin-right:8px;vertical-align:1px;box-shadow:0 0 0 4px #e75c3620}.intro h1{font-family:var(--serif);font-weight:400;font-size:clamp(66px,8vw,112px);line-height:.85;letter-spacing:-.045em;margin:0}.intro h1 em{font-weight:400;color:var(--orange)}.dek{font-family:var(--serif);font-size:18px;line-height:1.55;max-width:390px;margin:24px 0 0;color:#4b5b53}.map-stamp{width:300px;margin-right:5%;transform:rotate(4deg);position:relative}.map-stamp svg{width:100%;overflow:visible}.map-road{fill:none;stroke:#d7d2c1;stroke-width:13;stroke-linecap:round}.road-two,.road-three{stroke-width:8;stroke:#dfdccf}.map-route{fill:none;stroke:var(--orange);stroke-width:3;stroke-dasharray:2 7;stroke-linecap:round}.map-pin{fill:var(--paper);stroke:var(--orange);stroke-width:3}.map-stamp text{font:7px PlexMono,monospace;letter-spacing:1.2px;fill:#758078}.stamp-caption{display:block;text-align:right;font-size:8px;color:#67746b;margin-top:-8px}
.content-shell{max-width:1320px;padding:0 38px 65px;margin:0 auto;display:grid;grid-template-columns:245px minmax(0,1fr);gap:7.6%}.sidebar{border-top:1px solid var(--ink);padding-top:15px;position:relative;align-self:start;min-height:550px}.sidebar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.tiny-label{color:#57655d}.directory-count{color:#82877b;font-size:8px}.control-label{display:block;color:#58675f;font-size:8px;margin:0 0 8px}.search-wrap{height:39px;border-bottom:1px solid #a9aa9c;display:flex;align-items:center;margin-bottom:23px}.search-wrap>span{font-size:22px;color:var(--orange);transform:rotate(-20deg);margin-right:8px}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:13px var(--sans)}.search-wrap input::placeholder{color:#96988c}.search-wrap:focus-within{border-color:var(--orange);box-shadow:0 1px var(--orange)}select{width:100%;height:39px;border:1px solid #b6b6a9;border-radius:0;background:transparent;padding:0 11px;color:var(--ink);font:12px var(--sans);margin-bottom:20px}select:focus-visible,input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.saved-toggle{border:1px solid #b6b6a9;background:transparent;width:100%;height:43px;display:flex;align-items:center;gap:9px;padding:0 10px;color:var(--ink);font:12px var(--sans);text-align:left;cursor:pointer}.saved-toggle[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.bookmark-icon{font-size:16px;color:var(--orange)}.toggle-state{margin-left:auto;font-size:8px}.route-key{border-top:1px solid var(--line);margin-top:28px;padding-top:13px}.route-key p{font:10px var(--mono);display:flex;align-items:center;gap:7px;margin:11px 0;color:#59665f;flex-wrap:wrap}.key-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:5px}.key-culture{background:var(--blue)}.key-food{background:var(--yellow)}.key-movement{background:#508b83}.key-people{background:var(--orange)}.key-places{background:var(--green)}.sidebar-foot{position:absolute;left:0;bottom:10px;color:#9b9b8d}.sidebar-foot span{font-size:22px;color:var(--orange);margin-left:5px;vertical-align:-4px}
.journal{min-width:0}.journal-heading{padding:7px 0 21px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:flex-end}.journal-heading .eyebrow{font-size:8px;margin-bottom:8px}.journal-heading h2{font:400 28px var(--serif);margin:0;letter-spacing:-.02em}.journal-heading h2 span{color:var(--orange)}.route-distance{color:#758078;font-size:8px;padding-bottom:5px}.route-distance i{width:22px;height:1px;background:var(--orange);display:inline-block;vertical-align:middle;margin:0 5px}.story-list{position:relative;padding:7px 0 0 46px}.story-list:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:1px;background:#aaa99b}.story-stop{position:relative;border-bottom:1px solid #d3d0c2;padding:17px 7px 17px 5px;display:grid;grid-template-columns:minmax(0,1fr) 95px;align-items:center;gap:17px;min-height:105px}.story-stop:before{content:"";position:absolute;left:-38px;top:27px;width:12px;height:12px;background:var(--paper);border:2px solid var(--stop-color);border-radius:50%;z-index:1;box-shadow:0 0 0 4px var(--paper)}.story-stop:after{content:attr(data-index);position:absolute;left:-66px;top:25px;width:20px;text-align:center;color:#85877a;font:8px var(--mono)}.story-stop[data-category="Culture"]{--stop-color:var(--blue)}.story-stop[data-category="Food"]{--stop-color:var(--yellow)}.story-stop[data-category="Movement"]{--stop-color:#508b83}.story-stop[data-category="People"]{--stop-color:var(--orange)}.story-stop[data-category="Places"]{--stop-color:var(--green)}.story-main{min-width:0}.story-meta{display:flex;align-items:center;gap:9px;margin:0 0 6px;font:8px var(--mono);letter-spacing:.09em;color:#747b70;text-transform:uppercase}.category-tag{color:var(--stop-color)}.story-title{font:400 21px/1.18 var(--serif);letter-spacing:-.012em;margin:0 0 5px}.story-summary{font-size:12px;color:#5e6b62;margin:0;line-height:1.45}.open-item{display:inline-flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none;font:9px var(--mono);letter-spacing:.06em;margin-top:8px}.open-item span{color:var(--orange);font-size:14px;transition:transform .2s}.open-item:hover span{transform:translate(3px,-2px)}.stop-sketch{width:90px;height:64px;color:var(--stop-color);display:grid;place-items:center;position:relative}.stop-sketch svg{width:84px;height:57px;overflow:visible}.stop-sketch svg *{stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.stop-sketch svg .fill{fill:currentColor;opacity:.12}.map-footnote{text-align:right;color:#939385;font-size:8px;padding-top:12px}.empty-state{text-align:center;border:1px dashed #bcb9a9;padding:52px 18px;margin-top:22px}.empty-doodle{font:54px var(--serif);color:var(--orange)}.empty-state h3{font:24px var(--serif);margin:9px 0}.empty-state p{font-size:13px;color:var(--muted)}.empty-state button{border:0;background:transparent;color:var(--orange);font:11px var(--mono);padding:10px;cursor:pointer}
.footer{border-top:1px solid var(--line);padding:21px clamp(22px,5.3vw,82px);display:flex;justify-content:space-between;color:#788076;font-size:8px}.footer b{font:16px var(--sans);color:var(--orange);vertical-align:-2px}
dialog{width:min(760px,calc(100% - 30px));max-height:min(88vh,900px);padding:0;border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:12px 12px 0 #172b2a24}dialog::backdrop{background:#142421a8;backdrop-filter:blur(3px)}.detail-page{padding:clamp(25px,6vw,56px) clamp(23px,8vw,78px) 53px;position:relative}.detail-close{position:absolute;right:20px;top:18px;border:1px solid var(--line);background:transparent;width:37px;height:37px;border-radius:50%;font:20px var(--sans);cursor:pointer;color:var(--ink)}.detail-topline{font:9px var(--mono);letter-spacing:.13em;color:#68756c;padding-bottom:17px;border-bottom:1px solid var(--line)}.detail-category{color:var(--stop-color)}.detail-page h2{font:400 clamp(38px,7vw,63px)/.98 var(--serif);letter-spacing:-.035em;margin:30px 0 15px;max-width:590px}.detail-deck{font:19px/1.5 var(--serif);color:#526057;margin:0 0 23px;max-width:550px}.detail-byline{font:9px var(--mono);letter-spacing:.07em;color:#738077;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:27px;text-transform:uppercase}.detail-body{font:17px/1.78 var(--serif);max-width:540px}.detail-body p{margin:0 0 18px}.detail-actions{padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:28px}.save-item{border:1px solid var(--ink);background:transparent;padding:11px 14px;color:var(--ink);font:10px var(--mono);letter-spacing:.04em;cursor:pointer}.save-item[aria-pressed=true]{background:var(--ink);color:var(--paper)}.detail-end{font:8px var(--mono);letter-spacing:.1em;color:#83877b}
@media(max-width:760px){.masthead{height:65px;padding:0 19px}.brand{font-size:15px}.mast-note{display:none}.mast-link{font-size:8px}.intro{padding:49px 22px 34px;min-height:0;display:block}.intro h1{font-size:73px}.dek{font-size:16px;max-width:320px;margin-top:18px}.map-stamp{width:153px;position:absolute;right:6px;bottom:23px;opacity:.68;transform:rotate(7deg)}.stamp-caption{font-size:6px}.content-shell{display:flex;flex-direction:column;padding:0 21px 43px;gap:30px}.sidebar{min-height:0;display:grid;grid-template-columns:1fr 1fr;column-gap:13px;align-items:end;padding-top:11px}.sidebar-head{grid-column:1/-1;margin:0 0 12px}.control-label{font-size:7px}.search-wrap{margin-bottom:13px}.saved-toggle{grid-column:1/-1;margin-top:1px}.route-key,.sidebar-foot{display:none}.journal-heading{padding-bottom:15px}.journal-heading h2{font-size:24px}.route-distance{font-size:7px}.story-list{padding-left:32px}.story-list:before{left:10px}.story-stop{grid-template-columns:minmax(0,1fr) 57px;gap:7px;padding:15px 0;min-height:112px}.story-stop:before{left:-28px;width:11px;height:11px}.story-stop:after{left:-49px;font-size:7px}.story-title{font-size:19px}.story-summary{font-size:11px}.story-meta{font-size:7px;gap:6px}.stop-sketch{width:56px;height:48px}.stop-sketch svg{width:56px;height:47px}.footer{padding:16px 19px;gap:10px;font-size:7px}.footer span:nth-child(2){display:none}.detail-page{padding:54px 24px 34px}.detail-page h2{font-size:43px}.detail-deck{font-size:17px}.detail-body{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}