/* Desa Gunung Bungsu — static government-information portal */
:root{--ink:#12251d;--muted:#607067;--paper:#f7f8f3;--card:#fff;--green:#0c5b45;--green2:#14765a;--lime:#cfe6a9;--gold:#d6a838;--line:#dce4dc;--shadow:0 18px 50px rgba(15,65,48,.12);--radius:24px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}img{max-width:100%;display:block}a{color:inherit}.skip{position:fixed;left:1rem;top:-100px;background:#fff;padding:.75rem 1rem;z-index:999;border-radius:10px}.skip:focus{top:1rem}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.topbar{background:#073f31;color:#dff3e7;font-size:.86rem}.topbar .wrap{display:flex;justify-content:space-between;gap:1rem;padding:8px 0}.topbar a{text-decoration:none;color:#fff}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,248,243,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(12,91,69,.1)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:245px}.brand-mark{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid rgba(12,91,69,.14);padding:5px;box-shadow:0 8px 20px rgba(12,91,69,.14);overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.brand strong{display:block;font-size:1.08rem;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:.75rem}.navlinks{display:flex;align-items:center;gap:4px}.navlinks a{padding:10px 12px;border-radius:12px;text-decoration:none;font-size:.92rem;font-weight:650}.navlinks a:hover,.navlinks a.active{background:#e8f1eb;color:var(--green)}.menu-btn{display:none;border:0;background:#e8f1eb;color:var(--green);border-radius:12px;padding:10px 12px;font-weight:800}.hero{min-height:620px;position:relative;overflow:hidden;background:#173c30}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.95) contrast(1.04)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,39,29,.93) 0%,rgba(5,47,35,.78) 43%,rgba(5,45,34,.3) 75%,rgba(5,40,30,.15) 100%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--paper))}.hero-inner{position:relative;z-index:2;min-height:620px;display:grid;grid-template-columns:minmax(0,680px) 1fr;align-items:center;padding:90px 0 120px}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.23);color:#f0fff7;padding:7px 12px;border-radius:999px;font-size:.82rem;font-weight:750;letter-spacing:.03em}.dot{width:8px;height:8px;border-radius:50%;background:#a9e76b;box-shadow:0 0 0 5px rgba(169,231,107,.15)}h1,h2,h3{line-height:1.15;margin:0 0 .55em}h1{font-size:clamp(2.65rem,6vw,5rem);letter-spacing:-.045em}.hero h1{color:#fff;max-width:750px}.hero p{color:#d9e9e1;font-size:1.12rem;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:14px;padding:12px 16px;text-decoration:none;font-weight:800;border:1px solid transparent}.btn.primary{background:#fff;color:var(--green)}.btn.ghost{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}.data-strip{position:relative;z-index:5;margin-top:-82px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:rgba(255,255,255,.96);border:1px solid rgba(12,91,69,.1);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.stat b{display:block;color:var(--green);font-size:1.8rem;line-height:1.1}.stat span{display:block;color:var(--muted);font-size:.88rem;margin-top:5px}.section{padding:84px 0}.section.soft{background:#edf3ee}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}.section-head .copy{max-width:700px}.kicker{color:var(--green2);text-transform:uppercase;font-weight:850;letter-spacing:.12em;font-size:.76rem}.section h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.035em}.lead{color:var(--muted);font-size:1.04rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 30px rgba(18,37,29,.05)}.card h3{font-size:1.2rem}.icon{width:44px;height:44px;border-radius:14px;background:#e5f1e9;display:grid;place-items:center;color:var(--green);font-weight:900;margin-bottom:16px}.card p{color:var(--muted);margin-bottom:0}.link{color:var(--green);font-weight:800;text-decoration:none}.link:hover{text-decoration:underline}.feature{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.photo{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);position:relative}.photo img{width:100%;height:440px;object-fit:cover}.photo-note{position:absolute;left:18px;bottom:18px;background:rgba(7,63,49,.88);color:white;padding:10px 13px;border-radius:12px;font-size:.8rem;max-width:85%;backdrop-filter:blur(8px)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.fact{border-left:3px solid var(--gold);padding:10px 0 10px 14px}.fact b{display:block}.fact span{color:var(--muted);font-size:.9rem}.news-card{padding:0;overflow:hidden}.news-top{height:10px;background:linear-gradient(90deg,var(--green),var(--gold))}.news-body{padding:24px}.tag{display:inline-block;background:#edf4ef;color:var(--green);padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800}.news-date{font-size:.8rem;color:var(--muted);margin-top:12px}.notice{border-radius:22px;padding:24px;background:#fff8df;border:1px solid #efdda1;color:#5d4c17}.notice strong{display:block;margin-bottom:4px}.page-hero{padding:72px 0 58px;background:linear-gradient(150deg,#0c5b45,#123d31);color:#fff}.page-hero .crumb{font-size:.82rem;color:#cbe2d5;margin-bottom:16px}.page-hero h1{font-size:clamp(2.4rem,5vw,4rem)}.page-hero p{color:#dbe9e1;max-width:720px}.content{padding:64px 0}.prose{max-width:800px}.prose h2{font-size:2rem;margin-top:1.7em}.prose h3{margin-top:1.5em}.prose p,.prose li{color:#44544b}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}th{background:#edf4ef;color:#21483a;font-size:.83rem;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.person{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.avatar{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dcebdd,#f8efd0);font-weight:900;color:var(--green)}.person b{display:block;line-height:1.2}.person span{color:var(--muted);font-size:.82rem}.steps{counter-reset:step;display:grid;gap:14px}.step{counter-increment:step;background:white;border:1px solid var(--line);border-radius:18px;padding:20px 20px 20px 70px;position:relative}.step:before{content:counter(step);position:absolute;left:18px;top:18px;width:36px;height:36px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900}.source-list{display:grid;gap:10px}.source-item{display:flex;gap:12px;align-items:start;background:white;border:1px solid var(--line);border-radius:15px;padding:14px}.source-item .badge{font-size:.72rem;font-weight:900;color:var(--green);background:#e7f2ea;border-radius:8px;padding:4px 7px;white-space:nowrap}.source-item a{color:var(--green);font-weight:750;word-break:break-word}.related{background:#082f25;color:#fff;padding:54px 0 34px;overflow:hidden}.related-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.related p{color:#b8d3c7;margin:0}.related-slider-shell{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:12px;align-items:center}.marquee{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.marquee::-webkit-scrollbar{display:none}.track{display:flex;width:max-content;gap:12px;padding:4px 4px 14px}.slider-btn{width:48px;height:48px;border-radius:16px;border:1px solid #2c6958;background:#0f493a;color:#fff;font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s ease;box-shadow:0 8px 22px rgba(0,0,0,.15)}.slider-btn:hover,.slider-btn:focus-visible{background:#17604d;transform:translateY(-1px);outline:2px solid #eac95c;outline-offset:2px}.village-chip{display:flex;align-items:center;gap:10px;background:#0e4638;border:1px solid #1a5d4c;color:#fff;text-decoration:none;border-radius:16px;padding:11px 14px;min-width:230px;scroll-snap-align:start}.village-chip:hover{background:#145643}.village-chip b{font-size:.9rem;white-space:nowrap}.village-chip small{display:block;color:#9fc5b5;font-size:.72rem}.village-chip em{display:block;color:#79aa98;font-size:.66rem;font-style:normal;margin-top:2px;white-space:nowrap}.pin{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#154e40;color:#eac95c;flex:0 0 30px}footer{background:#06251e;color:#c7ddd3;padding:44px 0 26px}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:35px}.footer-title{color:#fff;font-weight:900;margin-bottom:12px}.footer-links{display:grid;gap:8px}.footer-links a{color:#c7ddd3;text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #17463a;margin-top:32px;padding-top:18px;font-size:.8rem;color:#92b1a4;display:flex;justify-content:space-between;gap:16px}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.on{opacity:1;transform:none}
@media(max-width:900px){.navlinks{position:fixed;inset:76px 16px auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:12px;display:none;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu-btn{display:block}.hero-inner{grid-template-columns:1fr;min-height:580px}.stats{grid-template-columns:repeat(2,1fr)}.grid-3,.people{grid-template-columns:1fr 1fr}.feature,.grid-2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.topbar .wrap{display:block;padding:7px 0}.topbar .right{display:none}.brand small{display:none}.brand{min-width:0}.nav{height:68px}.navlinks{inset:70px 12px auto}.hero,.hero-inner{min-height:630px}.hero-inner{padding-top:70px}.hero:before{background:linear-gradient(180deg,rgba(4,39,29,.91),rgba(4,39,29,.70))}h1{font-size:2.8rem}.data-strip{margin-top:-60px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:15px}.stat b{font-size:1.42rem}.section{padding:64px 0}.section-head{display:block}.grid-3,.people{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.photo img{height:300px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.related{padding-top:42px}.related-head{display:block}.related-slider-shell{grid-template-columns:42px minmax(0,1fr) 42px;gap:7px}.slider-btn{width:40px;height:40px;border-radius:13px;font-size:1.65rem}.village-chip{min-width:205px}.page-hero{padding:55px 0 44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.track{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Gunung Bungsu: official-media refinements */
.brand-mark img{object-fit:contain;background:#fff}
.hero-media-credit{position:absolute;right:18px;bottom:28px;z-index:3;background:rgba(4,39,29,.72);color:#e9f7ef;padding:7px 10px;border-radius:10px;font-size:.72rem;backdrop-filter:blur(8px)}
.hero-media-credit a{color:#fff;text-decoration:none}
.source-note{font-size:.82rem;color:var(--muted);margin-top:10px}
.source-note a{color:var(--green);font-weight:700}
.person-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid rgba(12,91,69,.12);border-radius:18px;background:#fff}
.person-emblem{width:72px;height:72px;border-radius:16px;background:#f4f7f3;display:grid;place-items:center;padding:8px;border:1px solid rgba(12,91,69,.12);flex:0 0 auto}
.person-emblem img{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.hero-media-credit{right:12px;bottom:18px;max-width:70%;font-size:.66rem}.person-card{align-items:flex-start}}