.four-cities{padding:14px 18px 0;min-height:var(--intro-height);scroll-margin-top:var(--header)}.cities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;height:calc(var(--intro-height) - 104px);min-height:380px}.city{position:relative;overflow:hidden;isolation:isolate;background:#283433}.city img{width:100%;height:100%;object-fit:cover;display:block}.city:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#040c10c7);pointer-events:none}.city figcaption{position:absolute;bottom:18px;right:26px;font-size:clamp(26px,3vw,46px);line-height:1.3;z-index:1}.tus img{object-position:50% 49%}.estakhr img{object-position:50% 55%}.marv img{object-position:50% 56%}.isfahan img{object-position:50% 48%}.opening-question{display:flex;justify-content:center;align-items:center;gap:30px;min-height:90px}.opening-question h1{font-size:clamp(19px,2.3vw,30px);font-weight:400}.opening-question a{color:var(--gold);font-size:24px;text-decoration:none;padding:10px}.city-intro{min-height:var(--intro-height);display:grid;grid-template-columns:1fr 1.3fr;gap:5vw;align-items:center;padding:50px 5vw;scroll-margin-top:var(--header)}.city-intro figure{grid-column:2;grid-row:1;direction:ltr}.city-intro figure img{display:block;max-height:70svh;width:100%;object-fit:contain}.city-intro>div{grid-column:1;grid-row:1}.city-intro h2{font-size:clamp(40px,5vw,76px);font-weight:450;line-height:1.5;margin-bottom:26px}.city-intro p{font-size:clamp(18px,1.7vw,24px);color:var(--muted);line-height:2}.map-title{font-weight:450;margin:0}.full-map{min-height:var(--intro-height);padding:30px 4vw;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;scroll-margin-top:var(--header);background:var(--deep);text-align:center;border-top:1px solid var(--line)}.full-map .scene-time{margin:0}.full-map h2{font-size:clamp(25px,2.5vw,36px);font-weight:450}.full-map figure{width:100%;height:65svh}.full-map img{width:100%;height:100%;object-fit:contain;display:block}.full-map p{font-size:18px}.full-map .chapter-next{margin:0}.colophon{display:flex;justify-content:space-between;gap:30px}.colophon details{margin:0;flex:1;max-width:900px}.colophon>.chapter-next{margin:0;white-space:nowrap}
@media(max-width:900px){.city-intro{grid-template-columns:1fr;padding:32px 22px;gap:24px}.city-intro figure{grid-column:1;grid-row:2}.city-intro>div{grid-column:1;grid-row:1}.city-intro h2{font-size:42px;margin-bottom:12px}.city-intro figure img{max-height:52svh}.colophon{display:block}.colophon>.chapter-next{margin-bottom:22px}}
@media(max-width:620px){.four-cities{padding:8px 8px 0}.cities{gap:7px}.city figcaption{right:14px;bottom:14px;font-size:28px}.isfahan img{object-position:82% center}.tus img{object-position:35% center}.opening-question{gap:8px}.opening-question h1{font-size:19px}.full-map{padding:24px 16px}.full-map figure{height:62svh}.full-map p{font-size:17px}}
.four-cities,.city-intro,.full-map{scroll-margin-top:0}
@media print{.four-cities,.city-intro,.full-map{break-after:page}.cities{height:70vh}.full-map figure{height:70vh}}
.story-scene.illustration-only{min-height:0;padding-bottom:8svh}
.story-scene.illustration-only figure{margin-bottom:0}
.scene-images.paired{display:flex;align-items:center;justify-content:center;gap:18px}
.scene-images.paired img{width:calc(50% - 9px);min-width:0;max-height:60svh;object-fit:contain}
.artifact-scene .photo-credit{margin-top:12px}
@media(max-width:900px){.scene-images.paired{gap:10px}.scene-images.paired img{width:calc(50% - 5px);max-height:45svh}}

/* Combined chronology: every map gets a centered entrance before docking. */
.story-scene{scroll-margin-top:24px}
.story-scene.illustration-only .scene-images{width:100%}
.chapter{scroll-margin-top:0;border-bottom:1px solid var(--line)}
.chapter:last-child{border-bottom:0}
.artifact-scene .scene-images img{max-height:65svh;object-fit:contain}
.artifact-scene .photo-credit{font-size:12px}
.object-note{font-size:15px;line-height:1.9;color:var(--muted);margin-top:10px;max-width:45em}
.coin-scene .scene-images{min-height:32svh}
.coin-scene .scene-images img{max-width:470px}

/* The opening and closing grids are visual prompts; the spoken question is omitted. */
.four-cities.no-question{position:relative;padding-bottom:14px}
.four-cities.no-question .cities{height:calc(var(--intro-height) - 28px)}
.four-cities-nav{position:absolute;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #d1aa6f99;border-radius:50%;background:#071116c7;color:var(--gold);font-size:25px;text-decoration:none;backdrop-filter:blur(8px)}
.closing-cities{margin-top:0;border-top:1px solid var(--line)}
.colophon{min-height:auto}
@media(max-width:900px){.artifact-scene .scene-images img{max-height:48svh}.coin-scene .scene-images{min-height:0}.object-note{font-size:15px}.story-scene{scroll-margin-top:calc(var(--mobile-map) + 20px)}}
@media(max-width:620px){.four-cities.no-question{padding-bottom:8px}.four-cities.no-question .cities{height:calc(var(--intro-height) - 16px)}.four-cities-nav{bottom:20px;width:44px;height:44px}}