@font-face{font-family:DMSerif;src:url('/artifacts/city-journal--v1--s1--gpt-6-luna-codex--taste--2026-10-12T05-32-21-455Z/assets/dm-serif.ttf') format('truetype');font-display:swap}
@font-face{font-family:DMSans;src:url('/artifacts/city-journal--v1--s1--gpt-6-luna-codex--taste--2026-10-12T05-32-21-455Z/assets/dm-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:IBMPlexMono;src:url('/artifacts/city-journal--v1--s1--gpt-6-luna-codex--taste--2026-10-12T05-32-21-455Z/assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--paper:#f5f4ef;--ink:#232823;--muted:#69706a;--line:#d7d8d0;--accent:#345d4a;--accent-soft:#e4eae2;--serif:DMSerif,Georgia,serif;--sans:DMSans,Arial,sans-serif;--mono:IBMPlexMono,monospace;--radius:0px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit}
button,a,select{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.skip-link{position:absolute;top:8px;left:8px;z-index:10;padding:10px 14px;background:var(--ink);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{height:82px;max-width:1344px;margin:auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line)}
.wordmark{display:inline-flex;align-items:center;gap:10px;width:max-content;font-size:18px;font-weight:600;letter-spacing:-.065em}.wordmark-light{font-weight:400;color:var(--muted)}
.wordmark-mark{display:grid;place-items:center;width:27px;height:27px;background:var(--accent);color:var(--paper);font:italic 16px var(--serif);letter-spacing:-.08em}
.main-nav{display:flex;justify-content:center;gap:36px;height:100%;align-items:center;color:#727770;font-size:13px}.main-nav a{height:100%;display:flex;align-items:center;position:relative;transition:color .2s}.main-nav a:hover,.main-nav .nav-active{color:var(--ink)}.nav-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}
.header-note{justify-self:end;font-size:12px;color:var(--muted)}.header-note span{color:var(--accent);margin-left:7px}
main{max-width:1344px;margin:auto;padding:0 32px}
.intro{padding:47px 0 39px;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:40px;animation:rise .55s cubic-bezier(.2,.7,.2,1) both}
.eyebrow{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px;margin:0 0 17px}.eyebrow-rule{width:22px;height:1px;background:var(--accent)}
h1,h2,h3,p{margin-top:0}.intro h1{font:clamp(54px,6vw,82px)/.98 var(--serif);letter-spacing:-.055em;margin:0}.intro h1 em,.browse-heading h2 em{font-weight:400;color:var(--accent)}
.intro-aside{max-width:340px;justify-self:end;margin-bottom:5px}.intro-aside p{font-size:15px;line-height:1.65;color:#626961;margin:0 0 15px;max-width:34ch}.text-link{font-size:12px;color:var(--accent);font-weight:600;border-bottom:1px solid #aab9aa;padding-bottom:4px}.text-link span{margin-left:7px}
.lead-story{min-height:402px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;background:#e9e9e1;margin-bottom:67px;overflow:hidden}
.lead-image{position:relative;padding:0;border:0;overflow:hidden;background:#bdc5ba;min-height:402px;text-align:left}.lead-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1);filter:saturate(.76)}.lead-story:hover .lead-image img{transform:scale(1.025)}.image-index{position:absolute;left:24px;bottom:21px;color:#fff;font:10px var(--mono);letter-spacing:.08em;text-shadow:0 1px 8px #26332b}
.lead-copy{padding:51px clamp(32px,6vw,89px) 35px;display:flex;flex-direction:column;justify-content:center;position:relative}.story-kicker{display:flex;align-items:center;gap:11px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.kicker-line{width:26px;height:1px;background:#9cae9e}.story-kicker span:last-child{color:var(--muted);text-transform:none;letter-spacing:0}
.lead-copy h2{font:clamp(36px,4vw,56px)/1.04 var(--serif);letter-spacing:-.04em;margin:22px 0 15px;max-width:520px}.headline-button{font:inherit;letter-spacing:inherit;text-align:left;padding:0;border:0;background:none}.headline-button:hover{color:var(--accent)}
.lead-summary{font-size:15px;line-height:1.7;color:#626961;max-width:37ch;margin:0}.lead-footer{display:flex;align-items:center;justify-content:space-between;margin-top:35px;padding-top:18px;border-top:1px solid #d0d2c9}.byline{font-size:12px;color:#626961}.round-arrow{height:38px;width:38px;border:1px solid #9da99b;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--accent);font-size:16px;transition:background .2s,color .2s,transform .2s}.round-arrow:hover{background:var(--accent);color:white;transform:translateY(-2px)}.round-arrow:active,.saved-toggle:active,.save-button:active{transform:scale(.97)}
.lead-side-note{position:absolute;right:14px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#777c73}
.browse{padding-bottom:82px}.browse-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px}.browse-heading .eyebrow{margin-bottom:11px}.browse-heading h2{font:42px/1 var(--serif);letter-spacing:-.045em;margin:0}.browse-count{font:10px var(--mono);color:var(--muted);margin:0 1px 5px}
.browse-tools{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto;gap:12px;align-items:center;padding:18px 0 13px}.search-wrap,.filter-wrap{height:44px;border:1px solid var(--line);display:flex;align-items:center;background:rgba(255,255,255,.36);position:relative}.search-symbol{font:24px var(--serif);padding:0 12px;color:var(--accent);transform:rotate(-20deg)}.search-wrap input{min-width:0;flex:1;height:100%;border:0;background:transparent;outline:none;font-size:13px}.search-wrap input::placeholder{color:#858a83}.search-wrap:focus-within,.filter-wrap:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-wrap kbd{font:10px var(--mono);color:#80857e;border:1px solid var(--line);padding:2px 6px;margin-right:10px}.filter-wrap select{appearance:none;border:0;background:transparent;width:100%;height:100%;padding:0 37px 0 14px;font-size:12px;color:#424941;cursor:pointer;outline:none}.select-chevron{position:absolute;right:14px;pointer-events:none;color:var(--accent);font-size:18px;top:9px}
.saved-toggle{justify-self:end;height:44px;display:flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;padding:0 12px;font-size:12px;color:#626961;transition:background .2s,color .2s,border-color .2s}.saved-toggle:hover{border-color:var(--line)}.saved-toggle[aria-pressed="true"]{background:var(--accent-soft);border-color:#c7d1c5;color:var(--accent)}.bookmark-icon{font-size:18px;line-height:1;color:var(--accent)}.saved-count{font:10px var(--mono);color:#858a83}
.story-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:38px}.story-row{min-width:0;display:grid;grid-template-columns:148px minmax(0,1fr);gap:18px;align-items:center;padding:19px 0;border-top:1px solid var(--line);animation:rise .38s both}.story-thumb{height:110px;width:148px;padding:0;border:0;background:#d9ddd4;overflow:hidden}.story-thumb img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.7);transition:transform .45s}.story-thumb:hover img{transform:scale(1.05)}.story-row-copy{min-width:0}.row-meta{display:flex;align-items:center;gap:8px;color:var(--accent);font:9px var(--mono);text-transform:uppercase;letter-spacing:.05em}.row-meta .meta-divider{height:1px;width:14px;background:#a5b1a2}.row-title{font:22px/1.16 var(--serif);letter-spacing:-.025em;margin:10px 0 7px}.row-title button{font:inherit;text-align:left;line-height:inherit;padding:0;border:0;background:transparent}.row-title button:hover{color:var(--accent)}.row-summary{font-size:12px;line-height:1.5;color:#6c726c;margin:0;max-width:42ch}.row-byline{font-size:10px;color:#868a83;margin-top:9px}
.story-loading{display:grid;grid-template-columns:148px 1fr;gap:18px;align-items:center;border-top:1px solid var(--line);padding:19px 0}.story-loading span{height:13px;background:#e7e8e1;animation:load-breathe 1.2s ease-in-out infinite alternate}.story-loading span:first-child{height:110px;grid-row:span 3;background:#e2e4dc}.story-loading span:nth-child(2){width:28%}.story-loading span:nth-child(3){width:80%;height:25px}.story-loading span:nth-child(4){width:50%}.story-list[aria-busy="false"] .story-loading{display:none}
.empty-state{text-align:center;padding:64px 20px 77px;border-top:1px solid var(--line)}.empty-state[hidden]{display:none}.empty-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #bdc8bb;border-radius:50%;color:var(--accent);margin:0 auto 19px;font-size:18px}.empty-state h3{font:32px var(--serif);margin:0 0 9px}.empty-state p{font-size:13px;color:var(--muted);margin:0 0 18px}.reset-link{background:none;border:0;cursor:pointer}
.site-footer{border-top:1px solid var(--line);max-width:1344px;margin:auto;padding:22px 32px 27px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-wordmark{font-size:14px}.footer-wordmark .wordmark-mark{width:23px;height:23px;font-size:14px}.site-footer p{justify-self:center;font:10px var(--mono);color:var(--muted);margin:0}.back-top{justify-self:end;color:var(--muted);font-size:11px}.back-top:hover{color:var(--accent)}
.story-dialog{border:0;padding:0;background:transparent;color:var(--ink);max-width:none;max-height:none;width:min(100%,1080px);height:min(100%,900px);overflow:visible}.story-dialog::backdrop{background:rgba(25,31,27,.63);backdrop-filter:blur(3px)}.story-dialog[open]{animation:dialog-in .22s ease-out both}.detail{position:relative;background:var(--paper);width:100%;height:100%;overflow-y:auto;padding:0 clamp(24px,7vw,92px);display:flex;flex-direction:column}.detail-topline{height:73px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex:none}.detail-brand{font:italic 20px var(--serif);color:var(--accent)}.detail-brand span{font:10px var(--mono);font-style:normal;color:var(--muted);margin-left:8px}.detail-close{border:1px solid var(--line);background:transparent;height:35px;padding:0 12px;font-size:11px;color:#565e57;display:flex;align-items:center;gap:13px}.detail-close span{font-size:20px;color:var(--accent)}.detail-close:hover{border-color:var(--accent)}.detail-layout{width:100%;max-width:760px;margin:0 auto;display:grid;grid-template-columns:130px minmax(0,1fr);gap:45px;padding:53px 0 56px;flex:1}.detail-rail{padding-top:10px;display:flex;align-items:flex-start;flex-direction:column;gap:13px;font:10px var(--mono);color:var(--accent);text-transform:uppercase}.rail-rule{width:34px;height:1px;background:#a3b09f}.detail-date{color:var(--muted);font-size:9px}.detail-content h2{font:clamp(38px,5vw,62px)/1.03 var(--serif);letter-spacing:-.045em;margin:0 0 19px}.detail-deck{font-size:17px;line-height:1.65;color:#616961;max-width:53ch;margin:0 0 21px}.detail-byline{display:flex;gap:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;color:var(--muted);font-size:11px}.detail-byline span+span{padding-left:17px;border-left:1px solid var(--line)}.detail-body{padding-top:21px;font:17px/1.85 var(--serif);color:#333a34;max-width:66ch}.detail-body p{margin:0 0 19px}.detail-endnote{padding-top:12px;margin-top:30px;border-top:1px solid var(--line)}.endnote-rule{width:34px;height:2px;background:var(--accent);display:block;margin-bottom:18px}.save-button{border:1px solid #bdc8bb;background:transparent;min-height:43px;padding:0 15px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--accent);transition:background .2s,transform .2s}.save-button:hover,.save-button[aria-pressed="true"]{background:var(--accent-soft)}.save-icon{font-size:18px}.detail-footer{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.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}
@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes load-breathe{from{opacity:.45}to{opacity:.9}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;padding:0 24px}.main-nav{justify-content:end;gap:23px}.header-note{display:none}main{padding:0 24px}.lead-copy{padding:38px 36px}.lead-side-note{display:none}.story-list{column-gap:25px}.story-row{grid-template-columns:118px 1fr;gap:14px}.story-thumb{width:118px;height:100px}.row-title{font-size:20px}.detail-layout{gap:25px;grid-template-columns:100px 1fr}}
@media(max-width:620px){html{scroll-padding-top:12px}.site-header{height:67px;padding:0 18px;grid-template-columns:auto 1fr}.wordmark{font-size:16px}.wordmark-mark{width:25px;height:25px}.main-nav{gap:18px;font-size:11px}.main-nav a:first-child{display:none}main{padding:0 18px}.intro{padding:39px 0 27px;grid-template-columns:1fr;gap:15px}.intro .eyebrow{font-size:9px;margin-bottom:13px}.intro h1{font-size:55px}.intro-aside{justify-self:start;max-width:320px}.intro-aside p{font-size:13px;line-height:1.55;margin-bottom:10px}.lead-story{display:flex;flex-direction:column-reverse;margin-bottom:48px;min-height:0}.lead-image{min-height:225px;height:225px}.image-index{left:16px;bottom:14px}.lead-copy{padding:24px 20px 21px}.lead-copy h2{font-size:38px;margin:15px 0 10px}.lead-summary{font-size:13px;line-height:1.6}.lead-footer{margin-top:20px;padding-top:13px}.round-arrow{width:34px;height:34px}.browse{padding-bottom:56px}.browse-heading{padding-bottom:14px}.browse-heading h2{font-size:36px}.browse-heading .eyebrow{font-size:9px;margin-bottom:9px}.browse-count{font-size:9px}.browse-tools{grid-template-columns:1fr auto;gap:9px;padding:14px 0 9px}.search-wrap{grid-column:1/-1;height:43px}.filter-wrap{height:41px}.saved-toggle{height:41px;padding:0 8px}.story-list{grid-template-columns:1fr}.story-row{grid-template-columns:110px minmax(0,1fr);gap:13px;padding:14px 0}.story-thumb{width:110px;height:94px}.story-loading{grid-template-columns:110px 1fr;gap:13px;padding:14px 0}.story-loading span:first-child{height:94px}.row-title{font-size:19px;margin:7px 0 5px}.row-meta{font-size:8px;gap:6px}.row-summary{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-byline{font-size:9px;margin-top:7px}.site-footer{padding:18px;grid-template-columns:1fr auto;gap:12px}.site-footer p{display:none}.back-top{font-size:10px}.story-dialog{width:100%;height:100%;height:100dvh}.detail{padding:0 22px}.detail-topline{height:61px}.detail-layout{grid-template-columns:1fr;gap:17px;padding:29px 0 37px}.detail-rail{padding:0;flex-direction:row;align-items:center;gap:10px}.rail-rule{width:20px}.detail-date{margin-left:auto}.detail-content h2{font-size:42px;margin-bottom:13px}.detail-deck{font-size:15px;line-height:1.55;margin-bottom:16px}.detail-byline{font-size:10px;padding:11px 0}.detail-body{font-size:16px;line-height:1.75;padding-top:17px}.detail-body p{margin-bottom:16px}.detail-footer{font-size:8px}.detail-endnote{margin-top:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}