/* ============================================================
   SIKEU BUMDes v1.3 - Tema "Loh Jinawi" (halaman publik)
   Dimuat SETELAH landing.css -> menimpa tampilan tanpa mengubah struktur.
   Arah desain: hijau daun jati + emas padi, motif sawah terasering.
   ============================================================ */
:root {
  --pd-950: #0a2a26;
  --pd-900: #0e3a34;
  --pd-700: #145a4a;
  --pd-600: #1b7a63;
  --pd-100: #e2efe9;
  --gold: #e8a921;
  --gold-hi: #f4c04e;
  --gold-ink: #8a5a00;
  --mist: #f3f6f4;
  --line: #dde5e0;
  --ink: #15251f;
  --muted: #587068;
  --font-display: 'Bricolage Grotesque', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  /* variabel lama diarahkan ke palet baru */
  --ld-green-950: var(--pd-950); --ld-green-900: var(--pd-900); --ld-green-700: var(--pd-700);
  --ld-emerald: var(--pd-600); --ld-emerald-soft: var(--gold-hi);
  --ld-ink: var(--ink); --ld-muted: var(--muted); --ld-bg: var(--mist);
  --ld-radius: 14px; --ld-shadow: 0 1px 2px rgba(10,42,38,.06), 0 14px 32px -18px rgba(10,42,38,.25);
}
body.ld { font-family: var(--font-body); background: var(--mist); color: var(--ink); }
.ld h1, .ld h2, .ld h3, .ld .ld-stat-value, .ld .brand-name, .ld-fin-row .val {
  font-family: var(--font-display); letter-spacing: -.015em;
}
.ld :focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; border-radius: 6px; }

/* ---------- Navbar ---------- */
.ld-nav.scrolled { background: rgba(10,42,38,.94); box-shadow: 0 1px 0 rgba(255,255,255,.08); }
.ld-nav .brand-thumb { background: var(--gold); color: var(--pd-950); box-shadow: none; border-radius: 10px; }
.ld-nav .nav-link::after { background: var(--gold); }
@media (max-width: 991.98px) { .ld-nav .navbar-collapse { background: var(--pd-950); } }

/* ---------- Tombol ---------- */
.ld-btn { border-radius: 10px; padding: 13px 24px; font-weight: 700; }
.ld-btn-primary { background: var(--gold); color: #231800; box-shadow: none; }
.ld-btn-primary:hover { background: var(--gold-hi); color: #231800; box-shadow: 0 10px 24px -10px rgba(232,169,33,.8); }
.ld-btn-ghost { background: transparent; border: 1.5px solid rgba(255,255,255,.4); backdrop-filter: none; }
.ld-btn-ghost:hover { background: rgba(255,255,255,.08); }
.ld-btn-dark { background: var(--pd-900); }
.ld-btn-dark:hover { background: var(--pd-700); }

/* ---------- Hero: sawah terasering ---------- */
.ld-hero {
  background: var(--pd-950);
  padding: 130px 0 150px;
  isolation: isolate;
}
.ld-hero::before {
  inset: 0; mask-image: none; -webkit-mask-image: none;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%20640'%20preserveAspectRatio='xMidYMax%20slice'%3E%3Cpath%20d='M-20%20120%20C64%2094%20136%20110%20220%20120%20C304%20146%20376%20130%20460%20120%20C544%2094%20616%20110%20700%20120%20C784%20146%20856%20130%20940%20120%20C1024%2094%201096%20110%201180%20120%20C1264%20146%201336%20130%201420%20120%20C1504%2094%201576%20110%201660%20120'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.14'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20166%20C64%20137%20136%20154%20220%20166%20C304%20195%20376%20178%20460%20166%20C544%20137%20616%20154%20700%20166%20C784%20195%20856%20178%20940%20166%20C1024%20137%201096%20154%201180%20166%20C1264%20195%201336%20178%201420%20166%20C1504%20137%201576%20154%201660%20166'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.14'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20212%20C64%20180%20136%20199%20220%20212%20C304%20244%20376%20225%20460%20212%20C544%20180%20616%20199%20700%20212%20C784%20244%20856%20225%20940%20212%20C1024%20180%201096%20199%201180%20212%20C1264%20244%201336%20225%201420%20212%20C1504%20180%201576%20199%201660%20212'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.14'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20258%20C64%20223%20136%20244%20220%20258%20C304%20293%20376%20272%20460%20258%20C544%20223%20616%20244%20700%20258%20C784%20293%20856%20272%20940%20258%20C1024%20223%201096%20244%201180%20258%20C1264%20293%201336%20272%201420%20258%20C1504%20223%201576%20244%201660%20258'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.14'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20304%20C64%20266%20136%20289%20220%20304%20C304%20342%20376%20319%20460%20304%20C544%20266%20616%20289%20700%20304%20C784%20342%20856%20319%20940%20304%20C1024%20266%201096%20289%201180%20304%20C1264%20342%201336%20319%201420%20304%20C1504%20266%201576%20289%201660%20304'%20fill='none'%20stroke='%23e8a921'%20stroke-opacity='0.38'%20stroke-width='1.6'/%3E%3Cpath%20d='M-20%20350%20C64%20309%20136%20334%20220%20350%20C304%20391%20376%20366%20460%20350%20C544%20309%20616%20334%20700%20350%20C784%20391%20856%20366%20940%20350%20C1024%20309%201096%20334%201180%20350%20C1264%20391%201336%20366%201420%20350%20C1504%20309%201576%20334%201660%20350'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.14'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20396%20C64%20352%20136%20378%20220%20396%20C304%20440%20376%20414%20460%20396%20C544%20352%20616%20378%20700%20396%20C784%20440%20856%20414%20940%20396%20C1024%20352%201096%20378%201180%20396%20C1264%20440%201336%20414%201420%20396%20C1504%20352%201576%20378%201660%20396'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.14'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20442%20C64%20395%20136%20423%20220%20442%20C304%20489%20376%20461%20460%20442%20C544%20395%20616%20423%20700%20442%20C784%20489%20856%20461%20940%20442%20C1024%20395%201096%20423%201180%20442%20C1264%20489%201336%20461%201420%20442%20C1504%20395%201576%20423%201660%20442'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.14'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20488%20C64%20438%20136%20468%20220%20488%20C304%20538%20376%20508%20460%20488%20C544%20438%20616%20468%20700%20488%20C784%20538%20856%20508%20940%20488%20C1024%20438%201096%20468%201180%20488%20C1264%20538%201336%20508%201420%20488%20C1504%20438%201576%20468%201660%20488'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.14'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20534%20C64%20481%20136%20513%20220%20534%20C304%20587%20376%20555%20460%20534%20C544%20481%20616%20513%20700%20534%20C784%20587%20856%20555%20940%20534%20C1024%20481%201096%20513%201180%20534%20C1264%20587%201336%20555%201420%20534%20C1504%20481%201576%20513%201660%20534'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.14'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20580%20C64%20524%20136%20558%20220%20580%20C304%20636%20376%20602%20460%20580%20C544%20524%20616%20558%20700%20580%20C784%20636%20856%20602%20940%20580%20C1024%20524%201096%20558%201180%20580%20C1264%20636%201336%20602%201420%20580%20C1504%20524%201576%20558%201660%20580'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.14'%20stroke-width='1.2'/%3E%3C/svg%3E") center bottom / cover no-repeat;
  opacity: 1;
}
.ld-hero::after {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(100deg, var(--pd-950) 0%, rgba(10,42,38,.55) 55%, rgba(20,90,74,.35) 100%);
}
.ld-blob, .ld-hero-ring { display: none; }
.ld-hero-badge {
  background: none; border: 0; border-left: 3px solid var(--gold); border-radius: 0;
  padding: 2px 0 2px 12px; letter-spacing: 0; backdrop-filter: none;
  color: rgba(255,255,255,.82); font-weight: 600; font-size: .86rem;
}
.ld-hero-badge i { color: var(--gold); }
.ld-hero-title {
  font-family: var(--font-display); font-weight: 700;
  font-size: clamp(2.1rem, 4.6vw, 3.5rem); line-height: 1.08; letter-spacing: -.025em;
  margin: 24px 0 20px;
}
.ld-hero-title .grad {
  display: block; background: none; -webkit-text-fill-color: currentColor; color: #fff;
  animation: none; font-weight: 800;
}
.ld-hero-lead { color: rgba(255,255,255,.8); max-width: 540px; }
.ld-hero-lead b { color: #fff; }
.ld-hero-logo {
  width: 176px; height: 176px; border-radius: 50%;
  background: rgba(255,255,255,.06); border: 2px solid var(--gold);
  box-shadow: 0 0 0 10px rgba(232,169,33,.12), 0 30px 60px -20px rgba(0,0,0,.5);
  color: var(--gold); font-size: 74px; backdrop-filter: none; animation: none; padding: 0;
}
.ld-hero-logo:has(img) { background: #fff; padding: 22px; }
.ld-scroll-hint { animation: none; color: rgba(255,255,255,.5); }

/* ---------- Statistik: satu panel, bukan empat kartu ---------- */
.ld-stats { margin-top: -64px; }
.ld-stats .row {
  --bs-gutter-x: 0; --bs-gutter-y: 0; margin: 0;
  background: #fff; border: 1px solid var(--line); border-radius: 16px;
  overflow: hidden; box-shadow: var(--ld-shadow);
}
.ld-stat-card {
  border: 0; border-radius: 0; box-shadow: none; background: transparent;
  border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);
  margin: 0 -1px -1px 0; padding: 24px 24px 22px; transition: background .2s ease;
  flex-direction: column; align-items: flex-start; gap: 14px;
}
.ld-stat-card:hover { transform: none; box-shadow: none; background: #fafcfb; }
.ld-stat-ico {
  width: 40px; height: 40px; border-radius: 10px; font-size: 19px;
  background: var(--pd-100) !important; color: var(--pd-600);
}
.ld-stat-label { text-transform: none; letter-spacing: 0; font-size: .84rem; font-weight: 600; color: var(--muted); }
.ld-stat-value { font-size: clamp(1.1rem, 1.9vw, 1.6rem); font-weight: 700; font-variant-numeric: tabular-nums; margin: 2px 0; }

/* ---------- Judul section: rata kiri ---------- */
.ld-sec { padding: 88px 0; }
.ld-sec-kicker { display: none; }
.ld-sec-head { text-align: left; margin: 0 0 44px; max-width: 700px; }
.ld-sec-title { font-size: clamp(1.7rem, 3.6vw, 2.5rem); font-weight: 700; margin-top: 0; }
.ld-sec-desc { max-width: 600px; }

/* ---------- Kartu unit ---------- */
.ld-unit-card {
  background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--uc, var(--pd-600));
  border-radius: 12px; box-shadow: none; padding: 26px 24px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.ld-unit-card::before { display: none; }
.ld-unit-card:hover { transform: none; box-shadow: 0 18px 36px -22px rgba(10,42,38,.35); }
.ld-unit-ico {
  width: 48px; height: 48px; border-radius: 12px; font-size: 22px; margin-bottom: 16px;
  background: color-mix(in srgb, var(--uc, #1b7a63) 14%, #fff) !important;
  color: var(--uc, var(--pd-600)); box-shadow: none !important;
}
.ld-unit-card:hover .ld-unit-ico { transform: none; }
.ld-unit-kode { background: transparent !important; color: var(--muted) !important; font-weight: 700; padding: 0; top: 24px; right: 22px; }
.ld-unit-name { font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; }

/* ---------- Ringkasan keuangan ---------- */
.ld-fin { background: #e9f0ec; }
.ld-fin-card { border-radius: 14px; box-shadow: none; border: 1px solid var(--line); }
.ld-fin-row .ico { background: var(--pd-100) !important; color: var(--pd-600); border-radius: 10px; }
.ld-fin-row .val { font-weight: 700; font-variant-numeric: tabular-nums; }
.ld-fin-row { border-bottom: 1px solid var(--line); }

/* ---------- Berita & galeri ---------- */
.ld-news { background: var(--mist); }
.ld-news-card { border-radius: 12px; box-shadow: none; border: 1px solid var(--line); }
.ld-news-card:hover { transform: none; box-shadow: 0 18px 36px -22px rgba(10,42,38,.35); }
.ld-news-img-empty { background: var(--pd-100); color: var(--pd-600); }
.ld-news-badge { background: var(--pd-100); color: var(--pd-700); text-transform: none; letter-spacing: 0; font-size: .76rem; border-radius: 6px; }
.ld-news-badge.pengumuman { background: #fbefcf; color: var(--gold-ink); }
.ld-news-title { font-family: var(--font-display); font-weight: 700; }
.ld-news-more { color: var(--pd-600); }
.ld-gal-item { border-radius: 12px; box-shadow: none; background: var(--pd-100); }
.ld-gal-cap { background: linear-gradient(transparent, rgba(10,42,38,.9)); }
.ld-lightbox { background: rgba(6,24,21,.94); }
.ld-empty { border-radius: 12px; }

/* ---------- Tentang & kontak ---------- */
.ld-info-card { border-radius: 12px; border: 1px solid var(--line); background: #fff; }
.ld-info-card:hover { transform: none; box-shadow: none; border-color: var(--pd-600); }
.ld-info-ico { background: var(--pd-100); color: var(--pd-600); border-radius: 10px; }
.ld-info-card h4 { font-family: var(--font-display); }

/* ---------- CTA & footer ---------- */
.ld-cta {
  border-radius: 18px; box-shadow: none; padding: 52px 44px;
  background: var(--pd-900) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%20640'%20preserveAspectRatio='xMidYMax%20slice'%3E%3Cpath%20d='M-20%20120%20C64%2094%20136%20110%20220%20120%20C304%20146%20376%20130%20460%20120%20C544%2094%20616%20110%20700%20120%20C784%20146%20856%20130%20940%20120%20C1024%2094%201096%20110%201180%20120%20C1264%20146%201336%20130%201420%20120%20C1504%2094%201576%20110%201660%20120'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.08'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20166%20C64%20137%20136%20154%20220%20166%20C304%20195%20376%20178%20460%20166%20C544%20137%20616%20154%20700%20166%20C784%20195%20856%20178%20940%20166%20C1024%20137%201096%20154%201180%20166%20C1264%20195%201336%20178%201420%20166%20C1504%20137%201576%20154%201660%20166'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.08'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20212%20C64%20180%20136%20199%20220%20212%20C304%20244%20376%20225%20460%20212%20C544%20180%20616%20199%20700%20212%20C784%20244%20856%20225%20940%20212%20C1024%20180%201096%20199%201180%20212%20C1264%20244%201336%20225%201420%20212%20C1504%20180%201576%20199%201660%20212'%20fill='none'%20stroke='%23e8a921'%20stroke-opacity='0.38'%20stroke-width='1.6'/%3E%3Cpath%20d='M-20%20258%20C64%20223%20136%20244%20220%20258%20C304%20293%20376%20272%20460%20258%20C544%20223%20616%20244%20700%20258%20C784%20293%20856%20272%20940%20258%20C1024%20223%201096%20244%201180%20258%20C1264%20293%201336%20272%201420%20258%20C1504%20223%201576%20244%201660%20258'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.08'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20304%20C64%20266%20136%20289%20220%20304%20C304%20342%20376%20319%20460%20304%20C544%20266%20616%20289%20700%20304%20C784%20342%20856%20319%20940%20304%20C1024%20266%201096%20289%201180%20304%20C1264%20342%201336%20319%201420%20304%20C1504%20266%201576%20289%201660%20304'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.08'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20350%20C64%20309%20136%20334%20220%20350%20C304%20391%20376%20366%20460%20350%20C544%20309%20616%20334%20700%20350%20C784%20391%20856%20366%20940%20350%20C1024%20309%201096%20334%201180%20350%20C1264%20391%201336%20366%201420%20350%20C1504%20309%201576%20334%201660%20350'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.08'%20stroke-width='1.2'/%3E%3Cpath%20d='M-20%20396%20C64%20352%20136%20378%20220%20396%20C304%20440%20376%20414%20460%20396%20C544%20352%20616%20378%20700%20396%20C784%20440%20856%20414%20940%20396%20C1024%20352%201096%20378%201180%20396%20C1264%20440%201336%20414%201420%20396%20C1504%20352%201576%20378%201660%20396'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.08'%20stroke-width='1.2'/%3E%3C/svg%3E") center bottom / cover no-repeat;
}
.ld-cta::after { display: none; }
.ld-cta h3 { font-weight: 700; }
.ld-footer { background: var(--pd-950); }
.ld-footer a:hover { color: var(--gold-hi); }

/* ---------- Detail berita ---------- */
.bd-title { font-family: var(--font-display); font-weight: 700; }

/* ---------- Gerak: hanya satu momen (hero), sisanya tenang ---------- */
[data-reveal] { transform: translateY(14px); transition-duration: .5s; }
[data-reveal="left"], [data-reveal="right"] { transform: translateY(14px); }
@media (max-width: 991.98px) {
  .ld-hero { text-align: left; padding: 120px 0 110px; }
  .ld-hero-lead { margin-left: 0; }
  .ld-hero-cta { justify-content: flex-start; }
  .ld-hero-art { display: none; }
  .ld-stats { margin-top: -40px; }
  .ld-sec { padding: 60px 0; }
}
@media (max-width: 575.98px) {
  .ld-stat-card { padding: 16px 14px; gap: 10px; }
  .ld-stat-ico { width: 34px; height: 34px; font-size: 16px; }
  .ld-stat-value { font-size: 1.05rem; }
  .ld-cta { padding: 36px 22px; }
}