@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Libre+Baskerville:wght@400;700&family=Playfair+Display:wght@600;700&display=swap";:root{--parchment: #f5e9d8;--accent: #9c7440;--accent-dark: #7f5d31;--text: #2b2b2b;--card: #fff8ee;--border: #e5d7c3;--shadow: rgba(0, 0, 0, .15);--shadow-strong: rgba(0, 0, 0, .22);--page-width: min(1180px, calc(100vw - 64px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background-color:var(--parchment);background-image:url(../parchment-texture.svg),url(../asia-overlay.svg);background-repeat:repeat,no-repeat;background-position:center top,center 180px;background-size:680px,min(1120px,94vw);font-family:Libre Baskerville,Georgia,serif}body:before{position:fixed;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(156,116,64,.18);pointer-events:none;content:""}body.modal-open{overflow:hidden}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:var(--page-width);margin:0 auto;padding:48px 0 80px}.hero{max-width:760px;margin:0 auto 72px;padding:52px 40px;text-align:center;border:1px solid rgba(156,116,64,.14);background:#fff8ee99;box-shadow:0 18px 40px #4a321a14}.hero-kicker,.manifest-kicker,.section-count,.event-card-date,.modal-date,.timeline-year,.timeline-image-fallback-label{font-family:Cinzel,Times New Roman,serif;letter-spacing:.12em;text-transform:uppercase}.hero-kicker,.manifest-kicker{margin:0 0 12px;color:var(--accent-dark);font-size:.84rem}.hero h1{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(2.8rem,6vw,5.3rem);line-height:1.03;letter-spacing:.02em}.hero-subtitle{max-width:540px;margin:18px auto 0;font-size:1rem;line-height:1.7}.timeline-shell{position:relative;padding:12px 0 20px}.timeline-spine{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%)}.timeline-spine-track,.timeline-spine-fill{position:absolute;left:0;width:100%;border-radius:999px}.timeline-spine-track{top:0;bottom:0;background:#9c744038}.timeline-spine-fill{top:0;bottom:0;background:var(--accent);transform-origin:top center}.section-block{position:relative;padding:44px 0 28px;scroll-margin-top:48px}.section-header{display:flex;align-items:center;gap:14px;width:fit-content;margin:0 auto 26px;padding:12px 18px;border:1px solid rgba(156,116,64,.16);background:#fff8eec7;box-shadow:0 14px 24px #4a321a14}.section-count{color:var(--accent-dark);font-size:.8rem}.section-header h2,.image-manifest-card h2{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.45rem,3vw,2.15rem)}.section-events{display:grid;gap:26px}.event-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 156px minmax(0,1fr);align-items:center;gap:24px;min-height:250px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.hero.js-reveal,.section-header.js-reveal,.image-manifest.js-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.is-visible{opacity:1;transform:translateY(0)}.event-row--reverse .event-copy-column{order:3}.event-row--reverse .timeline-column{order:2}.event-row--reverse .event-image-column{order:1}.event-card{padding:24px;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:0 14px 30px var(--shadow);transition:box-shadow .18s ease}.event-card:hover{box-shadow:0 18px 34px var(--shadow-strong)}.event-card-date{margin:0 0 10px;color:var(--accent-dark);font-size:.8rem}.event-card h3,.modal-copy h3{margin:0 0 10px;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.5rem,2.7vw,2rem);line-height:1.1}.event-card p:last-child,.modal-copy p{margin:0;line-height:1.85;white-space:pre-line}.timeline-column{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1}.timeline-node{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:2px solid var(--accent);border-radius:999px;background:var(--parchment);box-shadow:0 0 0 8px #f5e9d8eb}.timeline-node-inner{width:9px;height:9px;border-radius:999px;background:var(--accent)}.timeline-year{color:var(--accent-dark);font-size:.84rem;text-align:center}.timeline-image-button{width:100%;padding:0;border:0;background:transparent;cursor:pointer}.timeline-image,.timeline-image-fallback{aspect-ratio:1 / 1;width:100%;border:1px solid rgba(156,116,64,.56);box-shadow:0 14px 28px var(--shadow);transition:transform .22s ease,box-shadow .22s ease}.timeline-image{object-fit:cover}.timeline-image-button:hover .timeline-image,.timeline-image-button:hover .timeline-image-fallback{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 36px var(--shadow-strong)}.timeline-image-fallback,.modal-image-fallback{display:grid;place-items:center;padding:22px;background:var(--card);text-align:center}.timeline-image-fallback strong,.modal-image-fallback strong{display:block;margin-top:10px;font-size:.95rem;line-height:1.5;word-break:break-word}.timeline-image-fallback-label{color:var(--accent-dark);font-size:.72rem}.page-progress{position:fixed;top:64px;right:24px;width:2px;height:calc(100vh - 128px);background:#9c744029;z-index:20}.page-progress span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:top center}.side-nav{position:fixed;top:50%;right:44px;z-index:21;display:grid;gap:10px;transform:translateY(-50%)}.side-nav a{width:fit-content;margin-left:auto;padding:8px 12px;border:1px solid rgba(156,116,64,.18);background:#fff8eed6;color:#2b2b2bcc;text-decoration:none;font-size:.84rem;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.side-nav a:hover,.side-nav a.is-active{color:var(--text);border-color:#9c74406b;background:#fff8eefa;transform:translate(-4px)}.image-manifest{margin-top:44px}.image-manifest-card{padding:28px;border:1px solid var(--border);background:#fff8eebd;box-shadow:0 16px 30px #4a321a14}.image-manifest-card ul{margin:20px 0 0;padding:0;list-style:none}.image-manifest-card li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:12px 0;border-top:1px solid rgba(156,116,64,.12);line-height:1.6}.image-manifest-card code{color:var(--accent-dark);font-size:.86rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#1811099e}.modal-panel{position:relative;display:grid;gap:24px;width:min(800px,100%);max-height:min(90vh,900px);overflow:auto;padding:26px;border:1px solid rgba(156,116,64,.22);background:var(--parchment);box-shadow:0 28px 50px #00000047;animation:modal-in .18s ease-out forwards}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid rgba(156,116,64,.28);border-radius:999px;background:#fff8eed1;color:var(--text);cursor:pointer;font-size:1.1rem}.modal-image-shell{margin-right:36px}.modal-image,.modal-image-fallback{width:100%;aspect-ratio:1 / 1;border:1px solid rgba(156,116,64,.56);object-fit:cover;box-shadow:0 18px 32px #4a321a29}.modal-copy{display:grid;gap:16px}.modal-date{margin:0;color:var(--accent-dark);font-size:.8rem}.modal-summary{font-weight:700}.treaty-articles{display:grid;gap:14px}.treaty-article{padding:16px 18px;border-left:2px solid rgba(156,116,64,.55);background:#fff8eeb8}.treaty-article h4{margin:0 0 8px;font-family:Playfair Display,Georgia,serif;font-size:1.05rem}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 1024px){.app-shell{width:min(100vw - 32px,960px);padding-top:28px}.event-row,.event-row--reverse{grid-template-columns:84px minmax(0,1fr);gap:18px}.event-row .event-copy-column,.event-row .event-image-column,.event-row--reverse .event-copy-column,.event-row--reverse .event-image-column{order:initial}.event-row .timeline-column,.event-row--reverse .timeline-column{order:initial;grid-row:1 / span 2}.event-copy-column,.event-image-column{grid-column:2}.timeline-spine{left:41px;transform:none}.section-header{margin-left:84px;margin-right:0}.side-nav{right:18px}.page-progress{right:10px}}@media (max-width: 720px){body:before{top:10px;right:10px;bottom:10px;left:10px}.app-shell{width:min(100vw - 20px,680px);padding-bottom:64px}.hero{padding:38px 24px;margin-bottom:56px}.section-header{margin-left:72px}.side-nav{top:auto;bottom:20px;right:18px;transform:none;gap:8px}.side-nav a{font-size:.78rem;padding:7px 10px}.page-progress{top:18px;height:calc(100vh - 36px)}.image-manifest-card li{grid-template-columns:1fr;gap:6px}.modal-panel{padding:18px}.modal-image-shell{margin-right:28px}}