/* UMANIS v2.8.2 — extracted homepage styles for browser caching */
.u-pemerintahan .u-grid2{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:1.25rem;align-items:stretch}
        .u-pemerintahan .u-kepala-box,.u-pemerintahan .u-aparat-box{display:flex;flex-direction:column;background:#fff;border:1px solid #e5ebe8;border-radius:1.25rem;overflow:hidden;box-shadow:0 16px 38px -30px rgba(7,61,36,.38)}
        .u-pemerintahan .u-kepala-top{display:flex;align-items:center;gap:.85rem;padding:1rem 1.25rem;background:linear-gradient(110deg,#073d24,#0d5c36);color:#fff;min-height:6.25rem}
        .u-pemerintahan .u-icon{width:3rem;height:3rem;flex:0 0 3rem;border-radius:50%;display:grid;place-items:center;background:#0d5c36;color:#fff;font-size:1.15rem}
        .u-pemerintahan .u-icon.gold{background:#e2ad12}
        .u-pemerintahan .u-kepala-top h2,.u-pemerintahan .u-aparat-top h2{margin:0;font-size:1.28rem;font-weight:800}
        .u-pemerintahan .u-kepala-top span,.u-pemerintahan .u-aparat-top span{display:block;margin-top:.15rem;font-size:.88rem}
        .u-pemerintahan .u-quote{margin-left:auto;text-align:right;font-style:italic;font-size:.98rem;line-height:1.35;position:relative;padding-bottom:.3rem}
        .u-pemerintahan .u-quote:after{content:"";position:absolute;right:0;bottom:0;width:3.9rem;height:3px;border-radius:9px;background:#e2ad12}
        .u-pemerintahan .u-kepala-body{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:1rem;padding:1.15rem}
        .u-pemerintahan .u-kepala-body>img{width:100%;height:20rem;object-fit:cover;object-position:top;border:2px solid #e2ad12;border-radius:1rem}
        .u-pemerintahan .u-copy{align-self:center}
        .u-pemerintahan .u-copy .u-kicker{margin:0 0 .3rem}
        .u-pemerintahan .u-copy h3{margin:0;font-size:1.5rem;font-weight:800;text-transform:uppercase}
        .u-pemerintahan .u-copy .u-jabatan{display:block;margin:.15rem 0 .9rem;color:#d29f12;font-weight:800}
        .u-pemerintahan .u-copy .u-sambutan-text{margin:0 0 .8rem;color:#596761;line-height:1.5}
        .u-pemerintahan .u-copy .u-btn{display:inline-flex;align-items:center;gap:.8rem;margin:0}
        .u-pemerintahan .u-aparat-top{display:flex;align-items:center;gap:.8rem;padding:1.15rem 1.25rem;color:#173b2a;min-height:6.25rem}
        .u-pemerintahan .u-aparat-top h2{color:#0d5c36}
        .u-pemerintahan .u-aparat-top span{color:#52645b}
        .u-pemerintahan .u-aparat-all{margin-left:auto;white-space:nowrap;padding:.7rem 1rem;border:1px solid #e5ebe8;border-radius:999px;color:#0d5c36;font-size:.75rem;font-weight:700;text-decoration:none;box-shadow:0 8px 22px -18px rgba(7,61,36,.5)}
        .u-pemerintahan .u-aparat-slide{margin:0 1rem 1.1rem;padding:.8rem;background:#fff;border:1px solid #e5ebe8;border-radius:1rem;min-height:0;flex:1;display:flex;align-items:stretch;overflow:hidden}
        .u-pemerintahan .u-aparat-track{display:flex;gap:.8rem;will-change:transform;width:100%;align-items:stretch;overflow:visible}
        .u-pemerintahan .u-aparat-slide .u-aparat{flex:0 0 calc((100% - .8rem)/2);height:100%;min-width:0;background:#fff;border:2px solid #e2ad12;border-radius:1rem;overflow:hidden;text-align:center;display:flex;flex-direction:column;box-shadow:0 8px 20px -16px rgba(7,61,36,.5)}
        .u-pemerintahan .u-aparat-slide .u-aparat img{display:block;width:100%;aspect-ratio:1/1;height:auto;min-height:0;object-fit:cover;object-position:center top;flex:0 0 auto;background:#0d5c36;border-bottom:5px solid #0d5c36}
        .u-pemerintahan .u-aparat-slide .u-aparat p{margin:.7rem .35rem .12rem;font-size:.78rem;font-weight:800;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0d5c36}
        .u-pemerintahan .u-aparat-slide .u-aparat span{display:block;font-size:.72rem;color:#64716b;padding-bottom:.75rem;margin-top:.08rem}
        @media(max-width:1100px){.u-pemerintahan .u-grid2{grid-template-columns:1fr}.u-pemerintahan .u-kepala-body{grid-template-columns:14rem minmax(0,1fr)}}
        @media(max-width:720px){.u-pemerintahan .u-quote{display:none}.u-pemerintahan .u-kepala-body{grid-template-columns:1fr}.u-pemerintahan .u-kepala-body>img{height:20rem;max-width:15rem}.u-pemerintahan .u-aparat-slide{min-height:17rem}.u-pemerintahan .u-aparat-slide .u-aparat{flex-basis:calc((100% - .8rem)/2)}.u-pemerintahan .u-aparat-slide .u-aparat img{aspect-ratio:1/1;height:auto;min-height:0;flex-basis:auto}}
        @media(max-width:520px){.u-pemerintahan .u-aparat-slide{min-height:16rem}.u-pemerintahan .u-aparat-slide .u-aparat{flex-basis:100%}.u-pemerintahan .u-aparat-slide .u-aparat img{aspect-ratio:1/1;height:auto;min-height:0;flex-basis:auto}}

.u-nilai{position:relative;overflow:hidden;background:#f4f1e6}
        .u-nilai-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% center}
        .u-nilai-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,241,230,.96) 0%,rgba(244,241,230,.72) 34%,rgba(244,241,230,.18) 58%,rgba(244,241,230,0) 78%)}
        .u-nilai-inner{position:relative;z-index:1;display:grid;gap:.8rem;padding:1.45rem 0;align-items:center}
        @media (min-width:1024px){.u-nilai-inner{grid-template-columns:18.5rem minmax(25rem,31rem) minmax(14rem,1fr)}}
        .u-nilai h2{white-space:nowrap;line-height:1;margin:.2rem 0 .4rem;font-size:clamp(1.7rem,2.6vw,2.35rem)}
        .u-nilai-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none;justify-self:start;width:100%;max-width:31rem}
        @media (min-width:480px){.u-nilai-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
        @media (min-width:768px){.u-nilai-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}}
        .u-nilai-list li{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:.95rem;text-align:center;padding:.78rem .25rem .64rem;min-height:6.1rem;box-shadow:0 12px 24px -16px rgba(7,61,36,.4)}
        .u-nilai-list i{font-size:.95rem;margin-bottom:.18rem}
        .u-nilai-list b{font-family:"Plus Jakarta Sans",sans-serif;font-size:1.38rem;line-height:1;font-weight:800}
        .u-nilai-list span{font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:.02em;margin-top:.24rem;color:#3d4a43;line-height:1.15}
        .u-nilai-space{min-height:1px}

.u-statistik-kampung{
            position:relative;
            isolation:isolate;
            overflow:hidden;
            margin:0 0 1.35rem;
            padding:2rem 0 1.35rem;
            background:#f7faf8;
        }
        .u-statistik-kampung:before{
            content:"";
            position:absolute;
            inset:0;
            z-index:-2;
            background:
                linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 38%,rgba(255,255,255,.78) 58%,rgba(255,255,255,.18) 100%),
                url('../img/tugu-garuda-umanis-hero.webp') right center/cover no-repeat;
        }
        .u-statistik-kampung:after{
            content:"";
            position:absolute;
            width:260px;
            height:260px;
            right:-80px;
            top:-90px;
            z-index:-1;
            border-radius:50%;
            background:rgba(13,92,54,.06);
            box-shadow:0 0 0 70px rgba(226,173,18,.035);
        }
        .u-statistik-kampung .u-statistik-inner{
            width:min(100% - 2.5rem, 1160px);
            margin:0 auto;
        }
        .u-statistik-kampung .u-statistik-head{
            display:grid;
            grid-template-columns:minmax(0,1fr) minmax(15rem,30rem);
            align-items:end;
            gap:1.5rem;
            margin-bottom:1.35rem;
        }
        .u-statistik-kampung .u-statistik-kicker{
            display:inline-flex;
            align-items:center;
            gap:.5rem;
            margin:0 0 .65rem;
            padding:.48rem .85rem;
            border-radius:999px;
            background:#e9f6ef;
            color:#0d6a3d;
            font-size:.72rem;
            font-weight:900;
            letter-spacing:.08em;
            text-transform:uppercase;
        }
        .u-statistik-kampung .u-statistik-kicker i{font-size:.8rem}
        .u-statistik-kampung h2{
            margin:0;
            font-size:clamp(2.2rem,3.8vw,3.45rem);
            font-weight:900;
            line-height:.98;
            letter-spacing:-.055em;
            background:linear-gradient(100deg,#063f25 0%,#0d6b3e 52%,#e2ad12 100%);
            -webkit-background-clip:text;
            background-clip:text;
            color:transparent;
        }
        .u-statistik-kampung .u-statistik-sub{
            margin:.6rem 0 0;
            color:#65756d;
            font-size:1rem;
            line-height:1.45;
        }
        .u-statistik-kampung .u-statistik-head-copy{
            padding:.35rem 0 0;
        }
        .u-statistik-kampung .u-statistik-head-note{
            align-self:center;
            justify-self:end;
            max-width:20rem;
            padding:.3rem 0 .3rem 1.2rem;
            border-left:3px solid #dcae17;
            color:#0d5c36;
            font-family:"Segoe Print","Bradley Hand",cursive;
            font-size:1.05rem;
            line-height:1.2;
            transform:rotate(-2deg);
        }
        .u-statistik-kampung .u-statistik-line{
            width:145px;
            height:4px;
            margin-top:.8rem;
            border-radius:99px;
            background:linear-gradient(90deg,#0d6b3e,#e2ad12);
        }
        .u-statistik-kampung .u-statistik-grid{
            display:grid;
            grid-template-columns:repeat(6,minmax(0,1fr));
            gap:.65rem;
        }
        .u-statistik-kampung .u-statistik-card{
            position:relative;
            display:flex;
            flex-direction:column;
            min-width:0;
            min-height:12.8rem;
            padding:.8rem .82rem .72rem;
            background:rgba(255,255,255,.9);
            border:1px solid rgba(218,233,224,.95);
            border-radius:1.05rem;
            text-decoration:none;
            overflow:hidden;
            box-shadow:0 14px 32px -24px rgba(7,61,36,.38);
            backdrop-filter:blur(5px);
            transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
        }
        .u-statistik-kampung .u-statistik-card:before{
            content:"";
            position:absolute;
            left:50%;
            bottom:0;
            width:120px;
            height:4px;
            transform:translateX(-50%);
            border-radius:99px 99px 0 0;
            background:linear-gradient(90deg,#0d6b3e,#e2ad12);
        }
        .u-statistik-kampung .u-statistik-card:after{
            content:"";
            position:absolute;
            right:-34px;
            bottom:-38px;
            width:125px;
            height:125px;
            border-radius:50%;
            background:rgba(13,92,54,.05);
        }
        .u-statistik-kampung .u-statistik-card:hover{
            transform:translateY(-4px);
            border-color:#bcd6c6;
            box-shadow:0 22px 38px -25px rgba(7,61,36,.5);
        }
        .u-statistik-kampung .u-statistik-icon-row{
            display:flex;
            align-items:center;
            justify-content:space-between;
            margin-bottom:auto;
        }
        .u-statistik-kampung .u-statistik-icon{
            width:3.55rem;
            height:3.55rem;
            display:grid;
            place-items:center;
            border-radius:.9rem;
            background:linear-gradient(145deg,#0f9a4f,#08713b);
            color:#fff;
            font-size:1.28rem;
            box-shadow:0 12px 22px -12px rgba(7,61,36,.5);
        }
        .u-statistik-kampung .u-statistik-card:nth-child(2n) .u-statistik-icon{
            background:linear-gradient(145deg,#f1bd16,#c99200);
        }
        .u-statistik-kampung .u-statistik-arrow{
            width:2rem;
            height:2rem;
            display:grid;
            place-items:center;
            border-radius:50%;
            background:#e9f6ef;
            color:#0d6b3e;
            font-size:.72rem;
        }
        .u-statistik-kampung .u-statistik-card:nth-child(2n) .u-statistik-arrow{
            background:#fff5d5;
            color:#b27e08;
        }
        .u-statistik-kampung .u-statistik-label{
            display:block;
            margin:.72rem 0 .16rem;
            color:#183b2b;
            font-size:.72rem;
            font-weight:900;
        }
        .u-statistik-kampung .u-statistik-value{
            display:block;
            margin:0;
            color:#075f36;
            font-size:clamp(1.65rem,2.35vw,2.15rem);
            line-height:1;
            font-weight:900;
            letter-spacing:-.055em;
            white-space:nowrap;
        }
        .u-statistik-kampung .u-statistik-card:nth-child(2n) .u-statistik-value{color:#9a6b00}
        .u-statistik-kampung .u-statistik-note{
            display:block;
            margin-top:.4rem;
            max-width:13rem;
            color:#71817a;
            font-size:.82rem;
            line-height:1.35;
        }
        .u-statistik-kampung .u-statistik-footer{
            display:grid;
            grid-template-columns:auto minmax(0,1.35fr) 1px minmax(0,1.35fr) auto;
            align-items:center;
            gap:1rem;
            margin-top:1rem;
            padding:.72rem 1rem;
            border:1px solid rgba(213,228,219,.95);
            border-radius:1rem;
            background:rgba(255,255,255,.86);
            box-shadow:0 10px 26px -24px rgba(7,61,36,.35);
            backdrop-filter:blur(5px);
        }
        .u-statistik-kampung .u-statistik-footer-leaf{
            width:4.7rem;
            height:3.6rem;
            flex:0 0 4.7rem;
            display:grid;
            place-items:center;
            background:transparent;
            border-radius:0;
            overflow:visible;
        }
        .u-statistik-kampung .u-statistik-footer-shrimp img{
            display:block;
            width:100%;
            height:100%;
            object-fit:contain;
            object-position:center;
        }
        .u-statistik-kampung .u-statistik-footer-logo{
            width:3.7rem;
            height:3.7rem;
            flex:0 0 3.7rem;
            object-fit:contain;
        }
        .u-statistik-kampung .u-statistik-footer-copy{
            min-width:0;
        }
        .u-statistik-kampung .u-statistik-footer-copy p{
            margin:0;
            color:#1d6a46;
            font-size:.86rem;
            font-style:italic;
        }
        .u-statistik-kampung .u-statistik-footer-copy strong{
            display:block;
            margin-top:.18rem;
            color:#17412f;
            font-size:.8rem;
        }
        .u-statistik-kampung .u-statistik-footer-copy small{
            color:#7b8b84;
            font-size:.7rem;
        }
        .u-statistik-kampung .u-statistik-footer-divider{
            width:1px;
            height:2.8rem;
            background:linear-gradient(180deg,transparent,#cbded3,transparent);
        }
        .u-statistik-kampung .u-statistik-footer-brand{
            min-width:0;
            display:flex;
            align-items:center;
            gap:.8rem;
        }
        .u-statistik-kampung .u-statistik-footer-brand > span{
            min-width:0;
            display:block;
        }
        .u-statistik-kampung .u-statistik-footer-brand strong{
            display:block;
            margin:0 0 .28rem;
            color:#17412f;
            font-size:.82rem;
            line-height:1.15;
            white-space:nowrap;
        }
        .u-statistik-kampung .u-statistik-footer-brand small{
            display:block;
            color:#7b8b84;
            font-size:.68rem;
            line-height:1.5;
            white-space:normal;
            max-width:22rem;
        }
        .u-statistik-kampung .u-statistik-footer-btn{
            flex:0 0 auto;
            display:inline-flex;
            align-items:center;
            gap:.5rem;
            padding:.75rem 1.1rem;
            border-radius:999px;
            background:linear-gradient(135deg,#16a15a,#08733d);
            color:#fff;
            text-decoration:none;
            font-size:.78rem;
            font-weight:800;
            box-shadow:0 10px 22px -14px rgba(7,61,36,.55);
        }
        @media(max-width:1100px){
            .u-statistik-kampung .u-statistik-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
            .u-statistik-kampung .u-statistik-card{min-height:14rem}
            .u-statistik-kampung .u-statistik-head{grid-template-columns:1fr}
            .u-statistik-kampung .u-statistik-head-note{justify-self:start}
        }
        @media(max-width:680px){
            .u-statistik-kampung{padding-top:1.15rem;padding-bottom:1rem}
            .u-statistik-kampung .u-statistik-inner{width:min(100% - 1.25rem,1240px)}
            .u-statistik-kampung .u-statistik-head{gap:.65rem;margin-bottom:1rem}
            .u-statistik-kampung h2{font-size:clamp(2rem,10vw,2.65rem);line-height:1}
            .u-statistik-kampung .u-statistik-sub{font-size:.92rem;max-width:25rem}
            .u-statistik-kampung .u-statistik-head-note{font-size:.95rem;padding:.25rem 0 .25rem .85rem;max-width:18rem}
            .u-statistik-kampung .u-statistik-grid{grid-template-columns:1fr;gap:.7rem}
            .u-statistik-kampung .u-statistik-card{
                min-height:0;
                height:auto;
                padding:.9rem 1rem 1rem;
            }
            .u-statistik-kampung .u-statistik-icon-row{margin-bottom:.8rem}
            .u-statistik-kampung .u-statistik-icon{width:3.25rem;height:3.25rem;font-size:1.15rem}
            .u-statistik-kampung .u-statistik-arrow{width:2.15rem;height:2.15rem}
            .u-statistik-kampung .u-statistik-label{margin:.1rem 0 .15rem;font-size:.78rem}
            .u-statistik-kampung .u-statistik-value{font-size:2rem}
            .u-statistik-kampung .u-statistik-note{margin-top:.35rem;font-size:.78rem;max-width:100%}
            .u-statistik-kampung .u-statistik-footer{
                display:flex;
                flex-direction:column;
                align-items:stretch;
                gap:.75rem;
                margin-top:.85rem;
                padding:1rem;
                text-align:left;
            }
            .u-statistik-kampung .u-statistik-footer-leaf{
                width:3.8rem;height:3rem;flex:0 0 3rem;
                align-self:center;
            }
            .u-statistik-kampung .u-statistik-footer-copy p{font-size:.84rem;line-height:1.5;text-align:center}
            .u-statistik-kampung .u-statistik-footer-divider{width:100%;height:1px}
            .u-statistik-kampung .u-statistik-footer-brand{width:100%;justify-content:center;text-align:center}
            .u-statistik-kampung .u-statistik-footer-brand strong{white-space:normal;font-size:.78rem}
            .u-statistik-kampung .u-statistik-footer-brand small{max-width:none;font-size:.67rem}
            .u-statistik-kampung .u-statistik-footer-btn{width:100%;justify-content:center;padding:.72rem 1rem}
        }
        @media(max-width:440px){
            .u-statistik-kampung .u-statistik-grid{grid-template-columns:1fr}
            .u-statistik-kampung .u-statistik-card{border-radius:.95rem}
        }

.u-potmap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:1rem;
}
.u-potmap-card{
  min-width:0;
  background:#fff;
  border:1px solid #e3e8e5;
  border-radius:1.15rem;
  overflow:hidden;
  box-shadow:0 12px 30px -24px rgba(7,61,36,.4);
}
.u-potmap-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:1rem 1.1rem .8rem;
}
.u-potmap-head h2{margin:0;color:#173b2a;font-size:1.35rem;font-weight:850}
.u-potmap-head a{color:#0d6a3d;font-size:.8rem;font-weight:750;white-space:nowrap}
.u-potmap-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.65rem;
  padding:.15rem 1rem 1rem;
}
.u-potmap-grid a{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:.4rem;
  color:#173b2a;
  text-decoration:none;
  font-size:.76rem;
  font-weight:750;
}
.u-potmap-grid img{
  display:block;
  width:100%;
  aspect-ratio:1.25/1;
  object-fit:cover;
  border-radius:.75rem;
  background:#edf3ef;
  border:1px solid #e1e9e4;
}
.u-home-map-embed{position:relative;min-height:20rem}
#u-home-map{width:100%;height:20rem}
.u-home-map-link{
  position:absolute;
  right:.75rem;
  bottom:.75rem;
  z-index:500;
  padding:.55rem .8rem;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#0d5c36;
  font-size:.72rem;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 8px 18px -14px rgba(7,61,36,.7);
}
@media(max-width:900px){
  .u-potmap{grid-template-columns:1fr}
}
@media(max-width:680px){
  .u-potmap{gap:.85rem}
  .u-potmap-card{border-radius:1rem}
  .u-potmap-head{padding:.9rem .9rem .7rem}
  .u-potmap-head h2{font-size:1.25rem}
  .u-potmap-head a{font-size:.75rem}
  .u-potmap-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.65rem;
    padding:.1rem .85rem .9rem;
  }
  .u-potmap-grid a{font-size:.74rem}
  .u-potmap-grid img{border-radius:.7rem}
  .u-home-map-embed{min-height:17rem}
  #u-home-map{height:17rem}
}
@media(max-width:440px){
  .u-potmap-head h2{font-size:1.2rem}
  .u-potmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}