:root{--bg:#F4EFE6;--ink:#1E1B18;--taupe:#8C7B68;--stone:#D9D0C2;--soft:#EAE3D7}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.7 "Cormorant Garamond",Georgia,serif}
a{color:inherit}main{max-width:1180px;margin:0 auto;padding:0 32px 96px}
.label,nav a,footer,figcaption,.btn,.sw small{font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}
.mast{display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:28px 32px;border-bottom:1px solid var(--stone)}
.logo{font-size:24px;text-decoration:none;letter-spacing:.04em}nav a{margin-left:28px;text-decoration:none}nav a:hover{color:var(--ink)}
h1,h2,h3{font-weight:400;line-height:1.05;margin:.2em 0}h1{font-size:clamp(44px,7vw,88px)}h2{font-size:clamp(34px,4.5vw,56px)}h3{font-size:26px}
em{font-style:italic;color:#5a4f44}hr{border:0;border-top:1px solid var(--stone);margin:40px 0}
.hero{text-align:center;padding:88px 0 24px}.masthead{font-size:clamp(56px,11vw,140px);letter-spacing:-.01em}.manifesto{font-size:24px;font-style:italic;max-width:640px;margin:16px auto 0;color:#4a4139}
.cover{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:center}.coverimg{text-decoration:none;display:block;min-width:0}
.photo{margin:0 0 40px}.photo img{width:100%;height:auto;display:block;filter:sepia(.08) saturate(.92)}.photo.wide img{aspect-ratio:3/2;object-fit:cover}
figcaption{margin-top:10px;letter-spacing:.08em;text-transform:none;line-height:1.55}figcaption a{color:var(--taupe)}
.ph{aspect-ratio:3/2;background:linear-gradient(135deg,var(--soft),var(--stone));width:100%}
.swatches{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0 28px}.sw{display:flex;flex-direction:column;align-items:center;gap:8px;width:72px;text-align:center}.sw span{width:48px;height:48px;border-radius:50%;border:1px solid var(--stone)}.sw small{font-size:9px;letter-spacing:.12em;line-height:1.3}
.btn{display:inline-block;border:1px solid var(--ink);padding:14px 22px;text-decoration:none;color:var(--ink)}.btn:hover{background:var(--ink);color:var(--bg)}
.issuehead{padding:72px 0 8px;max-width:820px}.intro,.dek{font-size:24px;line-height:1.5}
.chapter{border-top:1px solid var(--stone);padding-top:40px;margin-top:56px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px;margin-top:24px}
.card{text-decoration:none;display:block}.card img,.card .ph{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;margin-bottom:14px;filter:sepia(.08) saturate(.92)}.card:hover h3{font-style:italic}
.entry{padding-top:64px}.cols{display:grid;grid-template-columns:1.7fr 1fr;gap:64px}.text p{margin:0 0 1.2em;font-size:21px}aside p{font-size:18px}.src a{color:var(--taupe)}
.muted{color:var(--taupe);font-style:italic}.back{margin-top:48px}.credits li{margin-bottom:10px;font-size:17px}
footer{display:flex;justify-content:space-between;max-width:1180px;margin:0 auto;padding:32px;border-top:1px solid var(--stone)}
@media(max-width:820px){.cover,.cols{grid-template-columns:1fr;gap:32px}main{padding:0 20px 64px}.mast{padding:20px}nav a{margin-left:16px}}
.ph{position:relative;border:1px solid var(--stone)}
.ph::after{content:"The City Folio";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(18px,3vw,28px);color:#8C7B68;opacity:.55}
@media(max-width:600px){.grid{grid-template-columns:1fr!important}h1{font-size:clamp(32px,9vw,48px)!important}.swatches{flex-wrap:wrap}img{max-width:100%}}