:root{--blue:#173d7a;--blue-dark:#09244f;--red:#830f1b;--red-dark:#590811;--gold:#d5b35b;--gold-pale:#f1db91;--cream:#f5eedb;--paper:#fffdf7;--ink:#26241f;--muted:#676052;--line:#cfbb83;--shadow:0 16px 42px rgba(13,24,43,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,var(--red),var(--red-dark) 72%) fixed;color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif}img{display:block;max-width:100%;height:auto}a{color:var(--blue);text-underline-offset:3px}.topbar{position:sticky;top:0;z-index:100;background:linear-gradient(100deg,var(--blue-dark),var(--blue));border-bottom:3px solid var(--gold);box-shadow:0 5px 20px #0006}.topbar-inner{max-width:1220px;margin:auto;padding:8px 20px;display:flex;align-items:center;gap:16px}.brand-link{display:flex;align-items:center;gap:14px;min-width:0;color:#fff;text-decoration:none}.brand-link img{width:72px;height:72px;object-fit:contain;flex:none}.brand-text{min-width:0;line-height:1.14}.brand-text strong{display:block;color:#fff;font-size:clamp(16px,2vw,23px)}.brand-text span{display:block;margin-top:4px;color:var(--gold-pale);font-size:clamp(12px,1.45vw,17px);font-weight:700}.languages{margin-left:auto;display:flex;gap:4px;font:700 13px Arial,sans-serif}.languages a,.languages span{padding:7px 9px;border:1px solid #ffffff47;border-radius:4px;color:#fff;text-decoration:none}.languages span{color:var(--gold-pale);border-color:var(--gold)}.menu-button{display:none;margin-left:4px;padding:8px 11px;border:1px solid var(--gold);border-radius:4px;background:transparent;color:#fff;font-weight:700}.dynasty-nav-wrap{position:sticky;top:91px;z-index:99;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 3px 10px #0002}.dynasty-nav{max-width:1220px;margin:auto;padding:8px 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.dynasty-nav a{padding:8px 13px;border-radius:4px;color:var(--blue-dark);font:700 13px/1.15 Arial,sans-serif;text-decoration:none}.dynasty-nav a:hover,.dynasty-nav a[aria-current="page"]{background:var(--red);color:#fff}
.page-hero{max-width:1160px;margin:26px auto 0;min-height:330px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 18% 10%,#d5b35b33,transparent 34%),linear-gradient(125deg,var(--blue-dark),var(--blue) 62%,#28518b);border:1px solid #efd68f99;border-top:6px solid var(--gold);border-radius:13px;box-shadow:var(--shadow)}.hero-copy{padding:clamp(30px,6vw,68px)}.eyebrow{margin:0 0 10px;color:var(--gold-pale);font:800 12px/1.3 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}.page-hero h1{margin:0;color:#fff;font-size:clamp(39px,5vw,65px);line-height:1.03;text-wrap:balance}.page-hero .lead{margin:20px 0 0;max-width:720px;color:#f8f0dc;font-size:clamp(17px,1.9vw,21px);line-height:1.55}.hero-art{align-self:stretch;min-height:330px;padding:25px;display:flex;align-items:center;justify-content:center;background:#ffffff0d}.hero-art img{width:auto;max-height:300px;object-fit:contain;filter:drop-shadow(0 14px 18px #0005)}.page-shell{max-width:1160px;margin:24px auto 40px}.panel{margin-top:24px;padding:clamp(25px,4.5vw,50px);background:var(--paper);border:1px solid #e1cf9d;border-top:5px solid var(--gold);border-radius:11px;box-shadow:var(--shadow)}.panel h2{margin:0 0 16px;color:var(--blue-dark);font-size:clamp(27px,3.4vw,42px);line-height:1.14}.panel h3{margin:25px 0 9px;color:var(--red);font-size:22px;line-height:1.24}.panel p{margin:0 0 16px}.panel p:last-child{margin-bottom:0}.intro{font-size:19px;color:#39352e}.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:clamp(28px,5vw,58px);align-items:center}.split.reverse{grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr)}.split figure{margin:0}.split figure img{width:100%;max-height:620px;object-fit:contain;border-radius:7px}.caption{margin-top:10px!important;color:var(--muted);font-size:13px;font-style:italic;text-align:center;line-height:1.45}.section-bar{margin:28px 0 0;padding:20px 24px;color:#fff;background:linear-gradient(110deg,var(--blue-dark),var(--blue));border-left:7px solid var(--gold);border-radius:7px;box-shadow:0 8px 20px #0003}.section-bar h2{margin:0;color:#fff;font-size:clamp(25px,3vw,37px)}.section-bar p{margin:6px 0 0;color:#eadfca}.button{display:inline-block;padding:12px 17px;border:1px solid var(--gold);border-radius:6px;background:var(--blue);color:#fff!important;font:800 14px/1.2 Arial,sans-serif;text-decoration:none;transition:.18s}.button:hover{transform:translateY(-2px);background:var(--red)}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.link-tile{min-height:105px;padding:20px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#fff,var(--cream));border:1px solid var(--line);border-radius:8px;color:var(--blue-dark);font:800 16px/1.35 Arial,sans-serif;text-decoration:none;box-shadow:0 6px 16px #14254013;transition:.18s}.link-tile:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 10px 23px #14254028}.figure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}.figure-card{margin:0;padding:13px;background:#fff;border:1px solid #ddcfaa;border-radius:8px;box-shadow:0 6px 16px #14254012}.figure-card img{width:100%;height:280px;object-fit:contain}.figure-card.feature{grid-column:span 2}.figure-card.feature img{height:430px}.archive-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.archive-strip figure{margin:0;padding:9px;background:#fff;border:1px solid #ddcfaa;border-radius:7px}.archive-strip img{width:100%;height:225px;object-fit:contain}.person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.person-card{overflow:hidden;background:var(--paper);border:1px solid #e1cf9d;border-top:5px solid var(--gold);border-radius:10px;box-shadow:var(--shadow)}.person-card img{width:100%;height:560px;object-fit:contain;background:#f4eee0}.person-copy{padding:23px;text-align:center}.person-copy h2{margin:0;color:var(--blue-dark);font-size:23px;line-height:1.25}.rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.rank-card{padding:20px;background:linear-gradient(145deg,#fff,var(--cream));border:1px solid var(--line);border-radius:8px;text-align:center}.rank-card strong{display:block;color:var(--blue-dark);font-size:18px;line-height:1.35}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.route-card{padding:22px;background:#f7f0df;border:1px solid var(--line);border-radius:8px}.route-card h3{margin:0 0 8px}.research-note{padding:20px 24px;background:#efe6cf;border-left:6px solid var(--red);border-radius:6px;color:#403b32}.references{columns:2;column-gap:38px;font-size:14px}.references p{break-inside:avoid;margin:0 0 10px}.country-list{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:20px}.country-list span{padding:7px 10px;background:#f4eddd;border:1px solid #d7c89e;border-radius:999px;font:700 12px Arial,sans-serif;color:#4e493e}.notice{margin-top:24px;padding:22px 26px;background:#f4e6c3;border:1px solid var(--gold);border-left:7px solid var(--red);border-radius:8px}.documentary{margin-top:24px;padding:25px 30px;color:#eee6d5;background:#09244fea;border:1px solid #d5b35bb3;border-radius:9px;box-shadow:var(--shadow);font-size:14px}.documentary h2{margin:0 0 10px;color:var(--gold-pale);font-size:20px}.documentary p{margin:0}.documentary a{color:var(--gold-pale)}.copyright{margin-top:13px!important;color:#d7cdb9;font-size:12px}.site-footer{color:#f7ecd4;text-align:center;padding:0 18px 30px;font-size:14px}.site-footer a{color:#f2d887;font-weight:700}
@media(max-width:1188px){.page-hero,.page-shell{margin-left:14px;margin-right:14px}}@media(max-width:840px){.topbar-inner{padding:7px 10px}.brand-link img{width:58px;height:58px}.brand-text span{font-size:12px}.languages{display:none}.menu-button{display:block;margin-left:auto}.dynasty-nav-wrap{display:none;position:fixed;z-index:99;top:77px;left:0;right:0;max-height:calc(100vh - 77px);overflow:auto;box-shadow:0 8px 20px #0006}.dynasty-nav-wrap.open{display:block}.dynasty-nav a{flex:1 0 44%;padding:11px 7px;text-align:center}.page-hero{grid-template-columns:1fr;text-align:center}.hero-copy{order:2;padding-top:25px}.hero-art{order:1;min-height:230px}.hero-art img{max-height:235px}.split,.split.reverse{grid-template-columns:1fr}.split figure{order:-1}.link-grid,.figure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.figure-card.feature{grid-column:span 2}.person-card img{height:460px}.references{columns:1}}@media(max-width:560px){body{font-size:16px}.brand-link img{width:50px;height:50px}.brand-text strong{font-size:14px}.brand-text span{font-size:10px}.dynasty-nav-wrap{top:69px}.dynasty-nav a{flex-basis:100%}.page-hero,.page-shell{margin-left:8px;margin-right:8px}.page-hero{margin-top:12px;border-radius:7px}.hero-copy{padding:26px 18px 32px}.page-hero h1{font-size:clamp(36px,11vw,50px)}.panel{padding:24px 17px;border-radius:6px}.link-grid,.figure-grid,.person-grid,.rank-grid,.route-grid{grid-template-columns:1fr}.archive-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.figure-card.feature{grid-column:auto}.figure-card img,.figure-card.feature img{height:auto;max-height:430px}.archive-strip img{height:190px}.person-card img{height:auto;max-height:560px}.button{width:100%;text-align:center}.notice,.documentary{padding:20px 17px}}@media print{.topbar,.dynasty-nav-wrap,.site-footer,.button-row{display:none}body{background:#fff}.page-hero{color:#000;background:#fff;border:1px solid #777;box-shadow:none}.page-hero h1,.page-hero .lead{color:#000}.panel,.person-card,.documentary{color:#000;background:#fff;box-shadow:none}.documentary h2{color:#000}}

/* About-page documentary composition */
.about-hero{position:relative;isolation:isolate}.about-hero::before{content:"";position:absolute;inset:0;z-index:0;background:url("map.jpg") center/cover no-repeat;opacity:.22}.about-hero>.hero-copy,.about-hero>.hero-art{position:relative;z-index:1}.about-hero .hero-art{background:#071b3a2e}
.identity-panel{padding-top:30px}.lineage-banner{max-width:760px;margin:0 auto 38px;text-align:center}.lineage-banner img{width:100%;max-width:680px;margin:auto;object-fit:contain}.identity-split{align-items:center}.portrait-aside{padding:22px;background:linear-gradient(145deg,#fff,#f4ecda);border:1px solid var(--line);border-radius:9px}.portrait-aside img{max-width:330px;max-height:390px!important;margin:auto;object-fit:contain}
.documentary-feature-stack{display:grid;gap:20px;margin-bottom:34px}.documentary-feature{margin:0;padding:14px;background:#fff;border:1px solid #ddcfaa;border-radius:9px;box-shadow:0 6px 16px #14254012}.documentary-feature img{width:100%;max-width:900px;max-height:620px;margin:auto;object-fit:contain}
.migration-map{max-width:760px;margin:28px auto 0;text-align:center}.migration-map img{margin-left:auto;margin-right:auto}.migration-map .caption{text-align:center}
.zhonson-intro .intro{font-size:17px}.study-portrait{max-width:390px;margin:28px auto 0;padding:13px;background:#fff;border:1px solid #ddcfaa;border-radius:8px;box-shadow:0 6px 16px #14254012}.study-portrait img{max-height:520px;margin:auto;object-fit:contain}.zhonson-portraits{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin-left:auto;margin-right:auto}.zhonson-portraits .figure-card img{height:440px}.footnotes{font-size:14px}.footnotes p{padding-left:35px;text-indent:-35px;border-bottom:1px solid #e6dcc2;padding-bottom:14px}.footnotes p:last-child{border-bottom:0;padding-bottom:0}
.historical-figures{grid-template-columns:repeat(2,minmax(0,1fr))}.historical-figures .figure-card img{height:430px}.cultural-figures .figure-card img{height:410px}.service-figures{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-left:auto;margin-right:auto}.service-figures .figure-card img{height:430px}
.documentary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.documentary-tile{margin:0;padding:11px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ddcfaa;border-radius:8px;box-shadow:0 6px 16px #14254012;overflow:hidden}.documentary-tile img{width:100%;height:330px;object-fit:contain}.stacked-document{grid-row:span 2}.stacked-images{width:100%;display:grid;gap:0}.stacked-images img{height:auto;max-height:none}
@media(max-width:840px){.about-hero::before{background-position:center}.historical-figures,.documentary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cultural-figures{grid-template-columns:repeat(2,minmax(0,1fr))}.cultural-figures .figure-card:last-child{grid-column:1/-1;max-width:420px;width:100%;justify-self:center}.identity-split .portrait-aside{order:0}.documentary-tile img{height:350px}}
@media(max-width:560px){.lineage-banner{margin-bottom:26px}.identity-split .portrait-aside{order:-1}.historical-figures,.cultural-figures,.service-figures,.documentary-grid{grid-template-columns:1fr}.cultural-figures .figure-card:last-child{grid-column:auto;max-width:none}.historical-figures .figure-card img,.cultural-figures .figure-card img,.service-figures .figure-card img,.documentary-tile img{height:auto;max-height:none}.stacked-document{grid-row:auto}}
@media(max-width:560px){.zhonson-portraits{grid-template-columns:1fr}.zhonson-portraits .figure-card img{height:auto;max-height:500px}.footnotes p{padding-left:0;text-indent:0}}