*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#17342d;background:#fbf7ef;line-height:1.6}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,92%);margin:auto}.top{background:#102b25;color:#fff;padding:8px 0;font-size:13px}.header{position:sticky;top:0;z-index:20;background:#fffdf8eF;border-bottom:1px solid #d7e1dc}.nav{height:78px;display:flex;align-items:center;gap:20px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none}.brand img{width:42px;height:48px}.brand b{font:700 20px Georgia}.brand small{display:block;color:#68736f}.links{margin-left:auto;display:flex;gap:18px}.links a{text-decoration:none;font-size:14px;font-weight:700}.menu{display:none;margin-left:auto;background:#17342d;color:#fff;border:0;border-radius:10px;padding:10px 14px}.drawer{display:none;background:#fff;padding:15px 4%}.drawer.open{display:grid;gap:9px}.drawer a{text-decoration:none;padding:8px 0;border-bottom:1px solid #eee}.hero{min-height:620px;background:linear-gradient(90deg,#112f29e8,#112f2966),url('https://commons.wikimedia.org/wiki/Special:Redirect/file/Tugu_Kujang,_the_landmark_of_the_rain_city;_Bogor.jpg') center/cover;color:#fff;display:flex;align-items:end}.hero .in{padding:100px 0 70px}.k{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#f1c76c}h1,h2,h3{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(46px,8vw,92px);max-width:850px;margin:12px 0 18px}.hero p{max-width:720px;font-size:19px}.btn{display:inline-block;text-decoration:none;font-weight:800;padding:13px 18px;border-radius:999px;background:#e3b24d;color:#1f2b27;margin:6px 8px 0 0}.ghost{background:transparent;border:1px solid #ffffff77;color:#fff}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-38px;position:relative;z-index:2}.quick a{background:#fff;padding:22px;border-radius:18px;text-decoration:none;box-shadow:0 10px 30px #00000014}.quick b{display:block;font-size:18px}.quick span{color:#6c7772;font-size:13px}.section{padding:72px 0}.white{background:#fff}.dark{background:#17342d;color:#fff}.section h2{font-size:clamp(34px,5vw,56px);margin:0 0 14px}.lead{font-size:18px;color:#68736f;max-width:760px}.dark .lead{color:#d7e2de}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #d9e1dc;border-radius:22px;overflow:hidden}.card img{width:100%;height:230px;object-fit:cover}.body{padding:20px}.tag{display:inline-block;background:#def0e8;color:#1e6d59;font-size:11px;font-weight:900;border-radius:999px;padding:6px 10px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.split img{border-radius:24px;min-height:410px;object-fit:cover}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{border:1px solid #ffffff33;border-radius:20px;padding:22px}.stat strong{display:block;font:700 36px Georgia;color:#efc56b}.pagehero{padding:72px 0 48px;background:linear-gradient(135deg,#17342d,#28735f);color:#fff}.pagehero h1{font-size:clamp(42px,7vw,72px);margin-bottom:8px}.prose{max-width:820px}.prose h2{font-size:34px;margin-top:38px}.prose p,.prose li{font-size:17px}.note,.source{padding:17px 19px;border-radius:14px;background:#fff5da;margin:22px 0;border-left:4px solid #e0ae48}.source{background:#edf7f2;border-left-color:#28735f}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery figure{margin:0;background:#fff;border:1px solid #d9e1dc;border-radius:18px;overflow:hidden}.gallery img{width:100%;height:250px;object-fit:cover}.gallery figcaption{padding:12px;font-size:13px}.network-head{display:flex;justify-content:space-between;align-items:center}.track{display:flex;gap:14px;overflow-x:auto;padding:10px 0 15px}.net{min-width:245px;padding:18px;background:#fff;border:1px solid #d9e1dc;border-radius:16px;text-decoration:none}.net.current{border:2px solid #28735f;background:#def0e8}.net small{display:block;color:#6c7772}.controls button{border:1px solid #ddd;background:#fff;border-radius:50%;width:40px;height:40px}.footer{background:#0f2923;color:#dce6e2;padding:48px 0 26px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footer a{color:#dce6e2}@media(max-width:900px){.links{display:none}.menu{display:block}.quick,.grid,.stats,.gallery{grid-template-columns:1fr 1fr}.split,.foot{grid-template-columns:1fr}}@media(max-width:600px){.quick,.grid,.stats,.gallery{grid-template-columns:1fr}.hero{min-height:560px}.hero h1{font-size:50px}.section{padding:54px 0}.card img,.gallery img{height:220px}}