@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--night:#101e23;--deep:#0c171c;--paper:#f4ecd9;--muted:#b3bdbb;--gold:#d1aa6f;--line:#34434a;--header:72px;--intro-height:calc(100svh - var(--header));--mobile-map:30svh;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--night);color:var(--paper);font:18px/1.9 Vazirmatn,Tahoma,sans-serif}a{color:inherit;text-underline-offset:5px}summary{cursor:pointer}button,summary{font:inherit}a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}p,h1,h2,h3,figure{margin:0}img{max-width:100%}
.skip{position:fixed;top:8px;left:8px;transform:translateY(-160%);background:var(--paper);color:var(--night);z-index:90;padding:10px 18px}.skip:focus{transform:none}
.topbar{height:var(--header);position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;background:var(--deep);border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;font-weight:650;font-size:21px;white-space:nowrap}.brand span{color:var(--gold);font-weight:400}.top-meta{display:flex;align-items:center;gap:24px;min-width:0}.current-label{font-size:14px;color:var(--muted);max-width:34vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chapter-menu{position:relative}.chapter-menu summary{font-size:15px;list-style:none;padding:8px 12px;border:1px solid #516066}.chapter-menu summary::-webkit-details-marker{display:none}.chapter-menu summary:after{content:'＋';margin-inline-start:14px;color:var(--gold)}.chapter-menu[open] summary:after{content:'−'}.chapter-menu nav{position:absolute;inset-inline-end:0;top:calc(100% + 14px);background:#12252d;border:1px solid #516066;width:min(410px,90vw);max-height:70svh;overflow:auto;padding:14px}.chapter-menu a{display:flex;gap:14px;text-decoration:none;padding:9px 12px;font-size:15px;border-inline-start:2px solid transparent}.chapter-menu a:hover,.chapter-menu a[aria-current]{background:#203942;border-color:var(--gold)}.chapter-menu a span{min-width:22px;color:var(--gold)}.progress-track{position:absolute;bottom:-1px;left:0;width:100%;height:2px;direction:rtl}.progress-fill{height:100%;width:0;background:var(--gold)}
.story-layout{max-width:1920px;margin:auto}.era{scroll-margin-top:0;border-bottom:1px solid var(--line)}.artifact{direction:ltr;min-height:var(--intro-height);padding:32px 3vw 48px;display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);grid-template-rows:auto 1fr;gap:28px 4vw;align-items:center}.artifact-heading{direction:rtl;grid-column:1/-1;display:flex;align-items:baseline;gap:24px}.chapter-number{color:var(--gold);font-size:14px;white-space:nowrap}.artifact h1,.artifact h2{font-size:clamp(28px,3vw,46px);font-weight:450;line-height:1.6}.artifact-images{display:flex;gap:16px;align-items:center;justify-content:center;min-width:0;height:min(68svh,790px)}.artifact-images img{width:100%;height:100%;object-fit:contain;min-width:0}.artifact-images.paired img{width:calc(50% - 8px)}.artifact-copy{direction:rtl}.scene-time{color:var(--gold);font-size:15px;white-space:pre-line;line-height:1.9;margin:0 0 14px}.scene-title{font-size:clamp(23px,2.1vw,33px);font-weight:450;line-height:1.65;margin:0 0 18px}.scene-copy{font-size:clamp(18px,1.5vw,23px);line-height:2;max-width:42em}.photo-credit{display:block;color:var(--muted);font-size:12px;line-height:1.8;margin-top:28px;overflow-wrap:anywhere}
.viewport-measure{position:fixed;visibility:hidden;pointer-events:none;width:0;height:var(--intro-height);top:0;left:0}.chapter{--dock:0;direction:ltr;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr)}.map-rail{grid-column:1/-1;grid-row:1;justify-self:start;align-self:start;direction:rtl;height:var(--intro-height);padding:22px 2vw;display:flex;flex-direction:column;min-width:0;background:var(--deep);border-right:1px solid var(--line);z-index:2;width:100%}.js .map-rail{position:sticky;top:var(--header);width:calc(100% - 64% * var(--dock));overflow:hidden}.map-heading{text-align:center;margin-bottom:14px}.map-title{font-size:clamp(20px,1.9vw,29px);line-height:1.6}.map-period{font-size:14px;color:var(--muted)}.map-stage{position:relative;flex:1;min-height:0}.map-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden}.map-image.is-current{opacity:1;visibility:visible}.map-intro{text-align:center;margin:18px auto 0;max-width:48em;font-size:18px}.map-intro .scene-time{margin-bottom:6px}.js .map-intro{opacity:calc(1 - var(--dock));max-height:calc(160px * (1 - var(--dock)));overflow:hidden;margin-top:calc(18px * (1 - var(--dock)))}
.chapter-body{grid-column:2;grid-row:1;direction:rtl;min-width:0;padding:calc(var(--intro-height) * 1.9) 3vw 70px}.story-scene{min-height:78svh;padding:0 0 15svh;scroll-margin-top:calc(var(--header) + 24px)}.story-scene figure{margin-bottom:24px}.story-scene img{display:block;width:100%;height:auto;max-height:74svh;object-fit:contain}.story-scene .scene-title{margin-bottom:10px}.story-scene .scene-time{margin-bottom:6px}.map-story{display:flex;flex-direction:column;justify-content:center;min-height:75svh}.chapter-next{display:block;color:var(--gold);font-size:16px;margin-top:20px}.fallback-map{display:block}.js .fallback-map{display:none}.fallback-map figcaption{font-size:14px;color:var(--muted)}html:not(.js) .chapter{display:block}html:not(.js) .chapter-body{padding:50px 3vw}html:not(.js) .map-rail{position:relative}.colophon{padding:45px 5vw;font-size:14px;color:var(--muted)}.colophon details{max-width:1000px;margin:auto}.colophon li{margin:22px 0;overflow-wrap:anywhere}.colophon p{margin:8px 0}
@media(max-width:900px){:root{--header:64px}.topbar{padding:0 18px}.brand{font-size:18px}.brand span,.current-label{display:none}.chapter-menu summary{font-size:14px;padding:5px 10px}.artifact{grid-template-columns:1fr;padding:24px 20px 52px;gap:22px}.artifact-heading{gap:14px}.artifact h1,.artifact h2{font-size:28px}.artifact-images{height:50svh}.artifact-copy{max-width:650px}.artifact-copy .scene-title{font-size:25px}.photo-credit{margin-top:16px}.chapter{grid-template-columns:1fr}.js .map-rail{width:100%;height:calc(var(--intro-height) * (1 - var(--dock)) + var(--mobile-map) * var(--dock));padding:12px 18px;border-right:0;border-bottom:1px solid var(--line)}.map-heading{margin-bottom:7px}.map-title{font-size:18px}.map-period{font-size:14px}.map-intro{font-size:17px}.chapter-body{grid-column:1;padding:calc(var(--intro-height) * 1.9) 20px 48px}.story-scene{min-height:70svh;padding-bottom:12svh;scroll-margin-top:calc(var(--header) + var(--mobile-map) + 20px)}.story-scene .scene-title{font-size:24px}.scene-copy{font-size:18px}.story-scene img{max-height:none}.map-story{min-height:65svh}.colophon{padding:30px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.topbar,.chapter-next,.skip{display:none}.artifact{min-height:0;break-before:page}.chapter{display:block}.js .map-rail{position:relative;width:100%;height:70vh}.js .map-intro{opacity:1;max-height:none}.chapter-body{padding:20px}.story-scene{min-height:0;break-inside:avoid;padding:20px}.js .fallback-map{display:block}body{background:white;color:black}.scene-copy{font-size:13pt}.artifact-images{height:50vh}.map-period,.scene-time{color:#555}}