@font-face{font-family:DM Sans;src:url('assets/dm-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:DM Serif;src:url('assets/dm-serif.ttf') format('truetype');font-display:swap}
@font-face{font-family:Plex Mono;src:url('assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{--bg:#f5f2eb;--surface:#ebe7dc;--ink:#1f2924;--muted:#565f58;--accent:#9d3826;--accent-ink:#fff8ed;--rule:#c9c8bd;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Arial,sans-serif;font-size:16px;line-height:1.6}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a,select,input{outline:2px solid transparent;outline-offset:2px}button:focus,button:focus-visible,a:focus,a:focus-visible,select:focus,select:focus-visible,input:focus,input:focus-visible{outline-color:var(--accent)}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}img{max-width:100%}.wrap{width:min(100% - 80px,1360px);margin-inline:auto}.eyebrow,.utility-line,.opening-note,.plate-top,.plate-bottom,.city-plate figcaption,.browse-bar label>span:first-child,.results-line,.story-number,.story-category,.story-meta,.detail-top,.detail-meta,.detail-end,.site-footer>span{font-family:Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.1em;line-height:1.4}.site-header{border-bottom:1px solid var(--ink)}.utility-line{height:38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule)}.masthead-row{height:135px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-family:DM Serif,Georgia,serif;font-size:clamp(76px,9.6vw,150px);line-height:.75;letter-spacing:-.07em;display:inline-flex;align-items:baseline;min-height:96px}.wordmark-dot,.footer-brand span{color:var(--accent)}.masthead-row nav{display:flex;gap:32px;align-items:center}.masthead-row nav a,.site-footer a{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease)}.masthead-row nav a{font-size:14px;font-weight:700}.opening{display:grid;grid-template-columns:50% 50%;min-height:620px;border-bottom:1px solid var(--ink);padding-block:52px 64px}.opening-copy{display:flex;flex-direction:column;align-items:flex-start;padding:22px 68px 0 0}.opening .eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 38px}.eyebrow-line{width:34px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:DM Serif,Georgia,serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(66px,6.7vw,112px);line-height:.99;margin-bottom:32px;max-width:680px}h1 em{color:var(--accent);font-style:normal}.opening-intro{max-width:490px;font-size:18px;line-height:1.65;margin-bottom:28px}.primary-link,.empty-state button,.about-inner>a{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--accent);color:var(--accent-ink);min-height:52px;padding:12px 22px;font-size:14px;font-weight:700;transition:background .2s var(--ease),transform .2s var(--ease)}.primary-link span,.about-inner>a span,.empty-state button span{font-size:20px;font-weight:400;line-height:1}.opening-note{margin:auto 0 0;color:var(--muted);padding-top:28px}.city-plate{margin:0;align-self:stretch;display:flex;flex-direction:column}.plate-frame{background:#d8d9c9;border:1px solid var(--ink);padding:14px;flex:1;display:flex;flex-direction:column;min-height:0}.plate-top,.plate-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.plate-top{padding:4px 4px 14px}.plate-bottom{padding:14px 4px 4px}.city-art{width:100%;height:100%;min-height:360px;border:1px solid var(--ink);background:#d7dbcc;overflow:hidden}.city-art *{transition:fill .25s var(--ease),stroke .25s var(--ease),transform .25s var(--ease)}.sky{fill:#d4ddcb}.sun{fill:#e9b658}.sun-ring{fill:none;stroke:#ad6a3a;stroke-width:2}.rear-building{fill:#b7a685;stroke:#2b392d;stroke-width:3}.rear-roof,.library-line,.library-detail,.sidewalk{fill:none;stroke:#2b392d;stroke-width:3}.rear-window{fill:#e5dec8;stroke:#344034;stroke-width:3}.window-detail{fill:none;stroke:#344034;stroke-width:2}.library{fill:#d5c5a8;stroke:#2b392d;stroke-width:3}.library-window{fill:#658a80;stroke:#2b392d;stroke-width:3}.library-door{fill:#4c6e63;stroke:#2b392d;stroke-width:3}.library-sign{fill:#eee8d4}.sign-text{font-family:Plex Mono,monospace;font-size:12px;font-weight:700;letter-spacing:2px;fill:#2b392d}.tree-trunk{fill:none;stroke:#6b573d;stroke-width:13;stroke-linecap:round}.tree-leaf{fill:#697e58;stroke:#344a37;stroke-width:3}.sidewalk{stroke-width:4}.bus{fill:#a9432e;stroke:#2b392d;stroke-width:3}.bus-stripe{stroke:#ebdfba;stroke-width:3}.bus-window{fill:#c7d7cb;stroke:#2b392d;stroke-width:2}.wheel{fill:#29332e;stroke:#d6cba9;stroke-width:5}.road-lines{stroke:#e7e0c8;stroke-width:5}.view-toggle{border:0;background:transparent;color:var(--ink);min-height:44px;padding:8px 4px;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;gap:12px;font-family:DM Sans,Arial,sans-serif;font-size:13px;font-weight:700;transition:color .2s var(--ease)}.view-toggle span{font-size:18px;font-weight:400}.city-plate figcaption{padding-top:10px;color:var(--muted);text-align:right;text-transform:none;letter-spacing:.02em;font-weight:400}.city-plate.is-night .sky{fill:#344d53}.city-plate.is-night .sun{fill:#f4eacb;transform:translate(-18px,8px) scale(.72);transform-origin:528px 113px}.city-plate.is-night .sun-ring{stroke:transparent}.city-plate.is-night .rear-building{fill:#6c6c68}.city-plate.is-night .rear-window{fill:#dfbf7e}.city-plate.is-night .library{fill:#8b8571}.city-plate.is-night .library-window{fill:#e4bd79}.city-plate.is-night .library-door{fill:#bf9d6c}.city-plate.is-night .tree-leaf{fill:#405847}.city-plate.is-night .bus{fill:#783d35}.city-plate.is-night .bus-window{fill:#e4ba80}
.index-section{padding-block:112px 128px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:52px}.section-heading .eyebrow{color:var(--accent);margin-bottom:18px}.section-heading h2{font-size:clamp(48px,5.4vw,78px);line-height:1.04;margin:0}.section-heading>p{font-size:16px;max-width:230px;line-height:1.55;margin:0 10% 4px 0;color:var(--muted)}.browse-bar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(200px,280px) auto;align-items:end;gap:16px;padding:22px 0;border-block:1px solid var(--ink)}.browse-bar label{display:flex;flex-direction:column;gap:8px}.browse-bar label>span:first-child{color:var(--muted)}.input-shell{display:flex;align-items:center;gap:12px;background:#fffdf8;border:1px solid var(--rule);height:52px;padding:0 14px;transition:border-color .2s var(--ease)}.input-shell:focus-within{border-color:var(--accent)}.input-shell svg{width:20px;height:20px;flex:0 0 auto;stroke:var(--ink);stroke-width:1.7;fill:none}.input-shell input{width:100%;border:0;background:transparent;outline:0!important;font-size:16px;color:var(--ink)}.input-shell input::placeholder{color:#68716a}.filter-field select{width:100%;height:52px;padding:0 42px 0 14px;border:1px solid var(--rule);border-radius:0;background:#fffdf8;color:var(--ink);font-size:16px;cursor:pointer}.saved-filter{height:52px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:0 14px;display:flex;gap:9px;align-items:center;white-space:nowrap;font-size:14px;font-weight:700;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.saved-filter svg,.save-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.saved-filter[aria-pressed="true"]{background:var(--ink);color:var(--bg)}.saved-count{min-width:22px;text-align:center;border-left:1px solid currentColor;padding-left:9px}.results-line{display:flex;justify-content:space-between;color:var(--muted);padding-block:20px;border-bottom:1px solid var(--rule)}.story{display:grid;grid-template-columns:82px minmax(0,1fr) 160px 58px;gap:26px;align-items:center;min-height:174px;border-bottom:1px solid var(--rule);padding-block:23px;transition:background .2s var(--ease),padding .2s var(--ease)}.story[hidden]{display:none}.story-number{align-self:start;color:var(--accent);padding-top:6px}.story-content{min-width:0}.story-category{display:block;color:var(--accent);margin-bottom:8px}.story h3{font-size:clamp(27px,2.7vw,40px);line-height:1.08;margin:0 0 8px}.story p{font-size:15px;line-height:1.5;max-width:640px;color:var(--muted);margin:0}.story-meta{color:var(--muted);font-size:10px;letter-spacing:.06em;display:flex;flex-direction:column;gap:4px}.open-item{width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);font-size:23px;display:grid;place-items:center;justify-self:end;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.story:first-child{min-height:200px}.story:first-child h3{font-size:clamp(33px,3.7vw,58px)}.empty-state{text-align:center;padding:96px 20px 20px}.empty-state[hidden]{display:none}.empty-mark{font-family:DM Serif,Georgia,serif;font-size:70px;color:var(--accent);display:block;line-height:1}.empty-state h3{font-size:42px;margin:20px 0 10px}.empty-state p{color:var(--muted);margin-bottom:24px}.empty-state button{border:0}.about-section{background:var(--ink);color:#f5f2eb;padding-block:112px 128px;overflow:clip}.about-inner{position:relative}.about-inner:after{content:"n.";font-family:DM Serif,Georgia,serif;position:absolute;right:2%;top:-95px;font-size:clamp(220px,32vw,480px);letter-spacing:-.1em;line-height:1;color:#52645a;opacity:.25;pointer-events:none}.about-inner>*{position:relative;z-index:1}.about-inner .eyebrow{color:#d4bca7;margin-bottom:30px}.about-inner h2{font-size:clamp(58px,7vw,108px);line-height:1;margin-bottom:24px}.about-inner>p:not(.eyebrow){max-width:620px;font-size:19px;line-height:1.65;color:#e3e8dd;margin-bottom:32px}.about-inner>a{background:var(--bg);color:var(--ink)}.site-footer{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:16px}.footer-brand{font-family:DM Serif,Georgia,serif;font-size:42px;letter-spacing:-.06em;line-height:1}.site-footer>span{color:var(--muted)}.site-footer>a:last-child{font-size:14px;font-weight:700}
.detail-dialog{width:min(100%,960px);max-height:100dvh;height:100dvh;margin:0 0 0 auto;padding:0;border:0;background:var(--bg);color:var(--ink);box-shadow:-15px 0 45px #1118}.detail-dialog::backdrop{background:#152019a8}.detail-inner{height:100%;overflow:auto;overscroll-behavior:contain}.detail-top{height:72px;padding:0 40px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--bg);position:sticky;top:0;z-index:2}.close-detail{border:0;background:transparent;color:var(--ink);min-height:44px;display:flex;gap:15px;align-items:center;padding:5px;font-family:DM Sans,Arial,sans-serif;font-size:14px;font-weight:700;transition:color .2s var(--ease),transform .2s var(--ease)}.close-detail span{font-size:29px;font-weight:400;line-height:1}.detail-content{max-width:760px;margin:auto;padding:70px 40px 100px}.detail-content .eyebrow{color:var(--accent);margin-bottom:22px}.detail-content h2{font-size:clamp(48px,6.2vw,82px);line-height:1.04;margin-bottom:26px}.detail-summary{font-family:DM Serif,Georgia,serif;font-size:clamp(23px,2.3vw,31px);line-height:1.32;color:#4d574f;margin-bottom:30px}.detail-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--muted);border-block:1px solid var(--rule);padding-block:14px;margin-bottom:24px}.save-item{display:inline-flex;align-items:center;gap:10px;min-height:48px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);padding:8px 18px;font-size:14px;font-weight:700;margin-bottom:58px;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.save-item[aria-pressed="true"]{background:transparent;color:var(--accent)}.save-item[aria-pressed="true"] svg{fill:var(--accent)}.article-body{font-family:DM Sans,Arial,sans-serif;font-size:19px;line-height:1.76;max-width:690px}.article-body p{margin-bottom:28px}.article-body p:first-child:first-letter{font-family:DM Serif,Georgia,serif;float:left;font-size:76px;line-height:.78;padding:9px 9px 0 0;color:var(--accent)}.detail-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);margin-top:68px;padding-top:16px;color:var(--muted)}.back-to-stories{border:0;background:transparent;color:var(--ink);font-family:DM Sans,Arial,sans-serif;font-size:14px;font-weight:700;min-height:44px;padding:8px;transition:color .2s var(--ease),transform .2s var(--ease)}
@media(hover:hover) and (pointer:fine){.wordmark:hover,.footer-brand:hover{color:var(--accent)}.masthead-row nav a:hover,.site-footer a:hover{color:var(--accent);border-color:var(--accent)}.primary-link:hover,.empty-state button:hover{background:#7d281b;transform:translateY(-2px)}.about-inner>a:hover{background:#dfd7c8;transform:translateY(-2px)}.view-toggle:hover{color:var(--accent)}.city-plate:hover .plate-frame{border-color:var(--accent)}.input-shell:hover,.filter-field select:hover{border-color:var(--ink)}.saved-filter:hover{background:var(--ink);color:var(--bg)}.story:hover{background:#ede9df;padding-inline:12px}.story:hover .open-item,.open-item:hover{background:var(--ink);color:var(--bg)}.story:hover h3{color:var(--accent)}.close-detail:hover,.back-to-stories:hover{color:var(--accent)}.save-item:hover{background:#7d281b}.save-item[aria-pressed="true"]:hover{background:#e9dbd1}}
.wordmark:active,.masthead-row nav a:active,.site-footer a:active,.primary-link:active,.empty-state button:active,.about-inner>a:active,.view-toggle:active,.saved-filter:active,.open-item:active,.close-detail:active,.save-item:active,.back-to-stories:active{transform:scale(.97)}.story:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.open-item:focus,.open-item:focus-visible{background:var(--ink);color:var(--bg)}.masthead-row nav a:focus,.masthead-row nav a:focus-visible,.site-footer a:focus,.site-footer a:focus-visible{border-color:var(--accent)}.view-toggle:focus,.view-toggle:focus-visible{color:var(--accent)}.filter-field select:active,.input-shell input:active{border-color:var(--accent)}
@keyframes arrive{from{opacity:.55;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes plate-arrive{from{opacity:.65;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.opening-copy{animation:arrive .65s var(--ease) both}.city-plate{animation:plate-arrive .75s .1s var(--ease) both}
@media(max-width:980px){.wrap{width:min(100% - 48px,1360px)}.opening{grid-template-columns:1fr;gap:42px}.opening-copy{padding-right:0}.opening-note{margin-top:16px}.city-art{height:440px}.browse-bar{grid-template-columns:1fr 220px}.saved-filter{grid-column:1/-1;justify-self:start}.section-heading>p{margin-right:0}.story{grid-template-columns:50px minmax(0,1fr) 130px 48px;gap:16px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.utility-line{font-size:9px;letter-spacing:.05em}.utility-line span:last-child{max-width:110px;text-align:right}.masthead-row{height:96px}.wordmark{font-size:75px;min-height:65px}.masthead-row nav{gap:12px}.masthead-row nav a{font-size:13px}.opening{padding-block:40px 64px;gap:32px}.opening .eyebrow{margin-bottom:25px}.opening-copy{padding-top:0}h1{font-size:clamp(55px,14vw,75px);max-width:100%;margin-bottom:22px}.opening-intro{font-size:16px;margin-bottom:24px}.opening-note{font-size:10px}.plate-frame{padding:9px}.plate-top,.plate-bottom{font-size:9px;letter-spacing:.04em}.plate-bottom>span{max-width:155px}.city-art{height:310px;min-height:310px}.city-plate figcaption{font-size:9px}.index-section{padding-block:72px 88px}.section-heading{display:block;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:13px}.section-heading h2{font-size:53px;margin-bottom:14px}.section-heading>p{font-size:15px;max-width:300px}.browse-bar{grid-template-columns:1fr;gap:15px}.saved-filter{grid-column:auto}.results-line{font-size:10px}.story,.story:first-child{grid-template-columns:32px 1fr 46px;gap:11px;min-height:0;padding-block:25px}.story-number{font-size:10px}.story h3,.story:first-child h3{font-size:31px}.story p{font-size:14px;line-height:1.48}.story-meta{grid-column:2;grid-row:2;flex-direction:row;gap:12px;font-size:9px}.open-item{grid-column:3;grid-row:1;align-self:center;width:44px;height:44px}.about-section{padding-block:80px 95px}.about-inner:after{font-size:260px;right:-40px;top:-25px}.about-inner h2{font-size:61px}.about-inner>p:not(.eyebrow){font-size:17px}.site-footer{min-height:100px}.site-footer>span{display:none}.detail-dialog{width:100%}.detail-top{height:62px;padding-inline:20px;font-size:10px}.detail-content{padding:50px 24px 80px}.detail-content h2{font-size:clamp(47px,12vw,64px)}.detail-summary{font-size:24px}.detail-meta{font-size:10px}.article-body{font-size:18px;line-height:1.7}.detail-end{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.opening-copy,.city-plate{animation:none}.city-art *{transition:none}a,button,.story,.input-shell,select{transition:none!important}}