@font-face{font-family:Space Grotesk;src:url('./assets/space-grotesk.ttf') format('truetype');font-display:swap}
@font-face{font-family:Literata;src:url('./assets/literata.ttf') format('truetype');font-display:swap}
@font-face{font-family:IBM Plex Mono;src:url('./assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{--paper:#f3f1e9;--ink:#20231e;--muted:#77796f;--line:#d4d3c9;--accent:#d7482b;--route:#c5c5b8;--white:#fbfaf5;--display:'Space Grotesk',sans-serif;--serif:'Literata',Georgia,serif;--mono:'IBM Plex Mono',monospace;--radius:0px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:16px}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.skip-link{position:absolute;top:-60px;left:1rem;background:var(--ink);color:white;padding:.7rem 1rem;z-index:20}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.masthead{height:96px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr 1.4fr auto;align-items:center;padding:0 5.55vw;gap:26px}.wordmark{display:flex;align-items:center;gap:12px;width:max-content}.wordmark-mark{width:46px;height:46px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;letter-spacing:-1.5px;transform:rotate(-9deg)}.wordmark-mark span{color:var(--accent)}.wordmark-name{font-size:11px;font-weight:700;line-height:1.05;letter-spacing:.08em}.masthead-note{font-family:var(--serif);font-size:13px;line-height:1.35;color:#61635a;margin:0}.masthead-nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:600}.masthead-nav a:hover,.site-footer a:hover{color:var(--accent)}.masthead-nav a:first-child span{color:var(--accent);font-size:16px;margin-left:4px}.issue-mark{font:9px var(--mono);display:grid;gap:5px;text-align:right;letter-spacing:.07em}.issue-mark span:first-child{color:var(--accent)}
main{max-width:1600px;margin:auto}.intro{padding:72px 8.2vw 0;display:grid;grid-template-columns:1.05fr .95fr;position:relative;min-height:495px;align-items:center}.intro-copy{z-index:1;padding-bottom:27px}.eyebrow{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0 0 20px}.eyebrow-line{display:inline-block;width:25px;height:1px;background:var(--accent)}h1{font-size:clamp(66px,8.1vw,119px);letter-spacing:-.095em;line-height:.83;margin:0 0 26px;font-weight:600;max-width:770px}h1 span{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.085em;color:var(--accent);white-space:nowrap;font-size:.78em}.intro-deck{font:17px/1.55 var(--serif);max-width:350px;margin:0;color:#575a52}.intro-art{height:365px;position:relative;margin-left:-5%;overflow:hidden;background:#e8e7dd;clip-path:polygon(8% 4%,97% 0,100% 93%,4% 100%,0 13%)}.intro-art:before,.intro-art:after{content:"";position:absolute;background:#dadbd0}.intro-art:before{width:100%;height:34px;top:34%;transform:rotate(-9deg)}.intro-art:after{height:100%;width:29px;left:56%;transform:rotate(8deg)}.map-street{position:absolute;background:#f8f7f1;z-index:1}.street-a{height:24px;width:120%;top:69%;left:-4%;transform:rotate(12deg)}.street-b{height:25px;width:110%;top:5%;left:35%;transform:rotate(73deg)}.street-c{height:20px;width:120%;top:51%;left:-15%;transform:rotate(-29deg)}.block{position:absolute;z-index:1;background:#c4c7b8}.block-one{width:84px;height:72px;top:15%;left:19%}.block-two{width:112px;height:75px;bottom:12%;right:12%;background:#d4c9b4}.block-three{width:57px;height:82px;top:20%;right:13%;background:#d2d1c6}.map-route{position:absolute;inset:0;z-index:2}.map-route:before{content:"";position:absolute;width:55%;height:57%;left:18%;top:21%;border:2px dashed var(--accent);border-right-color:transparent;border-bottom-color:transparent;border-radius:48% 52% 0 0;transform:rotate(18deg)}.route-node{position:absolute;width:11px;height:11px;border:2px solid var(--paper);outline:1px solid var(--accent);background:var(--accent);border-radius:50%}.node-one{top:22%;left:24%}.node-two{top:42%;left:53%}.node-three{top:32%;right:21%}.node-four{bottom:21%;left:35%}.map-label{position:absolute;z-index:3;font:8px var(--mono);letter-spacing:.08em;color:#50534a}.label-one{top:16%;left:37%;transform:rotate(-12deg)}.label-two{bottom:18%;left:15%;color:var(--accent)}.map-coordinate{position:absolute;right:9%;bottom:9%;z-index:3;font:8px var(--mono);color:#74776d}.intro-foot{grid-column:1/-1;border-top:1px solid var(--line);height:49px;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#62645a}.intro-foot span:nth-child(2){color:var(--accent)}
.explore{padding:97px 8.2vw 112px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:14px}h2{font-size:clamp(36px,4.2vw,58px);letter-spacing:-.075em;line-height:.98;margin:0;font-weight:500}.section-aside{font:13px/1.5 var(--serif);color:#65675e;margin:0 0 5px}.controls{display:grid;grid-template-columns:minmax(200px,1fr) minmax(200px,.75fr) auto;gap:28px;align-items:end;border-top:1px solid var(--ink);padding-top:19px}.control-label{display:block;font:9px var(--mono);text-transform:uppercase;letter-spacing:.09em;margin-bottom:9px;color:#66695f}.search-input-wrap{height:42px;border-bottom:1px solid #a7a89d;display:flex;gap:11px;align-items:center}.search-input-wrap>span{font-size:25px;color:var(--accent);transform:rotate(-18deg);line-height:1}.search-input-wrap input{border:0;background:transparent;outline:0;width:100%;font:14px var(--serif);color:var(--ink);padding:9px 0}.search-input-wrap input::placeholder{color:#85877e}.search-input-wrap:focus-within{border-bottom:2px solid var(--accent)}.filter-wrap select{display:block;height:42px;width:100%;border:0;border-bottom:1px solid #a7a89d;border-radius:0;background:transparent;color:var(--ink);font-size:14px;padding:0 29px 0 2px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 11px) 18px,calc(100% - 6px) 18px;background-size:5px 5px;background-repeat:no-repeat}.saved-toggle{height:43px;min-width:165px;background:transparent;border:1px solid #a7a89d;padding:0 13px;display:flex;gap:9px;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.saved-toggle:hover,.saved-toggle[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.saved-icon{font-size:18px;color:var(--accent)}.saved-count{font:9px var(--mono);padding-left:5px;border-left:1px solid currentColor}.results-line{display:flex;justify-content:space-between;align-items:center;margin:32px 0 17px;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6b6d64}.route-key{display:flex;align-items:center;gap:8px}.route-key i{display:inline-block;width:24px;border-top:1px dashed var(--accent)}
.route-field{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:8%;row-gap:32px;padding:31px 0 0}.route-field:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:repeating-linear-gradient(to bottom,var(--route) 0 5px,transparent 5px 12px)}.story-stop{position:relative;min-width:0;align-self:start}.story-stop:nth-child(odd){grid-column:1;padding-right:4%;transform:translateY(42px)}.story-stop:nth-child(even){grid-column:2;padding-left:4%;transform:translateY(-2px)}.story-stop:before{content:"";position:absolute;top:17px;width:8px;height:8px;background:var(--accent);border:3px solid var(--paper);outline:1px solid var(--accent);border-radius:50%;z-index:2}.story-stop:nth-child(odd):before{right:calc(-8% - 4px)}.story-stop:nth-child(even):before{left:calc(-8% - 4px)}.stop-open{display:grid;grid-template-columns:minmax(0,1fr) 39%;gap:18px;text-align:left;background:transparent;border:0;padding:0;width:100%;cursor:pointer;color:inherit}.story-stop:nth-child(even) .stop-open{grid-template-columns:39% minmax(0,1fr)}.stop-image{position:relative;height:182px;overflow:hidden;background:#deddd3}.stop-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.68);transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s}.stop-open:hover .stop-image img{transform:scale(1.045);filter:saturate(.95)}.stop-image:after{content:"";position:absolute;inset:0;border:1px solid rgb(32 35 30 / 12%);pointer-events:none}.stop-copy{padding:5px 0 0}.stop-meta{display:flex;gap:9px;align-items:center;font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#6e7067;margin-bottom:13px}.category-mark{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block}.stop-title{font:clamp(21px,2.1vw,29px)/1.04 var(--serif);letter-spacing:-.045em;margin:0 0 10px;max-width:340px}.stop-summary{font-size:12px;line-height:1.5;color:#66685f;margin:0;max-width:320px}.stop-foot{display:flex;justify-content:space-between;margin-top:16px;padding-top:10px;border-top:1px solid var(--line);font:9px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#72746b}.stop-arrow{color:var(--accent);font-size:15px}.stop-no{position:absolute;top:-27px;font:9px var(--mono);letter-spacing:.08em;color:var(--accent)}.story-stop:nth-child(odd) .stop-no{right:4%}.story-stop:nth-child(even) .stop-no{left:4%}.stop-saved{position:absolute;top:7px;right:calc(39% + 23px);font-size:17px;color:var(--accent);text-shadow:0 1px var(--paper)}.story-stop:nth-child(even) .stop-saved{right:8px}.route-field:empty{display:none}.empty-state{text-align:center;padding:75px 20px 55px;border-top:1px dashed var(--route)}.empty-mark{font:36px var(--serif);color:var(--accent)}.empty-state h3{font:32px var(--serif);margin:15px 0 8px;letter-spacing:-.04em}.empty-state p{max-width:330px;margin:0 auto 21px;color:#696b62;font:14px/1.5 var(--serif)}.empty-state button{border:1px solid var(--ink);background:transparent;padding:12px 16px;font:11px var(--mono);cursor:pointer}.empty-state button:hover{background:var(--ink);color:var(--paper)}
.about-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 8.2vw 50px;padding:28px 0;display:grid;grid-template-columns:68px 1fr auto;gap:19px;align-items:center}.about-stamp{height:53px;width:53px;border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;border-radius:50%;font:13px var(--mono);transform:rotate(-12deg)}.about-strip .eyebrow{font-size:8px;margin-bottom:8px}.about-strip>div>p:last-child{font:15px/1.45 var(--serif);margin:0;max-width:580px}.about-signoff{font:italic 20px/1.05 var(--serif);color:var(--accent);transform:rotate(-7deg);padding-right:12px}.site-footer{min-height:85px;padding:0 5.55vw;display:flex;align-items:center;justify-content:space-between;background:#e9e7dd;font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#65675e}.site-footer a:first-child{font-family:var(--display);font-size:11px;font-weight:700;color:var(--ink)}.site-footer a:first-child span{color:var(--accent)}
.story-dialog{border:0;padding:0;width:min(1060px,calc(100% - 48px));max-width:none;max-height:min(850px,calc(100% - 48px));background:var(--paper);color:var(--ink);box-shadow:0 24px 90px rgb(20 22 18 / 30%);overflow:auto}.story-dialog::backdrop{background:rgb(31 34 29 / .66);backdrop-filter:blur(3px)}.detail-shell{display:grid;grid-template-columns:.82fr 1.18fr;min-height:620px}.detail-visual{position:relative;min-height:100%;background:#deddd3;overflow:hidden}.close-detail{position:absolute;top:18px;left:18px;z-index:3;border:1px solid rgb(255 255 255 / .75);background:var(--paper);height:39px;padding:0 13px;display:flex;gap:9px;align-items:center;cursor:pointer;font:11px var(--mono);box-shadow:0 2px 9px rgb(0 0 0 / 10%)}.detail-photo{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.68)}.detail-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(24 26 22 / .48),transparent 27%,transparent 70%,rgb(24 26 22 / .08));pointer-events:none}.detail-stamp{position:absolute;z-index:1;bottom:70px;left:34px;width:78px;height:78px;border:1px solid white;color:white;border-radius:50%;display:grid;place-content:center;text-align:center;font:18px var(--mono);line-height:1;transform:rotate(-12deg)}.detail-stamp small{font-size:7px;line-height:1.2;margin-top:4px;letter-spacing:.08em}.detail-photo-caption{position:absolute;z-index:1;bottom:18px;left:34px;color:#fff;font:10px var(--mono);letter-spacing:.06em}.detail-article{padding:56px clamp(30px,5vw,68px) 40px;align-self:center}.detail-topline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#71736a}.detail-category{color:var(--accent)}.detail-article h2{font:clamp(38px,4.3vw,58px)/.99 var(--serif);letter-spacing:-.06em;margin:24px 0 16px}.detail-summary{font:17px/1.45 var(--serif);color:#696b61;margin:0 0 20px}.detail-byline{font:9px var(--mono);text-transform:uppercase;letter-spacing:.065em;color:#76786f;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-body{font:15px/1.75 var(--serif);max-width:58ch;margin-top:21px}.detail-body p{margin:0 0 15px}.detail-end{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:13px 0 17px;color:#73756c;font:9px var(--mono);letter-spacing:.06em}.end-mark{color:var(--accent);font-size:19px}.save-button{width:100%;border:1px solid var(--accent);min-height:46px;background:var(--accent);color:#fff;padding:10px 14px;display:flex;justify-content:center;align-items:center;gap:9px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s,color .2s}.save-button:hover,.save-button[aria-pressed=true]{background:transparent;color:var(--accent)}.save-star{font-size:18px}.next-story{display:block;margin:17px auto 0;background:transparent;border:0;font:10px var(--mono);cursor:pointer;color:#66685f}.next-story span{color:var(--accent);font-size:14px;margin-left:5px}.story-dialog[open]{animation:arrive .28s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:850px){.masthead{padding:0 5vw;grid-template-columns:1fr auto auto}.masthead-note{display:none}.masthead-nav{gap:16px}.issue-mark{display:none}.intro{padding-left:6vw;padding-right:6vw;min-height:430px}.intro-art{height:310px}.explore{padding-left:6vw;padding-right:6vw}.story-stop:nth-child(odd){padding-right:2%}.story-stop:nth-child(even){padding-left:2%}.stop-open,.story-stop:nth-child(even) .stop-open{grid-template-columns:1fr}.stop-image{height:180px}.stop-copy{padding-top:0}.stop-saved{top:8px;right:8px;background:var(--paper);width:27px;height:27px;display:grid;place-items:center}.story-stop:nth-child(even) .stop-saved{right:8px}.stop-title{font-size:25px}.about-strip{margin-left:6vw;margin-right:6vw}}
@media(max-width:600px){html{scroll-padding-top:15px}.masthead{height:74px;padding:0 20px;grid-template-columns:1fr auto;gap:8px}.wordmark-mark{height:39px;width:39px;font-size:13px}.wordmark-name{font-size:9px}.masthead-nav{font-size:10px;gap:13px}.masthead-nav a:first-child span{display:none}.masthead-nav a:last-child{display:none}.intro{padding:46px 20px 0;display:block;min-height:0}.intro-copy{padding-bottom:24px}.eyebrow{font-size:8px;margin-bottom:16px}h1{font-size:clamp(58px,15vw,80px);line-height:.88;margin-bottom:18px}h1 span{font-size:.79em}.intro-deck{font-size:15px;max-width:290px}.intro-art{height:220px;margin:0 -4px 0 16%;clip-path:polygon(8% 4%,97% 0,100% 93%,4% 100%,0 13%)}.intro-foot{height:43px;font-size:8px;margin-top:22px}.explore{padding:76px 20px 72px}.section-heading{display:block;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:38px;max-width:320px}.section-aside{font-size:12px;margin-top:12px}.section-aside br{display:none}.controls{grid-template-columns:1fr 1fr;gap:17px 14px;padding-top:15px}.search-wrap{grid-column:1/-1}.control-label{font-size:8px}.search-input-wrap,.filter-wrap select{height:39px}.saved-toggle{height:39px;min-width:0;grid-column:1/-1;justify-content:flex-start;padding:0 12px}.saved-count{margin-left:auto}.results-line{margin:24px 0 13px;font-size:8px}.route-key{gap:5px}.route-key i{width:15px}.route-field{display:block;padding:13px 0 0 22px}.route-field:before{left:5px;top:0;bottom:15px}.story-stop,.story-stop:nth-child(odd),.story-stop:nth-child(even){padding:0 0 28px;transform:none;margin:0}.story-stop:before,.story-stop:nth-child(odd):before,.story-stop:nth-child(even):before{left:1px;right:auto;top:22px;width:8px;height:8px;transform:translateX(-21px)}.story-stop:nth-child(odd) .stop-no,.story-stop:nth-child(even) .stop-no{position:static;display:block;margin:0 0 8px}.stop-open,.story-stop:nth-child(even) .stop-open{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px}.stop-image{height:128px}.stop-copy{padding:1px 0 0}.stop-meta{font-size:8px;margin-bottom:8px;gap:6px}.category-mark{width:5px;height:5px}.stop-title{font-size:21px;line-height:1.03;margin-bottom:7px}.stop-summary{font-size:11px;line-height:1.38}.stop-foot{margin-top:10px;padding-top:7px;font-size:8px}.stop-saved,.story-stop:nth-child(even) .stop-saved{right:7px;top:7px}.empty-state{padding:60px 8px 45px}.about-strip{margin:0 20px 34px;padding:21px 0;grid-template-columns:46px 1fr;gap:13px}.about-stamp{width:42px;height:42px;font-size:11px}.about-strip .eyebrow{font-size:7px;letter-spacing:.06em}.about-strip>div>p:last-child{font-size:13px}.about-signoff{display:none}.site-footer{padding:18px 20px;min-height:76px;display:grid;grid-template-columns:1fr auto;row-gap:8px;font-size:7px}.site-footer>span{grid-column:1/-1;grid-row:2}.site-footer a:last-child{grid-column:2;grid-row:1}.story-dialog{width:calc(100% - 20px);max-height:calc(100% - 20px)}.detail-shell{display:block;min-height:0}.detail-visual{height:220px;min-height:220px}.close-detail{top:10px;left:10px;height:36px;font-size:10px}.detail-stamp{left:auto;right:20px;bottom:25px;width:58px;height:58px;font-size:14px}.detail-photo-caption{left:18px;bottom:17px;font-size:8px}.detail-article{padding:27px 22px 24px}.detail-topline{font-size:8px}.detail-article h2{font-size:39px;margin:18px 0 13px}.detail-summary{font-size:15px;margin-bottom:17px}.detail-byline{font-size:8px;padding:12px 0}.detail-body{font-size:14px;line-height:1.7;margin-top:17px}.detail-body p{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}