html.history-document { scroll-behavior:auto !important; }
.em-history-page {
  --history-orange:#C95D24; --history-clay:#A84C2D; --history-burnt-orange:#9D3F18;
  --history-cream:#FFF9EF; --history-white:#FFFFFF; --history-parchment:#F3E7D5;
  --history-cocoa-light:#DBC0A9; --history-sand:#EBD6B8; --history-umber:#4B3025;
  --history-text:#2D231E; --history-muted:#685344; --history-border:#AD8B71;
  --history-focus:#7E2F12; --history-gutter:64px; --history-max:1320px;
  --history-space:104px; --history-circle:360px;
  margin:0; background:var(--history-cream); color:var(--history-text);
}
.em-history-page .history-main, .em-history-page .history-main * { box-sizing:border-box; }
.em-history-page .history-main { font:18px/1.75 Arial,Helvetica,sans-serif; width:100%; }
.em-history-page .history-main img { display:block; max-width:100%; width:100%; height:auto; }
.em-history-page .history-main :is(p,figure,ul,ol,dl,h1,h2,h3) { margin-top:0; }
.em-history-page .history-main p { margin-bottom:24px; }
.em-history-page .history-main :is(h1,h2,h3) { font-family:Georgia,'Times New Roman',serif; font-weight:400; line-height:1.09; letter-spacing:-.025em; color:var(--history-umber); }
.em-history-page .history-main h1 { font-size:96px; margin-bottom:24px; }
.em-history-page .history-main h2 { font-size:64px; margin-bottom:32px; max-width:19ch; }
.em-history-page .history-main h3 { font-size:32px; margin-bottom:20px; }
.em-history-page .history-main :is(h1,h2,h3) { font-weight:700; }
.em-history-page .history-main h2 em { display:block; font-weight:400; font-style:italic; }
.em-history-page .history-cocoa .history-text-link { color:var(--history-umber); }
.em-history-page .history-main a { color:var(--history-burnt-orange); text-underline-offset:5px; }
.em-history-page .history-main a:focus-visible, .em-history-page .history-main summary:focus-visible { outline:3px solid var(--history-focus); outline-offset:6px; border-radius:4px; }
.em-history-page .history-main :is(section,[id]) { scroll-margin-top:104px; }
.em-history-page .history-main:focus { outline:0; }
.em-history-page .history-skip { position:absolute; z-index:2000; left:24px; top:16px; padding:12px 20px; color:var(--history-cream); background:var(--history-umber); transform:translateY(-200%); }
.em-history-page .history-skip:focus { transform:none; outline:3px solid var(--history-cream); }
.em-history-page .history-wrap { width:calc(100% - 2*var(--history-gutter)); max-width:var(--history-max); margin-inline:auto; }
.em-history-page .history-section { position:relative; padding-block:var(--history-space); background:var(--history-cream); }
.em-history-page .history-white { background:var(--history-white); }
.em-history-page .history-parchment { background:var(--history-parchment); }
.em-history-page .history-cocoa { background:var(--history-cocoa-light); }
.em-history-page .history-sand { background:var(--history-sand); }
.em-history-page .history-orange { background:var(--history-clay); color:var(--history-cream); }
.em-history-page .history-orange :is(h2,h3,a,.history-eyebrow,.history-period) { color:var(--history-cream); }
.em-history-page .history-orange a:focus-visible { outline-color:var(--history-cream); }
.em-history-page .history-eyebrow { display:block; margin-bottom:24px; color:var(--history-umber); font:700 12px/1.5 Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:.16em; }
.em-history-page .history-prose, .em-history-page .history-narrow { max-width:65ch; }
.em-history-page .history-narrow { margin-inline:auto; }
.em-history-page .history-section > .history-wrap > .history-narrow { margin-inline:0; }
.em-history-page .history-split { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:72px; align-items:center; }
.em-history-page .history-split > * { min-width:0; }
.em-history-page .history-essay-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:80px; }
.em-history-page .history-section-heading { margin-bottom:48px; }
.em-history-page .history-actions { display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; margin-top:32px; }
.em-history-page .history-main .history-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 25px; background:var(--history-burnt-orange); color:var(--history-cream); border:1px solid var(--history-burnt-orange); border-radius:28px; font:700 16px/1.5 Arial,Helvetica,sans-serif; text-decoration:none; text-align:center; }
.em-history-page .history-main .history-button:hover { background:var(--history-umber); border-color:var(--history-umber); }
.em-history-page .history-text-link { display:inline-flex; align-items:center; min-height:44px; font-size:16px; font-weight:700; }
.em-history-page .history-orange .history-button { background:var(--history-cream); border-color:var(--history-cream); color:var(--history-burnt-orange); }
.em-history-page .history-hero { position:relative; min-height:960px; isolation:isolate; background:var(--history-umber); }
.em-history-page .history-hero-figure { position:absolute; inset:0; margin:0; }
.em-history-page .history-hero-figure picture { display:block; height:100%; }
.em-history-page .history-hero-figure img { width:100%; height:100%; object-fit:cover; object-position:58% 48%; }
.em-history-page .history-hero::after { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg,rgba(45,24,15,.80),rgba(45,24,15,.66) 52%,rgba(45,24,15,.18) 72%,rgba(45,24,15,.05)),linear-gradient(180deg,rgba(45,24,15,.85) 0,rgba(45,24,15,.85) 140px,transparent 280px,transparent 75%,rgba(45,24,15,.2)); }
.em-history-page .history-hero-copy { position:relative; z-index:1; padding:238px 0 96px; margin-left:max(var(--history-gutter),calc((100% - var(--history-max))/2)); width:min(700px,calc(100% - 2*var(--history-gutter))); color:var(--history-cream); }
.em-history-page .history-hero-copy :is(h1,a,.history-eyebrow) { color:var(--history-cream); }
.em-history-page .history-hero-copy .history-eyebrow { width:fit-content; }
.em-history-page .history-main .history-hero h1 { max-width:none; margin-bottom:22px; }
.em-history-page .history-hero h1 em { display:block; font-style:italic; font-weight:400; color:#FFE1AD; }
.em-history-page .history-breadcrumb { display:flex; flex-wrap:wrap; gap:7px 10px; align-items:center; margin-bottom:24px; font-size:13px; line-height:1.6; }
.em-history-page .history-hero-subtitle { font:400 26px/1.3 Georgia,'Times New Roman',serif; color:#FFE1AD; margin-bottom:24px; }
.em-history-page .history-hero-copy .history-deck { font-size:21px; line-height:1.55; max-width:47ch; }
.em-history-page .history-hero-copy > p:not(.history-deck):not(.history-hero-subtitle) { font-size:17px; line-height:1.7; max-width:60ch; }
.em-history-page .history-hero-figure figcaption { position:absolute; bottom:20px; right:var(--history-gutter); left:auto; z-index:2; width:min(470px,35%); padding:9px 14px; border-radius:8px; background:rgba(45,24,15,.88); color:var(--history-cream); font-size:13px; line-height:1.55; }
.em-history-page .history-hero a:focus-visible { outline-color:var(--history-cream); }
.em-history-page .history-hero .history-button { background:var(--history-cream); color:var(--history-burnt-orange); border-color:var(--history-cream); }
.em-history-page .history-chapters { position:sticky; top:0; z-index:20; padding-block:15px; background:var(--history-cream); border-bottom:1px solid var(--history-border); box-shadow:0 5px 18px #4b30250b; }
.em-history-page .history-chapters .history-wrap { display:flex; flex-wrap:wrap; align-items:center; gap:4px 24px; }
.em-history-page .history-chapters a { font-size:15px; min-height:44px; display:inline-flex; align-items:center; font-weight:700; }
.em-history-page .history-chapters .history-chapter-brand { font:400 24px/1.25 Georgia,'Times New Roman',serif; color:var(--history-umber); margin-right:12px; text-decoration:none; }
.em-history-page .history-photo { margin:0; overflow:hidden; border-radius:24px; background:var(--history-cream); }
.em-history-page .history-photo img { width:100%; aspect-ratio:3/2; object-fit:cover; }
.em-history-page .history-photo.history-portrait img { aspect-ratio:4/5; border-radius:300px 300px 0 0; }
.em-history-page .history-photo.history-portrait { border-radius:300px 300px 24px 24px; }
.em-history-page .history-photo figcaption { font:400 14px/1.6 Arial,Helvetica,sans-serif; color:var(--history-umber); padding:16px 20px; background:var(--history-cream); }
.em-history-page .history-circle-photo { overflow:visible; background:transparent; border-radius:0; }
.em-history-page .history-circle-photo img { aspect-ratio:1; border-radius:50%; object-fit:cover; border:9px solid var(--history-cream); box-shadow:0 0 0 2px var(--history-orange); }
.em-history-page .history-circle-photo figcaption { margin-top:16px; background:transparent; padding:8px 20px; text-align:center; }
.em-history-page .history-main .history-wide-photo { margin-block:44px 48px; }
.em-history-page .history-wide-photo img { aspect-ratio:16/7; }
.em-history-page .history-cues { padding:30px 32px; margin-top:36px; border-radius:24px; border:1px solid var(--history-border); background:var(--history-parchment); }
.em-history-page .history-cues h3 { font-size:25px; }
.em-history-page .history-cues ul { margin:0; padding-left:20px; }
.em-history-page .history-cues li { margin-bottom:12px; }
.em-history-page .history-timeline { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; list-style:none; padding:0; margin:56px 0 0; }
.em-history-page .history-timeline > li { position:relative; min-width:0; padding:36px; border-radius:28px; background:var(--history-cream); border:1px solid var(--history-border); display:flex; flex-direction:column; }
.em-history-page .history-era-head { display:flex; gap:24px; align-items:center; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--history-border); }
.em-history-page .history-era-mark { font:italic 70px/1 Georgia,'Times New Roman',serif; color:var(--history-burnt-orange); flex:0 0 auto; }
.em-history-page .history-period { font:400 23px/1.25 Georgia,'Times New Roman',serif; color:var(--history-umber); }
.em-history-page .history-era-body { flex:1; }
.em-history-page .history-timeline h3 { font-size:34px; }
.em-history-page .history-timeline p { line-height:1.65; }
.em-history-page .history-timeline .history-photo { margin-block:0 24px; border-radius:120px 120px 18px 18px; }
.em-history-page .history-timeline .history-photo img { aspect-ratio:2.35/1; }
.em-history-page .history-timeline .history-photo figcaption { padding:12px 16px; font-size:13px; }
.em-history-page .history-timeline .history-era-image-round img { aspect-ratio:1; width:min(280px,100%); object-fit:contain; border-radius:50%; margin-inline:auto; }
.em-history-page .history-timeline dl { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:26px 0 0; padding-top:20px; border-top:1px solid var(--history-border); }
.em-history-page .history-timeline dt, .em-history-page .history-dynasty dt { font:700 12px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.08em; text-transform:uppercase; margin-bottom:6px; }
.em-history-page .history-timeline dd { margin:0; font-size:16px; line-height:1.6; }
.em-history-page .history-timeline > li:nth-child(3n+2) { background:var(--history-clay); color:var(--history-cream); border-color:var(--history-clay); }
.em-history-page .history-timeline > li:nth-child(3n+2) :is(h3,.history-period,.history-era-mark,a) { color:var(--history-cream); }
.em-history-page .history-timeline > li:nth-child(3n+2) :is(.history-era-head,dl) { border-color:#e7c6ae; }
.em-history-page .history-timeline > li:nth-child(3n+2) a:focus-visible { outline-color:var(--history-cream); }
.em-history-page .history-timeline > li:nth-child(3n) { background:var(--history-cocoa-light); }
.em-history-page .history-timeline > li:nth-child(3n) a { color:var(--history-umber); }
.em-history-page .history-dynasties { margin-top:56px; display:grid; gap:40px; }
.em-history-page .history-dynasty { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); gap:56px; align-items:center; padding:44px; background:var(--history-cream); border:1px solid var(--history-border); border-radius:32px; }
.em-history-page .history-dynasty:nth-child(even) { background:var(--history-white); }
.em-history-page .history-dynasty-name h3 { font-size:46px; }
.em-history-page .history-dynasty-name .history-period { font-size:28px; margin-bottom:30px; }
.em-history-page .history-dynasty-name .history-photo img { aspect-ratio:4/3; border-radius:180px 180px 0 0; }
.em-history-page .history-dynasty-name .history-photo { border-radius:180px 180px 18px 18px; }
.em-history-page .history-dynasty-name .history-evidence-round img { aspect-ratio:1; object-fit:contain; border-radius:50%; background:var(--history-parchment); }
.em-history-page .history-dynasty dl { display:grid; grid-template-columns:1fr 1fr; gap:24px 32px; margin-block:24px; }
.em-history-page .history-dynasty dd { margin:0; font-size:17px; line-height:1.7; }
.em-history-page .history-dynasty:not(.history-dynasty-photographic) .history-dynasty-name { align-self:stretch; display:flex; flex-direction:column; justify-content:center; border-radius:180px 180px 18px 18px; padding:44px 24px; background:var(--history-clay); color:var(--history-cream); text-align:center; }
.em-history-page .history-dynasty:not(.history-dynasty-photographic) .history-dynasty-name :is(h3,.history-period) { color:var(--history-cream); }
.em-history-page .history-cities { background-image:linear-gradient(#a84c2ded,#a84c2ded),url('/assets/history-master-v2/zellige.webp'); background-size:cover; }
.em-history-page .history-cities > .history-wrap > :is(h2,.history-eyebrow,.history-narrow) { text-align:center; margin-inline:auto; }
.em-history-page .history-cities h2 { font-size:76px; max-width:26ch; }
.em-history-page .history-circles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:64px 40px; margin-top:64px; }
.em-history-page .history-main .history-circle { display:flex; flex-direction:column; align-items:center; text-align:center; min-width:0; text-decoration:none; border-radius:28px; color:var(--history-cream); padding:8px; }
.em-history-page .history-circle img { width:min(var(--history-circle),100%); height:auto; aspect-ratio:1; object-fit:cover; border:10px solid var(--history-cream); border-radius:50%; box-shadow:0 0 0 3px var(--history-orange),0 16px 28px #4b302526; transition:transform .18s ease; }
.em-history-page .history-cities .history-circle h3 { margin:28px 0 16px; padding:9px 30px; background:var(--history-cream); border-radius:28px; color:var(--history-burnt-orange); font-size:34px; text-decoration:none; }
.em-history-page .history-city-notes { display:grid; grid-template-columns:1fr 1fr; gap:32px 48px; padding:44px; margin-top:56px; color:var(--history-text); background:var(--history-cream); border:1px solid var(--history-border); border-radius:28px; }
.em-history-page .history-city-notes p { margin:0; padding-top:20px; border-top:2px solid var(--history-orange); }
.em-history-page .history-circle p { color:var(--history-cream); max-width:30ch; font-size:18px; line-height:1.6; }
.em-history-page .history-circle:hover img { transform:translateY(-5px); }
.em-history-page .history-exchange { background:var(--history-sand); }
.em-history-page .history-camel-band { margin:36px calc(-1*var(--history-gutter)) 48px; height:400px; background:url('/assets/history-master-v2/camel-background.webp') center/auto 520px repeat-x; border-block:1px solid var(--history-border); }
.em-history-page .history-exchange-schema { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-block:40px 12px; }
.em-history-page .history-exchange-schema a { display:flex; align-items:center; justify-content:center; min-height:84px; padding:16px; border-radius:24px; background:var(--history-cream); border:1px solid var(--history-border); text-align:center; font:400 25px/1.3 Georgia,'Times New Roman',serif; }
.em-history-page .history-small { font-size:15px; line-height:1.6; }
.em-history-page .history-route-stories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-block:48px; }
.em-history-page .history-route-stories article { min-width:0; }
.em-history-page .history-route-stories h3 { margin-block:28px 20px; }
.em-history-page .history-route-stories article:not(:has(figure)) { border-top:8px solid var(--history-clay); padding:24px; background:var(--history-cream); border-radius:26px; align-self:center; }
.em-history-page .history-object-note { border-left:4px solid var(--history-clay); margin-block:32px; padding:24px 28px; background:var(--history-parchment); color:var(--history-text); }
.em-history-page .history-patterned { padding:72px 0; background:var(--history-parchment) url('/assets/history-master-v2/zellige.webp') center/680px auto; }
.em-history-page .history-patterned > .history-wrap { padding:0; background:transparent; }
.em-history-page .history-zellige-heading { width:min(860px,100%); padding:32px 40px; margin-bottom:48px; background:var(--history-cream); border-radius:28px; border:1px solid var(--history-border); }
.em-history-page .history-zellige-heading h2 { margin-bottom:0; }
.em-history-page .history-architecture-prose { padding:36px; background:var(--history-cream); border-radius:28px; border:1px solid var(--history-border); }
.em-history-page .history-patterned .history-split { gap:48px; }
.em-history-page .history-memory-labels { display:flex; flex-wrap:wrap; gap:12px 26px; margin-top:32px; padding-block:24px; border-block:1px solid var(--history-border); font:italic 25px/1.4 Georgia,'Times New Roman',serif; }
.em-history-page .history-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:48px; }
.em-history-page .history-regions { grid-template-columns:repeat(2,minmax(0,1fr)); }
.em-history-page .history-main .history-card { display:flex; flex-direction:column; min-width:0; background:var(--history-cream); border:2px solid var(--history-orange); border-radius:32px; overflow:hidden; color:var(--history-text); text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.em-history-page .history-card > img { aspect-ratio:3/2; object-fit:cover; border-radius:30px 30px 0 0; }
.em-history-page .history-card-copy { padding:30px; display:flex; flex-direction:column; flex:1; }
.em-history-page .history-card-caption { display:block; font-size:13px; line-height:1.6; color:var(--history-umber); margin-bottom:20px; }
.em-history-page .history-card h3 { color:var(--history-umber); font-size:31px; }
.em-history-page .history-card p { color:var(--history-text); line-height:1.65; }
.em-history-page .history-card .history-text-link { margin-top:auto; color:var(--history-burnt-orange); text-decoration:underline; }
.em-history-page .history-text-card { align-self:center; }
.em-history-page .history-card:hover { transform:translateY(-4px); box-shadow:0 12px 24px #4b302518; }
.em-history-page .history-milestone { display:grid; grid-template-columns:110px minmax(0,1fr); gap:28px; margin-bottom:24px; }
.em-history-page .history-milestone .history-period { font-size:45px; padding-top:12px; border-top:2px solid var(--history-cream); }
.em-history-page .history-sources { margin-top:64px; padding-top:40px; border-top:1px solid var(--history-border); max-width:88ch; }
.em-history-page .history-sources ol { padding-left:24px; margin-block:24px; }
.em-history-page .history-sources li { font-size:16px; padding:9px 0; overflow-wrap:anywhere; }
.em-history-page .history-acknowledgements { margin-top:28px; border-block:1px solid var(--history-border); }
.em-history-page .history-acknowledgements summary { cursor:pointer; padding-block:18px; min-height:48px; font-weight:700; }
.em-history-page .history-acknowledgements li { font-size:15px; }
.em-history-page .history-guide { background-color:var(--history-cocoa-light); background-image:linear-gradient(#dbc0a9e3,#dbc0a9e3),url('/assets/history-master-v2/zellige.webp'); background-position:center; background-size:auto,650px auto; }
.em-history-page .history-guide-panel { padding:56px; border-radius:36px; background:var(--history-cream); border:1px solid var(--history-border); color:var(--history-text); }
.em-history-page .history-guide-panel h2 { max-width:22ch; font-size:62px; }
.em-history-page .history-guide-panel > p { max-width:65ch; }
.em-history-page .history-guide-spread { display:grid; grid-template-columns:360px minmax(0,1fr); gap:64px; align-items:center; margin-top:40px; }
.em-history-page .history-guide-cover { margin:0; width:100%; padding:0; background:transparent; }
.em-history-page .history-guide-cover img { display:block; max-width:100%; width:100%; height:auto; object-fit:contain; border-radius:12px; box-shadow:0 18px 28px #4b302533; }
.em-history-page .history-guide-cover figcaption { margin-top:20px; padding:0; color:var(--history-umber); font-size:14px; text-align:center; }
.em-history-page .history-guide-panel ul { padding-left:22px; margin-block:24px; }
.em-history-page .history-guide-panel li { margin-bottom:10px; }
.em-history-page .history-planned { border-top:1px solid var(--history-border); padding-top:28px; margin-top:36px; font-size:16px; }
.em-history-page .history-close { padding-block:72px; }
.em-history-page .history-close h2 { font-size:48px; }
@media(min-width:1600px) {
  .em-history-page { --history-max:1440px; --history-gutter:80px; --history-space:120px; --history-circle:380px; }
  .em-history-page .history-main h1 { font-size:108px; }
  .em-history-page .history-main h2 { font-size:72px; }
  .em-history-page .history-hero { min-height:1040px; }
  .em-history-page .history-hero-copy { width:760px; padding-top:270px; }
  .em-history-page .history-cities h2 { font-size:84px; }
}
@media(max-width:1200px) {
  .em-history-page { --history-gutter:40px; --history-space:88px; --history-circle:330px; }
  .em-history-page .history-main h1 { font-size:82px; }
  .em-history-page .history-main h2 { font-size:56px; }
  .em-history-page .history-hero { min-height:940px; }
  .em-history-page .history-hero::after { background:linear-gradient(90deg,rgba(45,24,15,.91),rgba(45,24,15,.78) 90%,rgba(45,24,15,.5)),linear-gradient(180deg,rgba(45,24,15,.85) 0,rgba(45,24,15,.85) 140px,transparent 280px); }
  .em-history-page .history-hero-copy { padding-top:238px; width:660px; }
  .em-history-page .history-chapters { position:relative; }
  .em-history-page .history-chapters .history-chapter-brand { width:100%; }
  .em-history-page .history-split { gap:40px; }
  .em-history-page .history-essay-grid { gap:40px; }
  .em-history-page .history-timeline { gap:24px; }
  .em-history-page .history-timeline > li { padding:28px; }
  .em-history-page .history-era-head { gap:18px; }
  .em-history-page .history-era-mark { font-size:60px; }
  .em-history-page .history-period { font-size:21px; }
  .em-history-page .history-dynasty { padding:32px; gap:36px; }
  .em-history-page .history-dynasty-name h3 { font-size:38px; }
  .em-history-page .history-circles { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .em-history-page .history-route-stories { grid-template-columns:1fr; }
  .em-history-page .history-route-stories article { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr); gap:36px; align-items:center; }
  .em-history-page .history-route-stories article:not(:has(figure)) { display:block; }
  .em-history-page .history-route-stories h3 { margin-top:0; }
  .em-history-page .history-patterned > .history-wrap { padding:0; }
  .em-history-page .history-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .em-history-page .history-guide-panel { padding:40px; }
  .em-history-page .history-guide-spread { grid-template-columns:300px minmax(0,1fr); gap:40px; }
}
@media(max-width:820px) {
  .em-history-page { --history-gutter:32px; --history-space:76px; --history-circle:300px; }
  .em-history-page .history-main h1 { font-size:72px; }
  .em-history-page .history-main h2 { font-size:50px; }
  .em-history-page .history-main :is(section,[id]) { scroll-margin-top:32px; }
  .em-history-page .history-hero { min-height:980px; }
  .em-history-page .history-hero-copy { padding-top:280px; width:calc(100% - 64px); }
  .em-history-page .history-hero-figure figcaption { left:32px; right:32px; width:auto; bottom:16px; }
  .em-history-page .history-split, .em-history-page .history-essay-grid { grid-template-columns:1fr; gap:40px; }
  .em-history-page .history-split > .history-photo { width:min(580px,100%); margin-inline:auto; }
  .em-history-page .history-timeline { grid-template-columns:1fr; }
  .em-history-page .history-timeline > li { padding:36px; }
  .em-history-page .history-timeline .history-photo img { aspect-ratio:2.4/1; }
  .em-history-page .history-dynasty { grid-template-columns:1fr; gap:32px; }
  .em-history-page .history-dynasty-name { display:grid; grid-template-columns:1fr 240px; gap:32px; align-items:center; }
  .em-history-page .history-dynasty:not(.history-dynasty-photographic) .history-dynasty-name { padding:32px; }
  .em-history-page .history-circles { gap:48px 24px; }
  .em-history-page .history-city-notes { padding:32px; }
  .em-history-page .history-cities h2 { font-size:60px; }
  .em-history-page .history-cities .history-circle h3 { font-size:32px; }
  .em-history-page .history-patterned { padding-block:40px; }
  .em-history-page .history-patterned > .history-wrap { padding:0; }
  .em-history-page .history-guide-spread { grid-template-columns:260px minmax(0,1fr); gap:32px; }
  .em-history-page .history-guide-panel h2 { font-size:48px; }
}
@media(max-width:650px) {
  .em-history-page { --history-gutter:24px; --history-space:64px; --history-circle:240px; }
  .em-history-page .history-main h2 { font-size:44px; }
  .em-history-page .history-main h3 { font-size:30px; }
  .em-history-page .history-hero { min-height:0; background:var(--history-clay); }
  .em-history-page .history-hero::after { display:none; }
  .em-history-page .history-hero-figure { position:relative; height:auto; margin:0; }
  .em-history-page .history-hero-figure picture { height:510px; }
  .em-history-page .history-hero-figure img { object-position:57% 45%; }
  .em-history-page .history-hero-figure::after { content:''; position:absolute; top:0; inset-inline:0; height:360px; background:linear-gradient(rgba(45,24,15,.85) 0,rgba(45,24,15,.85) 280px,transparent); pointer-events:none; }
  .em-history-page .history-hero-figure figcaption { position:relative; inset:auto; width:100%; background:var(--history-umber); padding:16px 24px; border-radius:0; font-size:13px; }
  .em-history-page .history-hero-copy { width:100%; padding:44px 24px 56px; margin:0; background:var(--history-clay); }
  .em-history-page .history-main .history-hero h1 { font-size:64px; }
  .em-history-page .history-hero-subtitle { font-size:24px; }
  .em-history-page .history-hero-copy .history-deck { font-size:20px; }
  .em-history-page .history-hero-copy > p:not(.history-deck):not(.history-hero-subtitle) { font-size:18px; }
  .em-history-page .history-chapters .history-chapter-brand { font-size:26px; }
  .em-history-page .history-chapters .history-wrap { gap:4px 20px; }
  .em-history-page .history-chapters a { font-size:15px; }
  .em-history-page .history-photo.history-portrait { width:min(450px,100%); }
  .em-history-page .history-timeline > li { padding:28px; border-radius:26px; }
  .em-history-page .history-timeline h3 { font-size:34px; }
  .em-history-page .history-timeline .history-photo img { aspect-ratio:3/2; }
  .em-history-page .history-timeline .history-era-image-round img { aspect-ratio:1; }
  .em-history-page .history-timeline dl { grid-template-columns:1fr; gap:20px; }
  .em-history-page .history-era-head { gap:20px; }
  .em-history-page .history-era-mark { font-size:64px; }
  .em-history-page .history-period { font-size:23px; }
  .em-history-page .history-dynasty { padding:28px; border-radius:26px; }
  .em-history-page .history-dynasty-name { grid-template-columns:1fr; gap:20px; }
  .em-history-page .history-dynasty-name .history-photo { width:min(360px,100%); }
  .em-history-page .history-dynasty-name h3 { font-size:42px; }
  .em-history-page .history-dynasty dl { grid-template-columns:1fr; }
  .em-history-page .history-cities h2 { font-size:48px; }
  .em-history-page .history-cities .history-circle h3 { font-size:30px; padding:8px 24px; }
  .em-history-page .history-circle p { font-size:17px; }
  .em-history-page .history-city-notes { grid-template-columns:1fr; gap:28px; padding:28px 24px; }
  .em-history-page .history-camel-band { height:290px; background-size:auto 360px; }
  .em-history-page .history-exchange-schema { grid-template-columns:1fr; gap:16px; }
  .em-history-page .history-exchange-schema a { min-height:70px; }
  .em-history-page .history-route-stories article { grid-template-columns:1fr; gap:24px; }
  .em-history-page .history-patterned { padding-block:32px; }
  .em-history-page .history-patterned > .history-wrap { padding:0; }
  .em-history-page .history-zellige-heading { padding:28px 24px; }
  .em-history-page .history-architecture-prose { padding:28px 24px; }
  .em-history-page .history-wide-photo img { aspect-ratio:4/3; }
  .em-history-page .history-grid { grid-template-columns:1fr; gap:32px; }
  .em-history-page .history-card-copy { padding:28px; }
  .em-history-page .history-milestone { grid-template-columns:1fr; gap:16px; }
  .em-history-page .history-milestone .history-period { width:110px; }
  .em-history-page .history-guide-panel { padding:32px 24px; border-radius:28px; }
  .em-history-page .history-guide-panel h2 { font-size:44px; }
  .em-history-page .history-guide-spread { grid-template-columns:1fr; gap:40px; }
  .em-history-page .history-guide-cover { width:min(320px,100%); margin-inline:auto; }
  .em-history-page .history-close h2 { font-size:40px; }
}
@media(max-width:500px) {
  .em-history-page { --history-circle:310px; }
  .em-history-page .history-circles { grid-template-columns:1fr; gap:48px; }
  .em-history-page .history-circle p { max-width:30ch; }
  .em-history-page .history-hero-figure picture { height:480px; }
  .em-history-page .history-main .history-hero h1 { font-size:60px; }
}
@media(max-width:350px) {
  .em-history-page { --history-gutter:20px; --history-space:56px; --history-circle:256px; }
  .em-history-page .history-main .history-hero h1 { font-size:52px; }
  .em-history-page .history-main h2 { font-size:38px; }
  .em-history-page .history-main h3 { font-size:28px; }
  .em-history-page .history-hero-copy { padding-inline:20px; }
  .em-history-page .history-hero-figure picture { height:430px; }
  .em-history-page .history-timeline > li { padding:24px 20px; }
  .em-history-page .history-timeline h3 { font-size:30px; }
  .em-history-page .history-era-mark { font-size:54px; }
  .em-history-page .history-period { font-size:21px; }
  .em-history-page .history-dynasties { grid-template-columns:minmax(0,1fr); }
  .em-history-page .history-dynasty { padding:24px 20px; grid-template-columns:minmax(0,1fr); }
  .em-history-page .history-dynasty > * { min-width:0; }
  .em-history-page .history-dynasty-name h3 { font-size:36px; overflow-wrap:break-word; }
  .em-history-page .history-cues { padding:24px; }
  .em-history-page .history-cities h2 { font-size:42px; }
  .em-history-page .history-patterned > .history-wrap { padding:0; }
  .em-history-page .history-zellige-heading, .em-history-page .history-architecture-prose { padding:24px 20px; }
  .em-history-page .history-guide-panel h2 { font-size:38px; }
  .em-history-page .history-guide-panel { padding:28px 20px; }
}
@media(prefers-reduced-motion:reduce) {
  html.history-document { scroll-behavior:auto !important; }
  .em-history-page .history-main *, .em-history-page .history-main *::before, .em-history-page .history-main *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}