@font-face{font-family:Oswald;src:url('assets/oswald.ttf')}@font-face{font-family:Work;src:url('assets/work-sans.ttf')}@font-face{font-family:Mono;src:url('assets/ibm-plex-mono.ttf')}@font-face{font-family:Serif;src:url('assets/dm-serif.ttf')}
:root{--paper:#efede5;--ink:#242722;--orange:#f0522d;--yellow:#efd96a;--green:#c8d4be;--line:#bcbdb2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Work,Arial,sans-serif}button,input,select,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button{border-radius:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2457a3;outline-offset:5px}button:hover{filter:brightness(.96)}.page-shell{max-width:1600px;margin:auto;padding:0 52px}.edition-line{display:flex;justify-content:space-between;padding:20px 0 15px;border-bottom:1px solid var(--ink);font:10px Mono,monospace;letter-spacing:1.4px}.masthead{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);height:191px}.wordmark{font:700 clamp(80px,12.4vw,188px)/1 Oswald,sans-serif;letter-spacing:-8px;display:flex;align-items:flex-start}.wordmark-star{font:100px Work;line-height:1.55;letter-spacing:-9px;color:var(--orange);margin-left:14px}.stamp{width:126px;height:142px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(9deg);border:1.5px solid var(--ink);border-radius:50%;margin-right:8px;font:9px Mono;letter-spacing:.7px;gap:6px}.stamp svg{width:66px;height:72px}.intro{display:grid;grid-template-columns:1.15fr 1.2fr .65fr;align-items:center;padding:25px 0 28px;gap:25px}.intro h1{font:400 37px/1.08 Serif,Georgia,serif;letter-spacing:-.8px;margin:0}.intro p{font-size:14px;line-height:1.7;margin:0}.intro-note{font:italic 20px/1.1 Serif,serif;transform:rotate(-7deg);justify-self:center;position:relative}.intro-note span{font:50px Serif;position:absolute;right:-60px;top:10px}.nav-row{display:flex;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);height:55px;gap:0}.nav-row>a,.nav-row>button{height:100%;padding:0 24px;display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600;border:none;border-right:1px solid var(--ink);background:none}.nav-row>a.current{background:var(--ink);color:var(--paper)}.nav-row>a span{margin-left:18px;font-size:20px}.nav-row svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.6}.nav-row #saved-count{font:10px Mono;border:1px solid #aaa99f;min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%}.nav-row button[aria-pressed=true]{background:var(--yellow)}.nav-aside{margin-left:auto;font:9px Mono;letter-spacing:1.2px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;padding:31px 0 27px;gap:24px}.board-heading{display:flex;align-items:center;gap:16px}.board-heading h2{font:500 22px Oswald;margin:0}.board-heading>span{font:9px Mono;letter-spacing:.3px;color:#6a6c62}.browse-tools{display:flex;gap:10px}.search-box{height:40px;border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 12px;width:225px}.search-box svg{width:17px;fill:none;stroke:var(--ink);stroke-width:1.5;flex-shrink:0}.search-box input{background:none;min-width:0;width:100%;border:none;font-size:12px;color:var(--ink);outline-offset:7px}.filter-box{position:relative;display:flex;align-items:center}.filter-box select{background:transparent;border:1px solid var(--line);height:40px;width:135px;appearance:none;padding:0 35px 0 13px;font-size:12px;cursor:pointer}.filter-box>span:last-child{position:absolute;right:14px;pointer-events:none}.story-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;align-items:start;gap:28px 25px;padding:9px 5px 48px;background-image:radial-gradient(#b9b9ae .7px,transparent .7px);background-size:13px 13px}.story-grid[hidden]{display:none}.story-card{position:relative;min-width:0;border:1px solid var(--ink);box-shadow:4px 5px 0 #272b2020;background:#f8f5e9;transition:transform .2s,box-shadow .2s}.story-card:nth-child(3n+1){transform:rotate(-1deg)}.story-card:nth-child(3n+2){transform:rotate(.7deg);margin-top:16px}.story-card:nth-child(3n){transform:rotate(-.5deg);margin-top:4px}.story-card:hover{transform:rotate(0deg) translateY(-4px);box-shadow:6px 8px 0 #272b2025}.card-open{display:block;width:100%;text-align:left;border:0;background:transparent;padding:0;color:inherit}.card-top{display:flex;align-items:center;justify-content:space-between;padding:14px 19px 11px;font:10px Mono;letter-spacing:.8px}.category{display:flex;align-items:center;gap:7px}.category:before{content:'';width:7px;height:7px;background:currentColor;border-radius:50%}.card-art{position:relative;overflow:hidden;height:182px;margin:0 15px}.card-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(.92);mix-blend-mode:multiply}.library .card-art{background:#ccd2be}.library .card-art img{object-position:center 45%}.art-label{position:absolute;bottom:11px;left:12px;background:var(--paper);font:10px Mono;padding:7px 10px;transform:rotate(-3deg)}.card-text{padding:19px 20px 16px}.card-text h3{font:400 29px/1.06 Serif,serif;letter-spacing:-.5px;margin:0 0 13px}.card-text p{font-size:12px;line-height:1.65;margin:0;color:#44473d}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #272b2040;margin:0 20px;padding:13px 0;font:9px Mono;text-transform:uppercase}.card-bottom .arrow{font:23px Work;line-height:1}.tape{position:absolute;top:-10px;left:39%;width:77px;height:22px;transform:rotate(-5deg);background:#d9ccb9aa;z-index:1;clip-path:polygon(2% 0,100% 5%,96% 100%,0 94%);pointer-events:none}.ticket{background:var(--yellow)}.ticket .card-art{height:180px;margin:0 20px;border-top:1px solid;border-bottom:1px solid}.bus-art{display:flex;justify-content:space-between;align-items:center;gap:8px;height:100%;position:relative}.bus-art .route{font:500 105px/.9 Oswald;letter-spacing:-5px}.bus-art .route small{font:8px Mono;display:block;letter-spacing:.5px;margin-top:12px}.bus-art .bus-symbol{width:80px;height:110px;flex-shrink:0}.ticket .card-text h3{font:500 35px/1.05 Oswald;text-transform:uppercase;letter-spacing:-.4px}.ticket .card-bottom{border-top:1px dashed var(--ink);position:relative}.ticket .card-bottom:before,.ticket .card-bottom:after{content:'';position:absolute;top:-8px;width:15px;height:15px;background:var(--paper);border:1px solid var(--ink);border-radius:50%}.ticket .card-bottom:before{left:-28px}.ticket .card-bottom:after{right:-28px}.repair{background:#dfdfd2}.repair .card-art{height:150px;background:repeating-linear-gradient(transparent 0 24px,#a8ae9b70 24px 25px);border-top:1px solid #8c9380;border-bottom:1px solid #8c9380}.repair-art svg{width:100%;height:100%;padding:12px 22px}.repair .card-text h3{font:500 31px/1.09 Oswald;text-transform:uppercase}.repair .card-top{padding-bottom:13px}.repair-stamp{position:absolute;right:8px;bottom:12px;color:#b83f29;border:2px solid;padding:4px 7px;font:11px Mono;transform:rotate(-13deg)}.food{background:#f8f4e9}.food .card-art img{filter:grayscale(.6);object-position:center}.culture{background:#ed653e}.culture .card-art{height:185px;background:var(--ink);color:#ed653e;display:grid;place-items:center}.gig-art{font:600 67px/.9 Oswald;text-align:center;letter-spacing:-2px;transform:rotate(-5deg)}.gig-art small{font:9px Mono;letter-spacing:3px;display:block;margin-top:14px}.garden{background:#c7d1b9}.garden-art{height:100%;display:flex;align-items:center;justify-content:center}.garden-art svg{width:170px;height:170px}.walk{background:#cad6df}.walk .card-art{background:#e4e6dc}.map-art{height:100%}.map-art svg{height:100%;width:100%}.signs{background:#eee8db}.sign-art{background:#325b4b;color:#f6eed8;height:100%;display:grid;place-items:center;font:500 42px/.9 Oswald;transform:rotate(2deg);text-align:center;border:5px double #f6eed8}.sign-art small{font:10px Mono;letter-spacing:2px}.saved-pin{position:absolute;right:11px;top:-13px;background:var(--orange);color:white;padding:6px 9px;font:9px Mono;transform:rotate(6deg);z-index:2}.board-end{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;padding:16px 0;font:9px Mono;letter-spacing:1px}.board-end>span:nth-child(2){font:36px Work;color:var(--orange)}footer{display:flex;align-items:center;gap:25px;padding:32px 0 38px;font-size:11px}.footer-logo{font:500 25px Oswald;letter-spacing:-1px}footer>span{font:9px/1.6 Mono;color:#676b5f;margin-left:auto}footer>a:last-child{font:10px Mono;margin-left:20px}.empty-state{text-align:center;border:1px dashed var(--line);padding:60px 20px;margin-bottom:35px}.empty-state[hidden]{display:none}.empty-state h2{font:40px Serif;margin:8px}.empty-state p{font-size:14px}.empty-state button{border:1px solid var(--ink);background:var(--yellow);padding:13px 20px;margin-top:12px}.empty-drawing{font:60px Oswald}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
dialog{padding:0;width:min(1100px,calc(100% - 64px));max-height:calc(100dvh - 64px);border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:12px 12px 0 #0003}dialog::backdrop{background:#242722b8;backdrop-filter:blur(4px)}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid var(--ink);position:sticky;top:0;background:var(--paper);z-index:3}.detail-toolbar button{font:11px Mono;border:0;background:transparent;padding:7px 0}.detail-toolbar>span{font:500 22px Oswald}.article-layout{display:grid;grid-template-columns:31% 69%}.article-main{padding:38px 48px}.article-kicker{display:flex;justify-content:space-between;font:10px Mono;text-transform:uppercase;letter-spacing:1px}.article-main h2{font:46px/1.05 Serif;margin:23px 0 20px;letter-spacing:-1px}.article-main #detail-summary{font:17px/1.6 Work;color:#595e52}.article-byline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font:10px Mono}.article-byline strong{font:600 12px Work;display:block;margin-bottom:6px}.article-byline div>span{color:#686d60}#save-item{margin:24px 0 14px;display:flex;gap:10px;align-items:center;border:1px solid var(--ink);background:var(--yellow);padding:12px 17px;font-size:12px}#save-item svg{height:18px;width:18px;stroke:currentColor;fill:none;stroke-width:1.5}#save-item[aria-pressed=true]{background:var(--green)}#save-item[aria-pressed=true] svg{fill:var(--ink)}#detail-body{font:17px/1.85 Work}#detail-body p{margin:23px 0}#detail-body p:first-child:first-letter{float:left;font:68px/.9 Serif;margin:8px 8px 0 0}.article-end{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);margin-top:35px;padding-top:24px;font-size:32px;color:var(--orange)}.article-end span{font:italic 17px Serif;color:var(--ink)}#detail-art{padding:45px 20px;border-right:1px solid var(--ink);background:var(--green);position:relative;overflow:hidden}#detail-art .card-art{height:270px;margin:30px 0}#detail-art .art-big-number{font:160px/1 Oswald;opacity:.2;letter-spacing:-8px}#detail-art .aside-note{font:12px/1.7 Mono;border-top:1px solid;padding-top:20px}#detail-art.ticket{background:var(--yellow)}#detail-art.culture{background:#ed653e}body.modal-open{overflow:hidden}
@media(min-width:1500px){.wordmark{font-size:188px}}@media(max-width:1100px){.page-shell{padding:0 30px}.masthead{height:160px}.wordmark{letter-spacing:-5px}.wordmark-star{font-size:75px}.stamp{width:100px;height:120px;font-size:7px}.intro h1{font-size:31px}.intro p{font-size:12px}.board-heading{display:block}.board-heading>span{display:block;margin-top:5px}.story-grid{gap:25px 18px}.card-text h3{font-size:25px}.ticket .card-text h3{font-size:30px}.repair .card-text h3{font-size:27px}.nav-aside{font-size:8px}.bus-art .route{font-size:85px}.bus-art .bus-symbol{width:60px}.article-main{padding:30px}.article-main h2{font-size:40px}}
@media(max-width:700px){.page-shell{padding:0 18px}.edition-line{font-size:7px;letter-spacing:.5px;padding:14px 0 11px}.edition-line>span:last-child{font-size:6px}.masthead{height:107px}.wordmark{font-size:76px;letter-spacing:-3.5px}.wordmark-star{font-size:40px;margin-left:5px;line-height:1.8;letter-spacing:-5px}.stamp{width:49px;height:67px;font-size:3.8px;letter-spacing:0;gap:3px;margin:0;border-width:1px;flex-shrink:0}.stamp svg{height:35px;width:35px}.intro{grid-template-columns:1fr;gap:14px;padding:21px 0 23px;position:relative}.intro h1{font-size:30px;line-height:1.03}.intro p{font-size:11px;line-height:1.65}.intro-note{position:absolute;right:22px;top:28px;font-size:14px}.intro-note span{font-size:33px;right:-19px;top:23px}.desktop-break{display:none}.nav-row{height:49px}.nav-row>a,.nav-row>button{padding:0 15px;font-size:11px;gap:8px}.nav-row>a{flex:1}.nav-row>a span{margin-left:auto}.nav-row>button{border-right:0}.nav-aside{display:none}.board-toolbar{display:block;padding:24px 0 20px}.board-heading{display:flex;gap:10px;justify-content:space-between;margin-bottom:14px}.board-heading h2{font-size:19px}.board-heading>span{font-size:7px;margin:0}.browse-tools{gap:8px}.search-box{width:auto;flex:1}.filter-box select{width:117px}.story-grid{grid-template-columns:1fr;gap:29px;padding:8px 6px 35px}.story-card:nth-child(n){margin-top:0;transform:rotate(-.8deg)}.story-card:nth-child(even){transform:rotate(.8deg)}.card-art{height:190px}.card-text h3{font-size:30px}.card-text p{font-size:13px}.card-text{padding:20px}.card-top{padding:15px 20px}.card-bottom{font-size:10px}.ticket .card-text h3{font-size:35px}.repair .card-text h3{font-size:32px}.bus-art .route{font-size:102px}.bus-art .bus-symbol{width:78px}.board-end{font-size:7px;gap:13px}.board-end>span:first-child{max-width:130px;line-height:1.6}.board-end>span:last-child{text-align:right;max-width:92px;line-height:1.6}.board-end>span:nth-child(2){font-size:28px}footer{flex-wrap:wrap;gap:10px;padding:24px 0}footer p{font-size:10px;margin-left:auto}footer>span{margin-left:0;font-size:8px}footer>a:last-child{margin-left:auto;font-size:9px}dialog{width:100%;height:100dvh;max-height:100dvh;border:0;box-shadow:none}.detail-toolbar{padding:13px 18px}.detail-toolbar button{font-size:10px}.detail-toolbar>span{font-size:19px}.article-layout{display:block}#detail-art{display:none}.article-main{padding:26px 23px}.article-main h2{font-size:39px}.article-main #detail-summary{font-size:16px}#detail-body{font-size:16px;line-height:1.8}.article-kicker{font-size:9px}}
.wordmark{transform:scaleX(1.45);transform-origin:left center}
@media(max-width:700px){.wordmark{transform:none}.board-heading>span{font-size:8px;letter-spacing:0}.article-kicker{gap:12px}.article-kicker>span:last-child{white-space:nowrap}}
@media(max-width:370px){.wordmark{font-size:65px}.intro-note{right:12px;font-size:12px}.intro h1{font-size:28px}.board-heading{align-items:flex-start}.board-heading>span{max-width:95px;text-align:right;line-height:1.5}.bus-art .route{font-size:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}