*{box-sizing:border-box}body{margin:0;background:#f2eadb;color:#18332e;font-family:Georgia,"Times New Roman",serif;line-height:1.65}a{color:inherit}.site-header{background:linear-gradient(100deg,#082c23,#27543f,#0a3026);color:#fff7e6;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,5vw,70px);gap:15px;flex-wrap:wrap}.site-header a{text-decoration:none}.brand{font-size:clamp(23px,3vw,34px);font-weight:bold}.back{font-size:14px}main{max-width:1100px;margin:0 auto;padding:20px clamp(16px,4vw,45px) 70px}h1{font-size:clamp(34px,5vw,58px);line-height:1.13;margin:12px 0;color:#143c32}h2{font-size:clamp(24px,3vw,36px);line-height:1.2;margin:12px 0 20px}h3{font-size:23px;margin:5px 0 8px}.eyebrow,.kicker,.erts-kicker{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#a06d32}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:center;padding:35px 0 45px}.lead{font-size:19px}.period{color:#956a3b;font-weight:bold}.hero-art{position:relative;min-height:260px;background:linear-gradient(135deg,#2f5042,#a58358);padding:40px 30px;margin:0;color:white;display:flex;align-items:center;justify-content:center}.stamp{position:absolute;top:18px;left:22px;border:2px dotted #eee4cd;padding:4px 9px;font-size:12px;letter-spacing:.1em}.postcard{padding:30px 18px;border:1px solid #e8d5a8;text-align:center;transform:rotate(-3deg)}.postcard span,.postcard strong,.postcard small{display:block}.postcard strong{font-size:25px}.paper{background:#faf6eb;padding:clamp(20px,4vw,42px);margin:26px 0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeline article{padding:20px;background:#e2d9c5}.timeline article span{color:#946833;font-weight:bold}.timeline h3{font-size:20px}.journey{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.route{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;background:#e8dfcc;padding:25px}.route small{width:100%;text-align:center}.offices{margin-top:40px}.heading{max-width:760px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.card{background:#faf6eb;min-width:0;overflow:hidden}.card.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.visual{margin:0;min-height:240px;background:linear-gradient(125deg,#385a4e,#a57b52);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;gap:10px}.visual span{font:11px Arial,sans-serif;letter-spacing:.2em}.visual strong{font-size:36px}.visual small{font-size:14px}.visual.photo{display:block;background:#f7f0e3;padding:0;min-height:0}.visual.photo img{width:100%;height:auto;display:block;object-fit:contain}.visual.photo figcaption{color:#5d604f;font:12px/1.5 Arial,sans-serif;padding:7px 10px 12px}.copy{padding:24px 28px 32px}.copy b{color:#a06d32;font:700 12px Arial,sans-serif;letter-spacing:.2em}.copy p{margin-bottom:0}.mangar{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.marks{display:flex;justify-content:center;align-items:center;gap:14px}.marks div{border:2px dashed #b78c55;border-radius:50%;padding:24px 10px;text-align:center}.war{margin:36px 0;padding:35px;background:#23483b;color:#f8efdf}.war h2{color:white}.years{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:22px}.note{background:#eee5d3;padding:15px}.small{font-size:13px}.erts-panel{border-top:2px solid #a47c4d;padding:25px 0}.erts-links a{color:#17634e}footer{background:#0d3026;color:#f7eedd;padding:20px 5vw;display:flex;justify-content:space-between;gap:20px}@media(max-width:750px){.hero,.journey,.mangar{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.card.wide{grid-column:span 1;display:block}.visual{min-height:180px}}@media(max-width:430px){.timeline{grid-template-columns:1fr}.copy{padding:18px}.hero-art{min-height:200px}}
/* Manggar photograph: 70% of previous displayed width */
.visual.photo.manggar img{width:70%;max-width:100%;height:auto;margin:0 auto;}