:root{--green:#126c57;--deep:#103f36;--mint:#e7f5ee;--ink:#142c29;--muted:#62736f;--line:#dfe8e2;--surface:#fff;--bg:#f8fbf8;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;top:-100px;left:1rem;background:#fff;padding:.7rem;z-index:10}.skip:focus{top:1rem}.site-header{position:relative;z-index:5;background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.8rem}.brand span:last-child{display:grid;line-height:1.25}.brand small{font-size:.72rem;color:var(--muted)}.brand strong{font-size:1.05rem}.brand-logo,.brand-symbol{width:46px;height:46px;object-fit:contain}.brand-symbol{display:grid;place-items:center;border-radius:13px;background:var(--green);color:#fff;font-weight:800;font-size:1.4rem}.nav{display:flex;align-items:center;gap:1.6rem;font-size:.91rem;font-weight:650}.nav a:hover,.section-heading a:hover{color:var(--green)}.menu-toggle{display:none;background:none;border:0;font-size:1.65rem}.hero{background:linear-gradient(115deg,#e3f5eb,#f5f9ee);overflow:hidden}.hero-grid{min-height:460px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.11;letter-spacing:-.045em;margin:.9rem 0 1.3rem}h1 em{font-style:normal;color:var(--green)}h2{font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.035em;margin:.4rem 0}h3{font-size:1.6rem;line-height:1.2}.hero p,.feature p{color:var(--muted);max-width:520px}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.78rem 1.25rem;border-radius:11px;font-weight:700}.primary{background:var(--green);color:#fff}.ghost{border:1px solid var(--green);color:var(--deep)}.hero-art{height:330px;position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(#b6dacf,#e9f2e0)}.sun{position:absolute;width:95px;height:95px;border-radius:50%;background:#ffdb89;right:20%;top:16%}.hill{position:absolute;bottom:-80px;border-radius:50%;width:115%;height:220px;background:#79b49a}.hill.one{left:-35%}.hill.two{right:-45%;bottom:-105px;background:#2e8066}.house{position:absolute;bottom:32px;left:42%;font-size:12rem;line-height:1;color:#fdfaf0;text-shadow:8px 8px #185641}.utility{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:-28px;position:relative}.utility-card{background:var(--surface);padding:1.2rem 1.4rem;box-shadow:0 12px 30px #143b2310;border:1px solid var(--line);border-radius:var(--radius);display:grid}.utility-card span{font-size:.8rem;color:var(--muted)}.utility-card strong{font-size:1.18rem;margin:.2rem 0}.utility-card small{color:var(--muted)}.section{padding-block:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-heading a{font-size:.9rem;font-weight:700;color:var(--green)}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.services a{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;min-height:145px;font-weight:750;display:grid;align-content:space-between}.services span{font-size:2rem;color:var(--green)}.services a:hover{border-color:var(--green)}.section-tint{background:#edf6ef}.staff-layout{display:grid;grid-template-columns:1fr 4fr;gap:1rem}.staff-right{min-width:0;overflow:hidden}.staff-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.staff-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.portrait{aspect-ratio:3/4;background:linear-gradient(145deg,#b4d8c6,#71ab90);position:relative}.portrait:after{content:'Foto perangkat';position:absolute;bottom:1rem;left:1rem;color:#183d32;font-size:.78rem}.portrait-chief{background:linear-gradient(145deg,#a4c7b6,#42876d)}.staff-caption{padding:1rem;display:grid}.staff-caption small,.note{color:var(--muted)}.note{font-size:.82rem;margin:1rem 0 0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem}.feature-visual{border-radius:14px;min-height:260px;background:linear-gradient(140deg,#0b624e,#239476);display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:2.5rem;font-weight:900;color:#fff;letter-spacing:.07em}.feature-visual span{font-size:.85rem;font-weight:400;letter-spacing:0}.page-heading{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2rem;margin-bottom:1rem}.page-heading h1{font-size:2.5rem}.page-heading p{color:var(--muted)}.footer{background:#103c33;color:#fff;padding:3rem 0 1.4rem}.footer-inner{display:flex;justify-content:space-between;gap:2rem}.footer p,.fine{color:#bfd5cc}.footer-inner>div:last-child{display:flex;gap:1.4rem}.fine{border-top:1px solid #ffffff2d;margin-top:2rem;padding-top:1.2rem;font-size:.82rem}@media(max-width:850px){.header-inner{min-height:70px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:1rem 20px;box-shadow:0 12px 20px #1237;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero-grid{grid-template-columns:1fr;padding-block:3rem;gap:1rem}.hero-art{height:200px}.utility{margin-top:1rem}.staff-layout{grid-template-columns:minmax(145px,1fr) minmax(0,2fr)}.staff-track{display:flex;overflow:auto;scroll-snap-type:x mandatory}.staff-track .staff-card{min-width:calc(50% - .5rem);scroll-snap-align:start}.services{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{width:min(100% - 30px,1200px)}.brand strong{font-size:.92rem}.hero-grid{padding-block:2.5rem}.hero-art{height:165px}.utility{grid-template-columns:1fr;gap:.6rem}.utility-card{padding:1rem}.section{padding-block:45px}.services a{min-height:120px;padding:1rem}.staff-layout{grid-template-columns:36% minmax(0,64%);gap:.5rem}.staff-track .staff-card{min-width:calc(100% - .5rem)}.staff-caption{padding:.6rem;font-size:.78rem}.staff-caption small{font-size:.7rem}.section-heading{align-items:center}.section-heading a{white-space:nowrap}.feature{grid-template-columns:1fr}.feature-visual{min-height:170px}.footer-inner{display:block}.footer-inner>div:last-child{margin-top:1.5rem;flex-wrap:wrap}}

/* OpenSID dynamic content and staff carousel */
.staff-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.staff-track::-webkit-scrollbar{display:none}.staff-track>.staff-card{flex:0 0 calc((100% - 3rem)/4);min-width:0;scroll-snap-align:start}.staff-card img.portrait{display:block;width:100%;height:auto;object-fit:cover}.staff-card img.portrait:after{content:none}.carousel-controls{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.carousel-controls button{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--green);padding:.35rem .8rem;cursor:pointer}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.news-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.news-image{display:grid;place-items:center;aspect-ratio:16/10;background:var(--green);color:#fff;font-weight:800}.news-image img{width:100%;height:100%;object-fit:cover}.news-text{padding:1.2rem}.news-text h3{font-size:1.15rem}.news-text p{color:var(--muted);font-size:.9rem}.news-text>a{font-size:.88rem;color:var(--green);font-weight:750}.empty{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;color:var(--muted)}@media(max-width:850px){.staff-track>.staff-card{flex-basis:calc((100% - 1rem)/2)}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.staff-track>.staff-card{flex-basis:calc(100% - .5rem)}.news-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.prayer-strip{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding:1rem 1.2rem;margin-top:.7rem;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--deep);font-weight:700;font-size:.85rem}.prayer-strip[hidden]{display:none}.utility-card small a{text-decoration:underline}

.utility-card:has(#prayer-next) strong{color:var(--green)}@media(max-width:600px){.prayer-strip{justify-content:flex-start;gap:.6rem 1.1rem}}

/* Prayer cards: location and five times */
.prayer-strip{display:grid;grid-template-columns:minmax(280px,1.9fr) repeat(5,minmax(0,1fr));gap:.7rem;background:transparent;border:0;padding:0;margin-top:.75rem;align-items:stretch}.prayer-location,.prayer-slot{min-height:88px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px #143b2309}.prayer-location{display:flex;flex-direction:column;justify-content:center;padding:1rem 1.2rem;background:#e6f4eb;border-color:#c9e5d4}.prayer-location strong{font-size:.96rem;line-height:1.3;color:var(--deep)}.prayer-location span{color:var(--muted);font-size:.82rem;font-weight:500;margin-top:.3rem}.prayer-slot{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem .55rem}.mosque-icon{width:30px;height:30px;flex:none;color:var(--green)}.prayer-slot-text{display:flex;flex-direction:column;line-height:1.3;min-width:0}.prayer-label{font-size:.78rem;color:var(--muted);font-weight:600}.prayer-time{font-size:1rem;color:var(--ink)}.prayer-slot.is-next{border-color:var(--green);box-shadow:0 0 0 2px #126c571f}.prayer-slot.is-next .prayer-time{color:var(--green)}@media(max-width:1050px){.prayer-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.prayer-location{grid-column:1/-1}}@media(max-width:600px){.prayer-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.prayer-location{grid-column:1/-1}.prayer-slot{justify-content:flex-start;padding:.8rem}.prayer-slot:last-child{grid-column:1/-1}}

/* Population statistics */
.numbers-section{padding-top:56px}.number-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.number-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem 1.5rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 8px 20px #143b2309}.number-card strong{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.2;letter-spacing:-.04em;color:var(--deep)}.number-card>span:last-child{font-size:.9rem;color:var(--muted)}.number-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--mint);color:var(--green);font-size:1.4rem;font-weight:750;margin-bottom:.3rem}.numbers-note{color:var(--muted);font-size:.78rem;margin:1rem 0 0}@media(max-width:850px){.number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.number-grid{gap:.65rem}.number-card{padding:1.1rem}.number-card strong{font-size:1.8rem}}

/* OpenSID budget cards */
.budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.budget-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;min-width:0}.budget-card h3{font-size:1.12rem;margin:0 0 1.2rem;color:var(--deep)}.budget-row+.budget-row{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}.budget-label,.budget-values{display:flex;justify-content:space-between;gap:.8rem}.budget-label{font-size:.88rem}.budget-label span{color:var(--green);font-weight:750}.budget-track{height:8px;background:#e6f0e9;border-radius:10px;overflow:hidden;margin:.55rem 0}.budget-track span{display:block;height:100%;background:var(--green);border-radius:10px}.budget-values{font-size:.72rem;color:var(--muted);flex-wrap:wrap}.budget-values span{white-space:nowrap}.empty p{margin:.35rem 0 0}@media(max-width:850px){.budget-grid{grid-template-columns:1fr}}

/* Public development projects */
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-grid>.empty{grid-column:1/-1}.project-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.project-photo{width:100%;height:185px;object-fit:cover;display:block;background:#dcece3}.project-no-photo:before{content:'Pembangunan Desa';display:grid;place-items:center;height:185px;color:var(--deep);background:linear-gradient(135deg,#d6ebe0,#a7d5be);font-weight:800}.project-body{padding:1.2rem}.project-year{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}.project-body h3{font-size:1.2rem;margin:.55rem 0;line-height:1.3}.project-body p{font-size:.9rem;color:var(--muted)}.project-body a{color:var(--green);font-size:.88rem;font-weight:750}@media(max-width:850px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.project-grid{grid-template-columns:1fr}}