@font-face{font-family:Literata;src:url('/artifacts/city-journal--v1--s2--gpt-6-luna-codex--impeccable--2026-10-12T08-00-10-623Z/assets/literata.ttf') format('truetype');font-display:swap;font-weight:100 900}
@font-face{font-family:Space Grotesk;src:url('/artifacts/city-journal--v1--s2--gpt-6-luna-codex--impeccable--2026-10-12T08-00-10-623Z/assets/space-grotesk.ttf') format('truetype');font-display:swap;font-weight:300 700}
@font-face{font-family:IBM Plex Mono;src:url('/artifacts/city-journal--v1--s2--gpt-6-luna-codex--impeccable--2026-10-12T08-00-10-623Z/assets/ibm-plex-mono.ttf') format('truetype');font-display:swap;font-weight:400 600}
:root{--paper:#f5f2e9;--paper-deep:#ece7da;--ink:#24251f;--ink-soft:#64645a;--red:#b64835;--red-dark:#8e3429;--rule:#c9c3b5;--green:#5d6853;--serif:Literata,Georgia,serif;--sans:'Space Grotesk',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--page:1160px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px;scrollbar-color:#a59c8b var(--paper);scrollbar-width:thin}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#b64835;color:#fffdf7}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.skip-link{position:absolute;top:-60px;left:16px;background:var(--ink);color:var(--paper);padding:12px;z-index:20}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--red);outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.masthead{max-width:var(--page);margin:0 auto;padding:24px 32px 0}.masthead-top{height:64px;display:flex;align-items:center;justify-content:space-between}.wordmark,.footer-wordmark,.reader-wordmark{font:700 34px/1 var(--serif);letter-spacing:-2.4px;text-decoration:none}.wordmark-period,.footer-wordmark span,.reader-wordmark span{color:var(--red)}.masthead-note{font:500 12px/1.5 var(--mono);color:var(--ink-soft);margin:0 40px 0 auto}.masthead-note span{color:var(--red)}.saved-shortcut{font-size:12px;text-decoration:none;display:flex;align-items:center;gap:9px}.saved-count{font:11px var(--mono);color:var(--red);border:1px solid var(--rule);border-radius:50%;width:21px;height:21px;display:grid;place-items:center}.bookmark-mark{width:12px;height:15px;border:1.4px solid currentColor;display:inline-block;position:relative;flex:none}.bookmark-mark:after{content:"";position:absolute;bottom:-1px;left:2px;width:6px;height:6px;border-left:1.4px solid currentColor;border-top:1.4px solid currentColor;background:var(--paper);transform:rotate(45deg) translate(2px,2px)}.masthead-rule{border-top:1px solid var(--ink);margin-top:5px}.section-nav{height:47px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--rule);font-size:11px}.section-nav a{text-decoration:none;color:#69685e;position:relative}.section-nav a:hover,.section-nav a.active{color:var(--red-dark)}.section-nav a.active:after{content:"";height:2px;position:absolute;left:0;right:0;bottom:-17px;background:var(--red)}.nav-edition{margin-left:auto;font:10px var(--mono);color:var(--ink-soft);letter-spacing:.04em}.nav-edition span{color:var(--red);padding:0 5px}
.opening{max-width:var(--page);margin:0 auto;padding:57px 32px 18px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 28px;column-gap:54px}.opening-copy{align-self:center;padding:0 0 28px 22px}.date-line,.opening-foot,.opening-art figcaption,.art-stamp,.section-kicker,.editor-note-label,.editor-signoff,.nav-edition,.side-note-label,.side-note-byline,.closing-note>span:last-child,.page-footer>span,.reader-edition,.reader-bottom>span{font:9px var(--mono);letter-spacing:.08em}.date-line{color:var(--ink-soft);margin:0 0 27px}.date-dot{display:inline-block;background:var(--red);width:6px;height:6px;border-radius:50%;margin:0 9px 1px 0}.date-divider{color:var(--red);margin:0 6px}h1,h2,h3,p,figure{margin-top:0}.opening h1{font:500 clamp(51px,6.1vw,78px)/.99 var(--serif);letter-spacing:-.065em;margin:0 0 19px;max-width:520px}.opening h1 em{color:var(--red);font-weight:450}.opening-deck{font:400 15px/1.65 var(--serif);color:#52534b;max-width:330px;margin:0 0 22px}.text-link{font:600 11px var(--sans);color:var(--red-dark);text-decoration:none;border:0;background:none;padding:0;border-bottom:1px solid #bd786b;padding-bottom:5px}.text-link span{padding-left:9px}.text-link:hover{color:var(--ink)}.opening-art{height:350px;margin:0;position:relative;overflow:hidden;background:#d2cabb}.opening-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(27,30,26,.3),transparent 36%);pointer-events:none}.opening-art img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.73)}.opening-art figcaption{position:absolute;bottom:15px;left:17px;color:#fff;z-index:1;font-size:8px;letter-spacing:.03em}.opening-art figcaption span{color:#f1c8a9;margin-right:11px;letter-spacing:.12em}.art-stamp{position:absolute;right:14px;top:14px;border:1px solid rgba(255,255,255,.75);color:#fff;text-align:center;padding:8px 9px;line-height:1.6;font-size:8px;z-index:1}.art-stamp b{font-weight:400;color:#f1c8a9}.opening-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;color:#767367;font-size:8px}.opening-foot i{color:var(--red);font-style:normal;padding:0 5px}
.editor-note{max-width:var(--page);margin:0 auto;padding:24px 56px 27px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:150px 1fr 175px;align-items:center;gap:25px}.editor-note-label,.editor-signoff{font-size:8px;color:var(--red-dark)}.editor-note p{font:400 16px/1.6 var(--serif);max-width:600px;margin:0}.editor-note p em{color:var(--red);font-weight:500}.editor-signoff{text-align:right;color:var(--ink-soft)}
.story-section{max-width:var(--page);margin:0 auto;padding:62px 32px 50px}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:17px}.section-kicker{color:var(--red-dark);font-size:8px;margin:0 0 10px}.section-heading h2{font:500 42px/1.1 var(--serif);letter-spacing:-.045em;margin:0}.heading-period{color:var(--red)}.section-aside{font:12px/1.5 var(--serif);color:var(--ink);margin:0 4px 3px}.section-aside span{color:var(--ink-soft)}
.browse-tools{min-height:73px;display:flex;align-items:center;gap:19px;border-bottom:1px solid var(--rule)}.search-box{width:238px;height:36px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #999487}.search-box:focus-within{border-color:var(--red)}.search-icon{width:13px;height:13px;border:1.4px solid var(--ink-soft);border-radius:50%;position:relative;flex:none}.search-icon:after{content:"";position:absolute;width:5px;border-top:1.4px solid var(--ink-soft);right:-4px;bottom:-2px;transform:rotate(45deg)}.search-box input{border:0;outline:none;background:transparent;width:100%;font-size:11px}.search-box input::placeholder{color:#77766c}.search-box input:focus-visible{outline:0}.search-hint{border:1px solid var(--rule);padding:2px 4px;color:#77766c;font:9px var(--mono);white-space:nowrap}.filter-box{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ink-soft)}.filter-box select{border:0;background:transparent;font-size:11px;font-weight:600;cursor:pointer;padding:7px 19px 7px 2px}.saved-toggle{display:flex;align-items:center;gap:8px;margin-left:auto;background:none;border:0;font-size:10px;padding:9px 2px}.saved-toggle .bookmark-mark{width:10px;height:13px}.toggle-indicator{height:14px;width:25px;border:1px solid #9c978b;border-radius:9px;position:relative;margin-left:2px;transition:background .2s var(--ease)}.toggle-indicator:after{content:"";position:absolute;height:8px;width:8px;left:2px;top:2px;background:#77766c;border-radius:50%;transition:transform .2s var(--ease),background .2s var(--ease)}.saved-toggle[aria-pressed="true"]{color:var(--red-dark)}.saved-toggle[aria-pressed="true"] .toggle-indicator{background:var(--red)}.saved-toggle[aria-pressed="true"] .toggle-indicator:after{transform:translateX(11px);background:#fff}.results-count{font:9px var(--mono);color:var(--ink-soft);min-width:58px;text-align:right}
.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:57px;align-items:start}.story-list{min-width:0}.story-row{display:grid;grid-template-columns:41px minmax(0,1fr) 105px;gap:16px;align-items:start;padding:23px 0 24px;border-bottom:1px solid var(--rule);animation:arrive .4s var(--ease) both}.story-row:nth-child(2){animation-delay:.035s}.story-row:nth-child(3){animation-delay:.07s}.story-number{font:10px var(--mono);color:#9b9485;padding-top:4px}.story-category{display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:.08em;color:var(--red-dark);text-transform:uppercase;margin:0 0 7px}.story-category:before{content:"";width:14px;border-top:1px solid var(--red)}.story-title{font:500 23px/1.2 var(--serif);letter-spacing:-.025em;margin:0 0 7px;max-width:570px}.story-open{background:none;border:0;text-align:left;padding:0;cursor:pointer}.story-open:hover .story-title{color:var(--red-dark)}.story-summary{font:12px/1.55 var(--serif);color:#5b5b52;margin:0 0 11px;max-width:540px}.story-meta{font:8px var(--mono);color:#77766c;letter-spacing:.02em}.story-meta .meta-dot{color:var(--red);padding:0 6px}.story-thumb{height:83px;width:105px;margin:1px 0 0;overflow:hidden;background:var(--paper-deep);position:relative}.story-thumb img{height:100%;width:100%;object-fit:cover;filter:saturate(.7);display:block;transition:transform .6s var(--ease)}.story-row:hover .story-thumb img{transform:scale(1.045)}.story-thumb-placeholder{height:100%;display:grid;place-items:center;color:var(--green);font:22px var(--serif);background:var(--paper-deep)}.side-note{padding-top:23px;position:sticky;top:20px}.side-note-art{height:150px;position:relative;overflow:hidden;background:#ddd5c4}.side-note-art img{height:100%;width:100%;object-fit:cover;filter:saturate(.58);display:block}.side-note-art:after{content:"";position:absolute;inset:0;background:rgba(39,37,28,.18)}.side-note-art span{position:absolute;left:14px;top:13px;color:white;font:500 14px/1.14 var(--serif);letter-spacing:.02em;z-index:1}.side-note-art em{color:#f1c8a9;font-weight:400}.side-note-label{color:var(--red-dark);font-size:8px;margin:21px 0 10px}.side-note-quote{font:400 24px/1.27 var(--serif);letter-spacing:-.03em;margin:0 0 16px}.side-note-rule{display:block;width:35px;border-top:1px solid var(--red);margin-bottom:11px}.side-note-byline{color:#77766c;font-size:8px;margin:0}.empty-state{text-align:center;padding:75px 20px 90px;border-bottom:1px solid var(--rule)}.empty-sun{font-size:23px;color:var(--red)}.empty-state h3{font:500 27px var(--serif);margin:12px 0 8px}.empty-state p{font:13px/1.55 var(--serif);color:var(--ink-soft);margin-bottom:19px}.empty-state .text-link{padding-bottom:5px}.empty-state[hidden]{display:none}
.closing-note{border-top:1px solid var(--rule);max-width:1096px;margin:0 auto 44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 0 0}.closing-star{color:var(--red);font-size:16px}.closing-note p{font:italic 17px var(--serif);margin:0}.closing-note>span:last-child{text-align:right;color:var(--ink-soft);font-size:8px}.page-footer{border-top:1px solid var(--ink);max-width:var(--page);margin:0 auto;padding:22px 32px 35px;display:flex;align-items:center;gap:20px}.footer-wordmark{font-size:23px;letter-spacing:-1.6px}.page-footer p{font:11px var(--serif);color:var(--ink-soft);margin:0}.page-footer>span{margin-left:auto;color:var(--ink-soft);font-size:8px}
.story-dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(100%,920px);height:100%;max-height:100dvh;margin:0 0 0 auto;box-shadow:-22px 0 65px rgba(27,27,22,.17);overflow-y:auto}.story-dialog::backdrop{background:rgba(27,28,24,.55)}.story-dialog[open]{animation:reader-in .42s var(--ease)}.reader-shell{max-width:780px;margin:0 auto;padding:0 34px}.reader-topbar{height:74px;display:flex;align-items:center;border-bottom:1px solid var(--ink);gap:20px}.reader-wordmark{font-size:23px;letter-spacing:-1.5px}.reader-edition{color:var(--ink-soft);font-size:8px;margin-left:auto}.close-reader{display:flex;align-items:center;gap:8px;padding:8px 0 8px 13px;border:0;border-left:1px solid var(--rule);background:none;color:var(--ink);font-size:10px}.close-reader>span:first-child{font:20px/1 var(--serif);color:var(--red)}.reader-article{max-width:660px;margin:0 auto;padding:65px 0 60px}.reader-category{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red-dark);margin-bottom:17px}.reader-title{font:500 clamp(40px,6vw,67px)/1.04 var(--serif);letter-spacing:-.055em;margin:0 0 22px}.reader-deck{font:19px/1.5 var(--serif);color:#56574f;margin-bottom:24px}.reader-byline{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:13px 0;display:flex;gap:10px;align-items:center;font:9px var(--mono);color:var(--ink-soft);margin-bottom:36px}.reader-byline strong{font-weight:500;color:var(--ink)}.reader-byline .byline-sep{color:var(--red)}.save-item{margin-left:auto;padding:8px 11px;background:none;border:1px solid var(--rule);font:10px var(--sans);display:flex;align-items:center;gap:8px;color:var(--ink)}.save-item:hover,.save-item[aria-pressed="true"]{border-color:var(--red);color:var(--red-dark)}.save-item .bookmark-mark{width:9px;height:12px}.article-body{font:17px/1.9 var(--serif);max-width:65ch;color:#34352f}.article-body p{margin:0 0 22px}.article-body p:first-child:first-letter{float:left;color:var(--red);font:500 54px/.8 var(--serif);padding:7px 8px 0 0}.reader-bottom{border-top:1px solid var(--rule);padding:19px 0 30px;display:flex;align-items:center;justify-content:space-between}.reader-bottom>span{color:var(--ink-soft);font-size:8px}.reader-back{border:0;background:none;color:var(--red-dark);font:600 10px var(--sans)}.reader-back span{padding-left:8px}
@keyframes arrive{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes reader-in{from{transform:translateX(24px);opacity:.8}to{transform:translateX(0);opacity:1}}
@media(max-width:800px){:root{--page:720px}.masthead{padding:18px 24px 0}.section-nav{gap:21px}.nav-edition{font-size:8px}.opening{padding:45px 24px 17px;column-gap:30px}.opening-copy{padding-left:7px}.opening-art{height:300px}.opening h1{font-size:clamp(48px,7vw,66px)}.editor-note{padding-left:32px;padding-right:32px;grid-template-columns:120px 1fr;gap:15px}.editor-signoff{grid-column:2;text-align:left}.story-section{padding:52px 24px 42px}.story-layout{grid-template-columns:minmax(0,1fr) 200px;gap:30px}.story-thumb{width:82px;height:76px}.story-row{grid-template-columns:28px minmax(0,1fr) 82px;gap:12px}.story-title{font-size:20px}.story-summary{font-size:11px}.side-note-quote{font-size:21px}.closing-note{margin-left:24px;margin-right:24px}.page-footer{padding-left:24px;padding-right:24px}}
@media(max-width:560px){.masthead{padding:12px 18px 0}.masthead-top{height:53px}.wordmark{font-size:29px}.masthead-note{display:none}.saved-shortcut{font-size:0;gap:7px}.saved-shortcut .bookmark-mark{font-size:initial}.saved-count{font-size:10px}.section-nav{height:43px;gap:20px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin-right:-18px;padding-right:18px}.section-nav::-webkit-scrollbar{display:none}.section-nav a{font-size:10px}.section-nav a.active:after{bottom:-15px}.nav-edition{display:none}.opening{padding:34px 18px 16px;grid-template-columns:1fr;grid-template-rows:auto auto 22px;gap:0}.opening-copy{padding:0 0 26px}.date-line{font-size:8px;margin-bottom:20px}.opening h1{font-size:62px;line-height:.98;margin-bottom:14px}.opening-deck{font-size:14px;margin-bottom:17px;max-width:290px}.opening-art{height:236px;grid-row:2}.opening-foot{grid-row:3;font-size:7px}.editor-note{padding:20px 20px 19px;grid-template-columns:1fr;gap:9px}.editor-note p{font-size:15px;line-height:1.55}.editor-signoff{grid-column:1;text-align:left;margin-top:2px}.story-section{padding:43px 18px 35px}.section-heading{padding-bottom:13px}.section-kicker{font-size:7px;margin-bottom:8px}.section-heading h2{font-size:35px}.section-aside{font-size:10px;max-width:122px;text-align:right}.section-aside span{display:block}.browse-tools{min-height:0;display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:13px 0 11px}.search-box{width:100%;height:34px;grid-column:1/-1}.filter-box{grid-column:1;gap:4px;font-size:9px}.filter-box select{font-size:10px;padding-left:0}.saved-toggle{grid-column:2;grid-row:2;margin:0;font-size:9px;gap:6px}.saved-toggle .bookmark-mark{width:9px;height:12px}.toggle-indicator{height:13px;width:23px}.saved-toggle[aria-pressed="true"] .toggle-indicator:after{transform:translateX(9px)}.results-count{grid-column:1/-1;grid-row:3;text-align:left;font-size:8px;min-height:11px}.story-layout{display:block}.side-note{display:none}.story-row{grid-template-columns:22px minmax(0,1fr) 66px;gap:9px;padding:18px 0 19px}.story-number{font-size:9px}.story-category{font-size:7px;margin-bottom:6px;gap:6px}.story-category:before{width:10px}.story-title{font-size:18px;line-height:1.2;margin-bottom:6px}.story-summary{font-size:11px;line-height:1.45;margin-bottom:8px}.story-meta{font-size:7px;line-height:1.5}.story-thumb{width:66px;height:64px;margin-top:2px}.story-thumb-placeholder{font-size:18px}.empty-state{padding:59px 5px 66px}.empty-state h3{font-size:24px}.empty-state p{font-size:12px}.closing-note{margin:0 18px 31px;padding-top:17px;grid-template-columns:22px 1fr}.closing-note p{font-size:15px}.closing-note>span:last-child{grid-column:2;text-align:left;margin-top:6px}.closing-star{grid-row:1/3;align-self:center}.page-footer{padding:17px 18px 27px;gap:12px;flex-wrap:wrap}.footer-wordmark{font-size:21px}.page-footer p{font-size:10px}.page-footer>span{width:100%;margin:0;font-size:7px}.story-dialog{width:100%;box-shadow:none}.reader-shell{padding:0 19px}.reader-topbar{height:61px;gap:10px}.reader-wordmark{font-size:21px}.reader-edition{font-size:7px;letter-spacing:.02em}.close-reader{padding-left:10px;gap:3px;font-size:9px;white-space:nowrap}.close-reader>span:first-child{font-size:18px}.reader-article{padding:42px 0 35px}.reader-title{font-size:43px}.reader-deck{font-size:17px}.reader-byline{gap:6px;flex-wrap:wrap;font-size:8px;margin-bottom:27px}.save-item{font-size:9px;padding:7px;margin-left:auto}.article-body{font-size:16px;line-height:1.8}.reader-bottom{align-items:flex-start;gap:10px}.reader-bottom>span{font-size:7px;max-width:130px;line-height:1.6}.reader-back{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}