/* Desa Ogomoli — batu basal + kuning kelengkeng */
/* Desa Ogomoli — tema biru ala portal layanan: latar biru gradasi, lembar putih membulat, tombol oranye. */
:root{--biru:#34286a;--biru2:#2c2259;--biru-d:#241b4b;--navy:#241b4b;--navy2:#1b1440;--ink:#2a2140;--muted:#6b6178;--orange:#f28c38;--orange2:#ffb35c;--soft:#fbf4e8;--line:#e7d9c0;--hijau:#1f8f94;--f:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;--w:1160px}
*{box-sizing:border-box}
.lp-body{margin:0;background:#fff;color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}
.lp-body h1,.lp-body h2,.lp-body h3{font-family:var(--f);margin:0;color:inherit;line-height:1.2;letter-spacing:0}
.lk-w{width:min(var(--w),100% - 40px);margin-inline:auto}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.lp-skip{position:absolute;left:-999px;top:8px;background:var(--orange);color:#fff;padding:10px 16px;z-index:400;font-weight:800}.lp-skip:focus{left:8px}

/* tombol */
.lk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border:2px solid transparent;border-radius:999px;font:800 .95rem var(--f);text-decoration:none;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
.lk-btn:hover{transform:translateY(-2px)}.lk-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.lk-btn-o{background:linear-gradient(180deg,var(--orange2),var(--orange));color:#fff;box-shadow:0 10px 22px rgba(242,140,56,.35)}
.lk-btn-w{background:#fff;color:var(--navy)}
.lk-btn-d{background:var(--navy);color:#fff}
.lk-link{font-weight:800;color:var(--biru-d)}

/* header */
.lp-header{position:relative;z-index:100;color:#fff}
body:not(.lp-body) .lp-header{position:sticky;top:0;background:linear-gradient(180deg,var(--biru),var(--biru2))}
.lp-header-row{display:flex;align-items:center;gap:26px;min-height:92px}
.lp-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin-right:auto}
.lp-brand img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:50%;padding:4px}
.lp-brand b{display:block;font:900 1.2rem/1.1 var(--f)}.lp-brand small{display:block;font:600 .74rem var(--f);opacity:.9}
.lp-nav{display:flex;gap:4px}
.lp-nav a{color:#fff;text-decoration:none;font:700 .86rem var(--f);padding:8px 13px;border-radius:999px}
.lp-nav a:hover{background:rgba(255,255,255,.18)}
.lk-hmasuk{border:2px solid #fff;color:#fff;border-radius:999px;padding:8px 24px;font:800 .88rem var(--f);text-decoration:none}.lk-hmasuk:hover{background:#fff;color:var(--biru-d)}
.lk-hcta{background:linear-gradient(180deg,var(--orange2),var(--orange));color:#fff;border-radius:999px;padding:10px 24px;font:800 .88rem var(--f);text-decoration:none;box-shadow:0 8px 18px rgba(242,140,56,.4)}
.lp-burger{display:none;width:46px;height:46px;border:2px solid #fff;border-radius:14px;background:transparent;flex-direction:column;gap:6px;align-items:center;justify-content:center;cursor:pointer}
.lp-burger span{width:20px;height:2.5px;background:#fff;border-radius:2px}
.lp-overlay{position:fixed;inset:0;background:rgba(27,20,64,.6);opacity:0;pointer-events:none;transition:opacity .2s;z-index:190}.lp-overlay.open{opacity:1;pointer-events:auto}
.lp-mnav{position:fixed;inset:0 0 0 auto;width:min(88vw,340px);background:linear-gradient(180deg,var(--biru),var(--biru-d));color:#fff;z-index:200;transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column}.lp-mnav.open{transform:none}
.lp-mnav-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px}
.lp-mnav-top b{font:900 1.2rem var(--f)}.lp-mnav-top button{background:none;border:0;color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.lp-mnav nav{display:flex;flex-direction:column;padding:8px 14px;overflow:auto}
.lp-mnav nav a{padding:15px 12px;font:800 1.1rem var(--f);color:#fff;text-decoration:none;border-radius:14px}.lp-mnav nav a:hover{background:rgba(255,255,255,.16)}

/* hero biru */
.lk-top{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(52,40,106,.9),rgba(44,34,89,.96)),var(--biru)}
.lk-ring{position:absolute;border-radius:50%;pointer-events:none}
.lk-r1{width:520px;height:520px;left:-170px;top:-190px;background:rgba(255,255,255,.08)}
.lk-r2{width:640px;height:640px;right:-240px;top:40px;border:70px solid rgba(255,255,255,.07)}
.lk-r3{width:340px;height:340px;left:16%;bottom:-120px;background:rgba(255,255,255,.07)}
.lk-hero{position:relative;padding:10px 0 0}
.lk-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:end;min-height:520px}
.lk-center{align-self:start;text-align:center;padding:34px 0 120px;max-width:640px;margin-inline:auto}
.lk-center h1{font-size:clamp(2rem,3.6vw,3.1rem);font-weight:900;line-height:1.15;text-wrap:balance}
.lk-lede{margin:18px auto 26px;max-width:46ch;color:#d9cfe8;font-size:1.05rem}
.lk-pill{display:flex;align-items:center;background:#fff;border-radius:999px;padding:6px 6px 6px 26px;box-shadow:0 14px 34px rgba(27,20,64,.28)}
.lk-pill input{flex:1;min-width:0;border:0;outline:0;background:none;font:600 1rem var(--f);color:var(--ink);min-height:46px}
.lk-pill button{flex:none;width:48px;height:48px;border:0;border-radius:50%;background:linear-gradient(180deg,#4b3d8f,var(--biru-d));color:#fff;display:grid;place-items:center;cursor:pointer}
.lk-hint{margin:14px 0 0;font-size:.9rem;color:#d9cfe8}
#lacakResult{margin-top:14px;text-align:left;color:var(--ink);background:#fff;border-radius:18px}#lacakResult:empty{display:none}#lacakResult>*{padding:16px}

.lk-side{position:relative;align-self:end;min-height:420px}
.lk-side-r{display:flex;justify-content:center;align-items:flex-end}
.lk-kades{display:block;height:480px;width:auto;max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 14px 24px rgba(27,20,64,.35))}
.lk-vil{position:absolute;left:0;bottom:-70px;width:300px;height:300px;border-radius:50%;overflow:hidden;border:8px solid rgba(255,255,255,.7);box-shadow:0 20px 40px rgba(27,20,64,.3)}
.lk-vil img{width:100%;height:100%;object-fit:cover}
.lk-glass{position:absolute;display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:14px 18px;color:#fff;text-decoration:none;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.45);border-radius:16px;box-shadow:0 10px 26px rgba(27,20,64,.2);max-width:230px}
.lk-glass b{font:800 .92rem/1.25 var(--f)}.lk-glass small{font:600 .78rem var(--f);opacity:.95}
.lk-glass:hover{background:rgba(255,255,255,.3)}
.lk-tag{background:linear-gradient(180deg,var(--orange2),var(--orange));color:#fff;border-radius:8px;padding:2px 12px;font:800 .72rem var(--f)}
.g1{left:150px;top:30px}.g2{left:40px;top:118px}
.g3{left:50%;transform:translateX(-50%);bottom:84px;text-align:center;align-items:center;white-space:nowrap;background:rgba(255,255,255,.9);color:var(--navy);border:0;max-width:none;z-index:2}
.lk-chip{position:absolute;background:#fff;color:var(--navy);padding:8px 16px;border-radius:12px;font:800 .8rem var(--f);text-decoration:none;box-shadow:0 10px 22px rgba(27,20,64,.22)}
.c1{right:0;top:80px}.c2{right:18px;top:132px}

/* ticker */
.lk-ticker{background:var(--navy);color:#fff}
.lk-ticker-row{display:flex;align-items:center;gap:16px;min-height:50px}
.lk-ticker-tag{flex:none;background:var(--orange);border-radius:999px;padding:3px 14px;font:800 .8rem var(--f)}
.lk-ticker-track{flex:1;min-width:0}
.lk-ticker .hero-ticker-item{display:none;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lk-ticker .hero-ticker-item.active{display:block}
.lk-ticker-dots{display:flex;gap:6px}.lk-ticker-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}.lk-ticker-dots span.active{background:#fff}

/* lembar putih membulat */
.lk-sheet{position:relative;background:#fff;border-radius:44px 44px 0 0;margin-top:-52px;padding-top:30px;z-index:2}
.lk-ticker+.lk-sheet{margin-top:0;border-radius:0;padding-top:0}
.lk-about{padding:70px 0 40px}
.lk-about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:start}
.lk-about h2{font-size:clamp(1.8rem,3vw,2.3rem);font-weight:900;color:var(--navy);margin-bottom:18px}
.lk-about p{margin:0 0 1em;color:#3c3260;max-width:56ch}
.lk-card-soft{background:var(--soft);border-radius:24px;padding:30px}
.lk-card-h{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.lk-card-h h3{font:900 1.15rem var(--f);color:var(--navy);padding-bottom:8px;border-bottom:3px solid var(--biru)}
.lk-checks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.lk-checks li{position:relative;padding-left:30px;color:#3c3260}
.lk-checks li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--hijau) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2l2 2 4-4.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}

.lk-sec{padding:64px 0}
.lk-head{max-width:700px;margin-bottom:34px}.lk-head h2,.lk-head-row h2{font-size:clamp(1.8rem,3vw,2.3rem);font-weight:900;color:var(--navy)}.lk-head p,.lk-head-row p{margin:8px 0 0;color:var(--muted)}
.lk-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}

/* layanan: kisi lingkaran ikon */
.svc-search{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:0 16px;min-height:46px;min-width:min(320px,100%);box-shadow:0 4px 14px rgba(36,27,75,.06)}
.svc-search svg{flex:none;color:var(--biru)}.svc-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:600 .95rem var(--f);color:var(--ink)}
.svc-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px}
.lp-body .svc-chips button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 16px;font:800 .88rem var(--f);color:var(--navy);cursor:pointer;box-shadow:none}
.lp-body .svc-chips button b{background:var(--soft);border-radius:999px;padding:0 8px;margin-left:4px;font-size:.78rem}
.lp-body .svc-chips button:hover{border-color:var(--biru)}
.lp-body .svc-chips button.on{background:var(--biru-d);border-color:var(--biru-d);color:#fff}.lp-body .svc-chips button.on b{background:rgba(255,255,255,.22);color:#fff}
.svc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px}
.lp-body .svc-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:8px 4px;background:none;border:0;border-radius:18px;box-shadow:none;cursor:pointer;color:var(--ink);font:inherit;min-height:0;transition:transform .2s}
.svc-card[hidden]{display:none}
.lp-body .svc-card:hover{transform:translateY(-4px);background:none;box-shadow:none}
.svc-card .lic-icn{width:96px;height:96px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--biru-d);border:1.5px solid var(--line);box-shadow:0 10px 24px rgba(36,27,75,.1);transition:.2s}
.svc-card .lic-icn svg{width:38px;height:38px}
.svc-card:hover .lic-icn{background:linear-gradient(160deg,#4b3d8f,var(--biru-d));color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(21,104,58,.4)}
.svc-card .svc-t b{display:block;font:800 .92rem/1.3 var(--f);color:var(--navy)}.svc-card .svc-t small{display:block;margin-top:2px;font-size:.78rem;color:var(--muted)}
.svc-code{display:none}
.svc-empty{padding:24px 0;font-weight:700;color:var(--muted)}
.lk-steps{list-style:none;counter-reset:s;margin:50px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lk-steps li{counter-increment:s;background:var(--soft);border-radius:20px;padding:20px 20px 18px}
.lk-steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--biru-d);color:#fff;font:900 .95rem var(--f);margin-bottom:10px}
.lk-steps b{display:block;font:800 1rem var(--f);color:var(--navy)}.lk-steps span{font-size:.88rem;color:var(--muted)}
.lk-also{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 26px}.lk-also a{color:var(--biru-d);font-weight:800;text-decoration:none;border-bottom:2px solid var(--line)}.lk-also a:hover{border-color:var(--orange)}

/* kartu biru (video, kontak) */
.lk-bluecard{position:relative;overflow:hidden;isolation:isolate;border-radius:32px;color:#fff;background:linear-gradient(135deg,var(--biru),var(--biru-d));padding:clamp(28px,5vw,56px)}
.lk-bluecard::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.09);right:-120px;top:-150px}
.lk-bluecard::after{content:"";position:absolute;z-index:-1;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.07);left:30%;bottom:-120px}
.lk-video-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:40px;align-items:center}
.lk-video-card h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:900}.lk-video-card p{margin:14px 0 0;color:#d9cfe8}
.lk-video-frame{aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 20px 44px rgba(27,20,64,.4);background:#000}.lk-video-frame iframe{width:100%;height:100%;border:0;display:block}

/* sambutan */
.lk-sambutan-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:60px;align-items:center}
.lk-portrait{margin:0;position:relative;border-radius:32px;background:linear-gradient(160deg,#4b3d8f,var(--biru-d));padding:28px 28px 0;overflow:hidden;text-align:center}
.lk-portrait::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.12);left:-90px;top:-90px}
.lk-portrait img{position:relative;display:block;width:78%;margin:0 auto;max-height:520px;object-fit:contain;object-position:bottom}
.lk-portrait figcaption{position:relative;margin:0 -28px;padding:16px 22px;background:var(--navy);color:#fff;text-align:left}
.lk-portrait b{display:block;font:900 1.05rem var(--f)}.lk-portrait span{font-size:.86rem;color:#c8bfe0}
.lk-prose h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;color:var(--navy);margin-bottom:18px}
.lk-prose h3{font:900 1.2rem var(--f);margin:30px 0 10px;color:var(--navy)}
.lk-prose p{margin:0 0 1em;max-width:62ch;color:#3c3260}
.lk-sign{padding-left:16px;border-left:4px solid var(--orange)}.lk-sign b{color:var(--navy)}

/* perangkat */
.lk-team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.lk-team li{background:var(--soft);border-radius:22px;padding:24px;text-align:center}
.lk-team img,.lk-ini{display:grid;place-items:center;width:84px;height:84px;object-fit:cover;border-radius:50%;background:linear-gradient(160deg,#4b3d8f,var(--biru-d));color:#fff;font:900 1.4rem var(--f);margin:0 auto 12px}
.lk-team b{display:block;font:800 1rem var(--f);color:var(--navy)}.lk-team small{color:var(--muted)}

/* potensi */
.lk-pots{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.lk-pot{background:#fff;border:1.5px solid var(--line);border-radius:24px;padding:12px 12px 24px;box-shadow:0 14px 30px rgba(36,27,75,.07)}
.lk-pot-top{height:150px;border-radius:16px;margin-bottom:18px;display:flex;align-items:flex-end;padding:14px;background:var(--biru)}
.lk-pot.t1 .lk-pot-top{background:var(--orange)}.lk-pot.t2 .lk-pot-top{background:var(--navy)}
.lk-tag2{background:#fff;color:var(--navy);border-radius:999px;padding:3px 12px;font:800 .72rem var(--f)}
.lk-pot h3{font:900 1.2rem var(--f);color:var(--navy);padding:0 12px;margin-bottom:8px}.lk-pot p{margin:0;padding:0 12px;color:var(--muted);font-size:.95rem}

/* bumdes */
.lk-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}
.lk-products article{background:#fff;border:1.5px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 30px rgba(36,27,75,.07)}
.lk-products img{width:100%;aspect-ratio:4/3;object-fit:cover}.lk-products article>div{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.lk-products h3{font:900 1.15rem var(--f);color:var(--navy)}.lk-products p{margin:0;color:var(--muted)}.lk-price{font:900 1.05rem var(--f)!important;color:var(--biru-d)!important}
.lk-inquiry{margin-top:30px;background:var(--soft);padding:28px;border-radius:24px;max-width:720px}
.lk-inquiry label{display:block;font-weight:800;margin-bottom:14px}.lk-inquiry input,.lk-inquiry select,.lk-inquiry textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;font:inherit;background:#fff}

/* anggaran */
.lk-fig{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lk-fig>div{background:var(--soft);border-radius:22px;padding:22px}.lk-fig small{display:block;color:var(--muted);font-weight:700}.lk-fig b{font:900 clamp(1.3rem,2.4vw,1.9rem) var(--f);color:var(--navy)}
.lk-h3{font:900 1.3rem var(--f);margin:36px 0 12px;color:var(--navy)}
.lk-table{width:100%;border-collapse:collapse}.lk-table td{padding:14px 0;border-bottom:1px solid var(--line);vertical-align:top}.lk-table td:last-child{text-align:right;font-weight:900}.lk-table small{display:block;color:var(--muted)}
.lk-bars{list-style:none;margin:0;padding:0}.lk-bars li{padding:12px 0}.lk-bars li>div{display:flex;justify-content:space-between;gap:12px;font-weight:800}
.lk-bars i{display:block;height:10px;margin-top:8px;border-radius:99px;background:linear-gradient(90deg,var(--biru) var(--w),#e7d9c0 var(--w))}.lk-bars small{color:var(--muted)}
.lk-note{margin-top:22px;padding:16px 20px;background:var(--soft);border-radius:16px;border-left:5px solid var(--orange)}

/* kabar */
.lk-news{display:grid;gap:16px}
.lk-news article{display:grid;grid-template-columns:130px minmax(0,1fr) 190px;gap:24px;padding:20px;background:#fff;border:1.5px solid var(--line);border-radius:22px;align-items:center;box-shadow:0 10px 24px rgba(36,27,75,.05)}
.lk-news time{font:800 .88rem var(--f);color:var(--biru-d)}.lk-news small{color:var(--muted);font-weight:700}
.lk-news h3{font:900 1.3rem/1.25 var(--f);margin:2px 0 6px}.lk-news h3 a{color:var(--navy);text-decoration:none}.lk-news h3 a:hover{color:var(--biru-d)}
.lk-news p{margin:0;color:var(--muted)}.lk-news img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}

/* kontak */
.lk-cta{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:30px;align-items:end;padding-bottom:0}
.lk-cta h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;max-width:18ch}.lk-cta p{margin:14px 0 0;color:#d9cfe8;max-width:48ch}
.lk-cta-act{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 clamp(28px,5vw,56px)}
.lk-cta-img{display:block;width:100%;max-width:260px;margin-inline:auto;filter:drop-shadow(0 10px 20px rgba(27,20,64,.3))}

/* footer */
.lp-footer{background:var(--navy);color:#c8bfe0;padding-top:54px}
.lp-footer-row{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:40px}
.lf-name{margin:0 0 10px;font:900 1.3rem var(--f);color:#fff}.lp-footer p{margin:0 0 .6em;font-size:.95rem;max-width:42ch}.lf-h{font:800 1rem var(--f)!important;color:#fff}
.lp-footer nav{display:flex;flex-direction:column;gap:8px}.lp-footer nav a{color:#fff;font-weight:700;text-decoration:none}.lp-footer nav a:hover{color:#ffd08a}
.lp-footer-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.14);font-size:.88rem}.lp-footer-base a{color:#c8bfe0}
.citizen-toolbar.lp-tabbar{display:none}

@media(max-width:1020px){
 .lp-nav,.lk-hmasuk,.lk-hcta{display:none}.lp-burger{display:flex}.lp-header-row{min-height:76px}
 .lk-hero-grid{grid-template-columns:1fr;min-height:0;gap:0}
 .lk-center{padding:10px 0 26px;order:1}.lk-side-r{order:2;min-height:0}.lk-side-l{display:none}
 .lk-kades{height:360px;margin-bottom:-2px}.lk-chip{display:none}.g3{bottom:36px}
 .lk-sheet{border-radius:30px 30px 0 0;margin-top:-30px}
 .lk-about-grid,.lk-video-card,.lk-sambutan-grid,.lk-cta{grid-template-columns:1fr;gap:28px}
 .lk-about{padding:48px 0 24px}.lk-sec{padding:44px 0}
 .svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .lk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lk-fig{grid-template-columns:1fr}.lk-news article{grid-template-columns:1fr}
 .lp-footer-row{grid-template-columns:1fr;gap:26px}.lk-cta-img{max-width:200px}
 .citizen-toolbar.lp-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:120;background:#fff;border-radius:22px;box-shadow:0 12px 32px rgba(27,20,64,.3)}
 .lp-tabbar a,.lp-tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 2px 8px;background:none;border:0;color:var(--muted);font:700 .68rem var(--f);text-decoration:none;cursor:pointer}
 .lp-tabbar a.active,.lp-tabbar a:hover{color:var(--biru-d)}
 .lp-footer{padding-bottom:84px}
}
@media(max-width:560px){
 .lk-w{width:min(var(--w),100% - 32px)}
 .svc-grid{gap:18px 8px}.svc-card .lic-icn{width:72px;height:72px}.svc-card .lic-icn svg{width:30px;height:30px}.svc-card .svc-t b{font-size:.78rem}.svc-card .svc-t small{display:none}
 .lk-pill{padding-left:18px}.lk-pill input{font-size:.92rem}
 .lk-kades{height:300px}.lk-card-h{flex-direction:column;align-items:flex-start}
 .svc-search{min-width:100%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* halaman dalam + bagian baru */
.lk-top-sm{padding-bottom:70px}
.lk-banner{position:relative;padding:18px 0 10px;max-width:var(--w)}
.lk-banner h1{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:900;text-wrap:balance}
.lk-banner p{margin:10px 0 0;color:#d9cfe8;max-width:60ch}
.lk-sheet-in{margin-top:-40px;padding-top:24px;min-height:50vh}
.lk-soft{background:var(--soft)}
.lk-prose-wide{max-width:820px}
.lk-prose-wide h2{font-size:clamp(1.6rem,2.8vw,2.1rem);font-weight:900;color:var(--navy);margin-bottom:16px}
.lk-prose-wide p{color:#3c3260;margin:0 0 1.1em}
.lk-sign{padding-left:16px;border-left:4px solid var(--orange)}.lk-sign b{color:var(--navy)}
.lk-empty{display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:var(--soft);border:2px dashed #e0d3bb;border-radius:22px;padding:28px}
.lk-empty b{font:900 1.1rem var(--f);color:var(--navy)}.lk-empty span{color:var(--muted)}
.lk-newsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.lk-newscard a{display:flex;flex-direction:column;height:100%;background:#fff;border:1.5px solid var(--line);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 14px 30px rgba(36,27,75,.07);transition:transform .2s}
.lk-newscard a:hover{transform:translateY(-4px)}
.lk-newscard img,.lk-newsph{width:100%;aspect-ratio:16/10;object-fit:cover;display:grid;place-items:center;color:#fff;background:var(--biru)}
.lk-newsph.t1{background:var(--orange)}.lk-newsph.t2{background:var(--navy)}
.lk-newscard a>div{padding:18px 20px 22px}
.lk-newscard small{color:var(--biru-d);font-weight:800}
.lk-newscard h3{font:900 1.15rem/1.3 var(--f);color:var(--navy);margin:6px 0 8px}.lk-newscard p{margin:0;color:var(--muted);font-size:.94rem}
.lk-chipa{display:inline-block;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 16px;font:800 .88rem var(--f);color:var(--navy);text-decoration:none}
.lk-chipa.on{background:var(--biru-d);border-color:var(--biru-d);color:#fff}
.lk-artimg{border-radius:22px;overflow:hidden;margin:0 0 24px;aspect-ratio:16/9}.lk-artimg img{width:100%;height:100%;object-fit:cover}
.lk-cta-1{grid-template-columns:1fr;padding-bottom:clamp(28px,5vw,56px)}.lk-cta-1 .lk-cta-act{margin-bottom:0}
.lk-fig-s{font-size:1.3rem!important}
@media(max-width:1020px){.lk-sheet-in{margin-top:-30px}}
.lp-body .lp-footer p,.lp-body .lp-footer .lf-about p,.lp-body .lf-kontak p{color:#c8bfe0}.lp-body .lp-footer .lf-name,.lp-body .lp-footer .lf-h{color:#fff}

/* ===== Modal pengajuan surat: tema biru/oranye ===== */
.sm-dialog .btn-primary,.sm-dialog #smSubmit{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 8px 18px -8px rgba(242,140,56,.7)}
.sm-dialog .btn-primary:hover,.sm-dialog #smSubmit:hover{background:#d9701c;border-color:#d9701c}
.sm-dialog .btn-outline{background:#f4ead9;border-color:#e0d3bb;color:var(--biru-d)}
.sm-dialog .btn-outline:hover{background:#eadfc9}
.sm-dialog #smSelfie .btn,.sm-dialog #smSelfie button{background:var(--biru);border-color:var(--biru);color:#fff}
.sm-dialog .sm-selfie{background:#f4ead9;border-color:#e0d3bb}
.sm-dialog .sm-selfie-ok{color:var(--biru-d)}
.sm-dialog .sm-kode{background:#f4ead9;color:var(--navy)}
.sm-dialog h3,.sm-dialog .sm-sec{color:var(--navy);border-color:#e0d3bb}
.sm-dialog input:focus,.sm-dialog select:focus,.sm-dialog textarea:focus{outline:2px solid var(--biru);border-color:var(--biru)}

/* ===== Halaman dalam (Buku Tamu, Pembangunan, Absen, Verifikasi): selaraskan palet lama ke tema Ogomoli ===== */
.lk-inner{--emerald-50:#f4ead9;--emerald-100:#eadfc9;--emerald-500:#34286a;--emerald-600:#241b4b;--emerald-700:#3c3260;--emerald-800:#241b4b;--emerald-900:#241b4b;--emerald-900-rgb:36,27,75;--font-display:'Figtree',system-ui,sans-serif;--font-body:'Figtree',system-ui,sans-serif;--slate-200:#e7d9c0;--slate-100:#eadfc9}
.lk-sheet-in section>.container{max-width:680px;margin:0 auto;padding-left:20px;padding-right:20px}
.lk-sheet-in section{padding-top:8px;padding-bottom:20px;background:none}
.lk-sheet-in .btn-primary{background:var(--orange);border-color:var(--orange);color:#fff;border-radius:99px;font-weight:800;box-shadow:0 10px 20px -10px rgba(242,140,56,.8)}
.lk-sheet-in .btn-primary:hover{background:#d9701c;border-color:#d9701c}
.lk-sheet-in .btn-outline{background:#f4ead9;border:1.5px solid #e0d3bb;color:var(--biru-d);border-radius:99px;font-weight:800}
.lk-sheet-in input,.lk-sheet-in select,.lk-sheet-in textarea{border-radius:14px;border:1.5px solid #e0d3bb;background:#fffaf1;font-family:inherit}
.lk-sheet-in input:focus,.lk-sheet-in select:focus,.lk-sheet-in textarea:focus{outline:2px solid var(--biru);border-color:var(--biru)}
.lk-sheet-in .kunjungan-opt{border-radius:99px;border:2px solid #e0d3bb}
.lk-sheet-in .kunjungan-opt.active{border-color:var(--biru);background:#eadfc9;color:var(--navy)}
.lk-sheet-in .proyek-card{border-radius:20px;border:1px solid #e7d9c0;box-shadow:0 14px 30px -22px rgba(36,27,75,.5)}
.lk-sheet-in .proyek-progress-fill,.lk-sheet-in .progres-dot{background:var(--orange)}
.lk-sheet-in #petaDesa{border-radius:22px}
.vf{max-width:560px;margin:0 auto;padding:0 18px}
.vf-card{border-radius:24px!important;box-shadow:0 18px 40px -24px rgba(36,27,75,.5)!important;border:1px solid #e7d9c0}
.vf-ok{border:2px solid var(--biru)!important}.vf-ok .vf-ic{background:#eadfc9!important;color:var(--biru-d)!important}.vf-h b{color:var(--navy)!important}.vf-no .vf-h b{color:#be123c!important}
.vf-t{color:var(--navy)!important}
.vf-f button{background:var(--orange)!important;color:#fff!important;border:0;border-radius:99px!important;padding:0 24px;font-weight:800}
.vf-f input{border-color:#e0d3bb!important;border-radius:14px!important}

/* =====================================================================
   DESA OGOMOLI — senja di Laut Sulawesi
   Langit ungu senja, matahari oranye, ombak, pasir. Bentuk lembut dan membulat.
   ===================================================================== */
@font-face{font-family:'Figtree';src:url(../fonts/figtree-latin-wght-normal.woff2) format('woff2');font-weight:300 900;font-display:swap}
:root{
 --dk9:#1b1440;--dk8:#241b4b;--dk7:#34286a;--dk6:#4b3d8f;--dk5:#7a6bc0;--dk-line:rgba(255,255,255,.14);
 --sd0:#fffaf1;--sd1:#fbf4e8;--sd2:#f3e8d5;--sd3:#e7d9c0;
 --sn:#f28c38;--sn2:#ffb35c;--sn-d:#d9701c;--sn-ink:#9a4a0a;--laut:#1f8f94;
 --ink:#2a2140;--mute:#6b6178;
 --f:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;--fd:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
 --r:18px;--r2:26px;--sh:0 18px 40px -24px rgba(36,27,75,.55);
 --w:1180px}
.lk-inner{--emerald-700:#3c3260}
.lp-body{background:var(--sd1);color:var(--ink);font-size:16.5px;line-height:1.68}
.lp-body h1,.lp-body h2,.lp-body h3{font-family:var(--fd);font-weight:800;letter-spacing:-.025em;line-height:1.1}
:focus-visible{outline:3px solid var(--sn);outline-offset:3px}
.lp-skip{color:var(--dk9)}
::selection{background:var(--sn);color:var(--dk9)}

/* tombol: pil, oranye matahari */
.lk-btn,.og-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:999px;font:700 .98rem var(--f);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
.lk-btn:hover,.og-btn:hover{transform:translateY(-2px)}
.lk-btn-o,.og-btn-g{background:var(--sn);color:var(--dk9);box-shadow:0 12px 24px -12px rgba(242,140,56,.9)}.lk-btn-o:hover,.og-btn-g:hover{background:var(--sn2)}
.og-btn-l{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.4);backdrop-filter:blur(4px)}.og-btn-l:hover{border-color:var(--sn2);color:var(--sn2)}
.og-btn-d{background:var(--dk8);color:#fff}.og-btn-d:hover{background:var(--dk6)}
.lk-btn-d{background:var(--dk8);border-radius:999px}.lk-btn-w{border-radius:999px}

/* header */
.lp-header,body:not(.lp-body) .lp-header{position:sticky;top:0;background:var(--dk9);color:#fff;z-index:120;border:0;transition:background .3s,box-shadow .3s}
.lp-header.is-scrolled{background:rgba(27,20,64,.92);backdrop-filter:blur(10px);box-shadow:0 10px 30px -16px rgba(0,0,0,.6)}
.lp-header-row{min-height:74px;gap:18px}
.lp-brand{color:#fff}.lp-brand img{width:44px;height:44px;background:none;padding:0;border-radius:0}
.lp-brand b{font:700 1.28rem/1.05 var(--fd);letter-spacing:0}.lp-brand small{font:500 .76rem var(--f);color:#c8bfe0;opacity:1}
.lp-nav{margin:0 auto;gap:4px}
.lp-nav a{color:#e6e0f5;font:600 .92rem var(--f);padding:9px 16px;border-radius:999px;transition:background .2s,color .2s}
.lp-nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.lk-hmasuk{border:1.5px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:9px 20px;font:600 .88rem var(--f)}.lk-hmasuk:hover{background:#fff;color:var(--dk8)}
.lk-hcta{background:var(--sn);color:var(--dk9);border-radius:999px;padding:11px 22px;font:700 .9rem var(--f);box-shadow:none}.lk-hcta:hover{background:var(--sn2)}
.lp-burger{border:1.5px solid rgba(255,255,255,.4);border-radius:14px;margin-left:auto}.lp-burger span{background:#fff}
.lp-overlay{background:rgba(27,20,64,.72)}
.lp-mnav{background:linear-gradient(180deg,var(--dk9),var(--dk7))}.lp-mnav nav a{font:700 1.25rem var(--fd);border-radius:14px;color:#f1ecff}.lp-mnav nav a:hover{background:rgba(255,255,255,.1)}

/* ticker */
.lk-ticker{background:var(--sd1);color:#fff;padding:18px 0 0}
.lk-ticker-row{background:var(--dk8);border-radius:999px;padding:8px 10px 8px 8px;box-shadow:var(--sh)}
.lk-ticker-tag{background:var(--sn);color:var(--dk9);border-radius:999px;font:700 .78rem var(--f);padding:6px 14px}
.lk-ticker-dots span{background:rgba(255,255,255,.3)}.lk-ticker-dots span.active{background:var(--sn)}

/* ---------- HERO ---------- */
.og-hero{padding:0!important;position:relative;color:#fff;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#1b1440 0%,#2a2060 30%,#5e3a82 56%,#b95a80 76%,#f08a57 92%,#f7a35a 100%)}
.og-hero::before{content:"";position:absolute;inset:0 0 40% 0;z-index:-1;background:
 radial-gradient(1.5px 1.5px at 8% 22%,#fff,transparent),radial-gradient(1.5px 1.5px at 17% 48%,#fff,transparent),radial-gradient(1px 1px at 26% 14%,#fff,transparent),radial-gradient(1.5px 1.5px at 36% 36%,#fff,transparent),radial-gradient(1px 1px at 47% 18%,#fff,transparent),radial-gradient(1.5px 1.5px at 58% 8%,#fff,transparent),radial-gradient(1px 1px at 66% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 77% 14%,#fff,transparent),radial-gradient(1px 1px at 88% 40%,#fff,transparent),radial-gradient(1.5px 1.5px at 94% 10%,#fff,transparent);animation:ogTwinkle 5s ease-in-out infinite alternate}
.og-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:24px;align-items:end;padding-top:40px}
.og-hero-txt{padding-bottom:150px;align-self:center;padding-top:10px}
.og-kab{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:7px 16px 7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font:600 .9rem var(--f);color:#fff;backdrop-filter:blur(4px)}
.og-kab i{display:block;width:10px;height:10px;border-radius:50%;background:var(--sn2);box-shadow:0 0 0 4px rgba(255,179,92,.28)}
.og-hero h1{font-size:clamp(2.3rem,4.5vw,3.6rem);line-height:1.06;max-width:15ch;text-wrap:balance;text-shadow:0 2px 24px rgba(27,20,64,.5)}
.og-lede{margin:20px 0 0;max-width:46ch;color:#f1ecff;font-size:1.1rem;text-shadow:0 1px 12px rgba(27,20,64,.55)}
.og-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.og-track{margin-top:30px;max-width:470px;background:rgba(255,250,241,.96);color:var(--ink);padding:16px 18px 18px;border-radius:var(--r2);box-shadow:0 22px 40px -22px rgba(27,20,64,.8)}
.og-track label{display:block;font:700 .92rem var(--f);margin-bottom:9px;color:var(--dk8)}
.og-track-row{display:flex;gap:8px}
.og-track input{flex:1;min-width:0;min-height:50px;border:1.5px solid var(--sd3);border-radius:999px;padding:0 20px;font:600 1rem var(--f);background:#fff;color:var(--ink)}
.og-track input:focus{outline:2px solid var(--sn);outline-offset:1px}
.og-track button{width:52px;height:50px;border:0;background:var(--dk8);color:#fff;border-radius:999px;display:grid;place-items:center;cursor:pointer;transition:background .2s}.og-track button:hover{background:var(--sn-d)}
#lacakResult{margin-top:12px;color:var(--ink);background:#fff;border-radius:16px;max-width:470px}#lacakResult:empty{display:none}#lacakResult>*{padding:14px}

/* Sekdes kiri + Kades kanan, berdiri di depan matahari */
.og-duo{transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .5s ease-out;position:relative;justify-self:end;width:min(580px,100%);align-self:end}
.og-sun{position:absolute;left:50%;top:2%;width:88%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;z-index:0;background:radial-gradient(circle at 50% 42%,#ffeab8 0,#ffc272 34%,#f58f3e 64%,#e0605a 100%);box-shadow:0 0 90px 30px rgba(255,166,92,.38)}
.og-sun::before,.og-sun::after{content:"";position:absolute;inset:-7%;border-radius:50%;border:2px solid rgba(255,209,140,.5);animation:ogRing 4.2s ease-out infinite}
.og-sun::after{animation-delay:2.1s}
.og-duo>img{position:relative;z-index:1;display:block;width:100%;height:auto;margin-bottom:-2px;filter:drop-shadow(0 18px 30px rgba(27,20,64,.45))}
.og-plate{position:absolute;z-index:4;bottom:112px;display:flex;flex-direction:column;gap:1px;background:rgba(255,250,241,.97);color:var(--dk8);padding:9px 16px 10px;border-radius:16px;box-shadow:0 16px 28px -14px rgba(27,20,64,.8);max-width:48%}
.og-plate b{font:700 1.02rem/1.15 var(--fd);color:var(--dk8)}
.og-plate span{font:700 .72rem var(--f);color:var(--sn-ink);letter-spacing:.02em}
.og-plate::before{content:"";position:absolute;top:-6px;width:14px;height:14px;background:inherit;transform:rotate(45deg);border-radius:3px}
.og-plate.kiri{left:1%}.og-plate.kiri::before{left:36px}
.og-plate.kanan{right:0}.og-plate.kanan::before{right:44px}
.og-sea{position:absolute;left:0;right:0;bottom:-1px;height:clamp(86px,11vw,132px);z-index:3;pointer-events:none}
.og-sea i{position:absolute;left:0;right:0;bottom:0;background-repeat:repeat-x;background-size:1440px 100%}
.og-sea .w1{height:100%;background-image:url(../images/ombak-belakang.svg);animation:ogDrift 38s linear infinite}
.og-sea .w2{height:84%;background-image:url(../images/ombak-tengah.svg);animation:ogDrift 26s linear infinite reverse}
.og-sea .w3{height:58%;background-image:url(../images/ombak-pasir.svg);animation:ogDrift 52s linear infinite}

/* papan angka desa */
.og-stats-wrap{position:relative;z-index:5;margin-top:-44px}
.og-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-radius:var(--r2);box-shadow:0 26px 50px -30px rgba(36,27,75,.7);overflow:hidden}
.og-stat{padding:20px 26px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-right:1px dashed var(--sd3)}.og-stat:last-child{border:0}
.og-stat b{font:700 clamp(1.9rem,3.4vw,2.7rem)/1 var(--fd);color:var(--dk8)}
.og-stat span{font:600 .92rem var(--f);color:var(--mute)}
.og-stat:nth-child(1) b{color:var(--sn-d)}

/* ---------- bagian umum ---------- */
.og-sec{padding:84px 0}
.og-sec h2{font-size:clamp(1.9rem,3.5vw,2.8rem);max-width:20ch;text-wrap:balance;color:var(--dk8)}
.og-sub{margin:14px 0 0;max-width:56ch;color:var(--mute)}
.og-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:30px}
.og-pit{display:block;width:56px;height:14px;margin-bottom:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 14'%3E%3Cpath d='M1 9c6 0 6-6 13-6s7 6 14 6 7-6 14-6 7 6 13 6' fill='none' stroke='%23f28c38' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}

/* kabar desa */
.og-news{background:var(--sd1);padding-top:56px}
.og-newsgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-auto-flow:dense;gap:22px}
.og-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r2);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--sh);transition:transform .3s,box-shadow .3s}
.og-card:hover{transform:translateY(-5px);box-shadow:0 26px 44px -26px rgba(36,27,75,.7)}
.og-card:first-child{grid-row:span 2}
.og-card img,.og-ph{width:100%;aspect-ratio:16/10;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--dk7),var(--dk6));color:var(--sn2)}
.og-card:first-child img,.og-card:first-child .og-ph{aspect-ratio:16/11}
.og-card-b{padding:18px 22px 22px;display:flex;flex-direction:column;gap:8px}
.og-card-b b{font:700 1.22rem/1.25 var(--fd);color:var(--dk8)}.og-card:first-child .og-card-b b{font-size:1.65rem}
.og-card-b small{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--mute);font-weight:600}
.og-card-b em{font-style:normal;background:#fde6cf;color:var(--sn-ink);border-radius:999px;padding:2px 11px;font-size:.78rem;font-weight:700}

/* layanan */
.og-svc{background:var(--sd2);position:relative}
.og-svc::before,.og-wil::before{content:"";position:absolute;left:0;right:0;top:-1px;height:54px;background:url(../images/ombak-pasir.svg) repeat-x 0 0/1440px 100%;transform:scaleY(-1);pointer-events:none}
.og-svc::before{background-image:url(../images/ombak-pasir.svg)}
.og-svc-tools{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;margin:34px 0 22px}
.svc-search{border-radius:999px;border:1.5px solid var(--sd3);box-shadow:none;background:#fff;min-width:min(330px,100%)}.svc-search svg{color:var(--dk6)}
.svc-chips{margin:0;gap:8px}
.lp-body .svc-chips button{border-radius:999px;border:1.5px solid var(--sd3);background:#fff;font:600 .86rem var(--f);color:var(--dk8);padding:7px 15px}
.lp-body .svc-chips button b{background:var(--sd2);border-radius:999px}
.lp-body .svc-chips button:hover{border-color:var(--dk6)}
.lp-body .svc-chips button.on{background:var(--dk8);border-color:var(--dk8);color:#fff}.lp-body .svc-chips button.on b{background:var(--sn);color:var(--dk9)}
.svc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lp-body .svc-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;text-align:left;padding:14px 16px;border-radius:20px;background:#fff;border:1.5px solid transparent;box-shadow:0 10px 24px -20px rgba(36,27,75,.6);transition:transform .25s,border-color .25s,box-shadow .25s}
.lp-body .svc-card:hover{transform:translateY(-3px);border-color:var(--sn);box-shadow:0 18px 30px -22px rgba(36,27,75,.7)}
.svc-card .lic-icn{width:56px;height:56px;border:0;border-radius:50%;background:#fde6cf;color:var(--sn-d);box-shadow:none;display:grid;place-items:center;transition:background .25s,color .25s}
.svc-card .lic-icn svg{width:26px;height:26px}
.svc-card:hover .lic-icn{background:var(--sn);color:var(--dk9)}
.svc-card .svc-t b{font:700 1rem/1.25 var(--f);color:var(--dk8)}.svc-card .svc-t small{font:500 .8rem var(--f);color:var(--mute);margin-top:2px}
.lk-steps{margin-top:44px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.lk-steps li{background:#fff;border:0;border-radius:20px;padding:18px 18px 16px;box-shadow:0 10px 24px -20px rgba(36,27,75,.6)}.lk-steps li::before{background:var(--dk8);color:#fff;border-radius:50%;width:34px;height:34px;font:700 1rem var(--fd)}
.lk-steps b{font:700 1.02rem var(--f);color:var(--dk8)}
.lk-also a{color:var(--dk8)}.lk-also a:hover{border-color:var(--sn)}

/* mengenal desa */
.og-wil{background:var(--dk8);color:#e9e3f8;position:relative;isolation:isolate;overflow:hidden}
.og-wil::before{background:url(../images/ombak-sd2.svg) repeat-x 0 0/1440px 100%;transform:scaleY(-1)}
.og-wil::after{content:"";position:absolute;right:-140px;top:-140px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(242,140,56,.34),rgba(242,140,56,0) 68%);z-index:-1}
.og-wil{padding-top:110px}
.og-wil h2{color:#fff}
.og-wil-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:start}
.og-wil p{margin:0 0 1em;max-width:58ch;color:#d8d0ee}
.og-spec{margin:0;display:grid;background:var(--sd1);color:var(--ink);border-radius:var(--r2);overflow:hidden;box-shadow:0 30px 50px -30px rgba(0,0,0,.7)}
.og-spec>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;padding:13px 24px;border-bottom:1px dashed var(--sd3)}.og-spec>div:last-child{border:0}
.og-spec dt{color:var(--mute);font:600 .88rem var(--f)}.og-spec dd{margin:0;font:700 1.02rem var(--fd);color:var(--dk8)}
.og-h3{font:700 1.2rem var(--fd);color:#fff;margin:34px 0 14px}
.og-dusun{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
.og-dusun li{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;padding:8px 16px 8px 12px;border-radius:999px;font:600 .92rem var(--f);transition:background .25s,transform .25s}
.og-dusun li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sn2)}
.og-dusun li:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
.og-nafkah{margin-top:10px}.og-nafkah .og-h3{margin-top:40px}
.og-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.12)}
.og-bar i{display:block;width:0;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}.og-bar.in i{width:var(--w)}
.og-bar i:nth-child(1){background:var(--sn)}.og-bar i:nth-child(2){background:var(--laut)}.og-bar i:nth-child(3){background:var(--dk5)}
.og-legend{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px;font:600 .9rem var(--f);color:#e6e0f5}
.og-legend li::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:var(--c)}
.og-legend b{color:#fff}

/* wisata */
.og-wis{background:var(--sd1)}
.og-wis-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:50px;align-items:center}
.og-wis-ph{position:relative;margin:0}
.og-wis-ph img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r2) var(--r2) 120px var(--r2);box-shadow:var(--sh);display:block}
.og-wis-ph::after{content:"";position:absolute;inset:auto -16px -16px auto;width:46%;height:46%;border-radius:50%;background:var(--sn);z-index:-1;opacity:.85}
.og-wis-txt p{max-width:52ch;color:var(--mute)}
.og-wis-tag{display:inline-block;background:#fde6cf;color:var(--sn-ink);border-radius:999px;padding:4px 14px;font:700 .8rem var(--f);margin-bottom:12px}

/* pemerintah desa */
.og-gov{background:var(--sd2);position:relative}
.og-gov::before,.og-wis::before{content:"";position:absolute;left:0;right:0;top:-1px;height:54px;background:url(../images/ombak-pasir.svg) repeat-x 0 0/1440px 100%;transform:scaleY(-1);pointer-events:none}
.og-wis{position:relative}.og-wis::before{background-image:url(../images/ombak-dk8.svg)}
.og-wis,.og-gov{padding-top:100px}
.og-gov-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:54px;align-items:center}
.og-kades{position:relative;margin:0;isolation:isolate}
.og-kades::before{content:"";position:absolute;left:8%;right:8%;top:8%;bottom:0;border-radius:50% 50% var(--r2) var(--r2);background:linear-gradient(180deg,var(--sn2),var(--sn));z-index:-1}
.og-kades img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;object-position:50% 100%}
.og-kades .og-ini{display:grid;place-items:center;aspect-ratio:1;font:700 clamp(3rem,8vw,5.5rem) var(--fd);color:var(--dk8)}
.og-gov h2{margin-bottom:6px}
.og-gov-role{margin:0 0 20px;font:700 1.02rem var(--f);color:var(--sn-ink)}
.og-gov p{max-width:60ch;color:#463d5e}
.og-note{margin-top:20px;padding:14px 20px;background:#fff;border-radius:18px;font-size:.94rem;color:#463d5e;max-width:60ch;box-shadow:0 10px 24px -20px rgba(36,27,75,.6)}
.og-prk{margin-top:70px}
.og-prk-h h3{font:700 clamp(1.6rem,2.8vw,2.2rem) var(--fd);color:var(--dk8)}.og-prk-h p{margin:8px 0 28px;color:var(--mute)}
.og-prk-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px}
.og-prk-grid li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;background:#fff;border-radius:22px;padding:22px 14px 20px;box-shadow:0 12px 26px -22px rgba(36,27,75,.7);transition:transform .3s,box-shadow .3s}
.og-prk-grid li:hover{transform:translateY(-5px);box-shadow:0 22px 34px -24px rgba(36,27,75,.8)}
.og-prk-ph{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:linear-gradient(160deg,var(--sn2),var(--sn));position:relative;margin-bottom:10px;overflow:hidden;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--sn2)}
.og-prk-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}
.og-prk-ph em{font:700 1.7rem var(--fd);color:var(--dk8);font-style:normal}
.og-prk-grid b{font:700 1.06rem/1.25 var(--fd);color:var(--dk8)}.og-prk-grid small{font:600 .84rem var(--f);color:var(--sn-ink)}

/* anggaran */
.og-ang{background:var(--sd1)}
.lk-head-row h2{font-size:clamp(1.8rem,3vw,2.4rem);color:var(--dk8)}
.lk-fig>div,.lk-card-soft,.lk-note,.lk-empty{background:#fff;border:0;border-radius:20px;box-shadow:0 12px 26px -22px rgba(36,27,75,.7)}
.lk-fig>div{border-top:5px solid var(--sn)}
.lk-fig b{font-family:var(--fd);font-weight:700;color:var(--dk8)}
.lk-bars i{background:linear-gradient(90deg,var(--sn) var(--w),var(--sd2) var(--w));border-radius:999px;height:12px}
.lk-empty{border:2px dashed var(--sd3);background:transparent;box-shadow:none}.lk-empty b{font-family:var(--fd);font-weight:700;color:var(--dk8)}
.lk-note{border-left:5px solid var(--sn)}

/* kontak */
.og-final{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:96px 0 88px;background:linear-gradient(180deg,#2a2060,#1b1440)}
.og-final::before{content:"";position:absolute;left:0;right:0;top:-1px;height:60px;background:url(../images/ombak-pasir.svg) repeat-x 0 0/1440px 100%;transform:scaleY(-1)}
.og-final::after{content:"";position:absolute;right:-120px;bottom:-190px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#ffeab8,#ffb35c 38%,#f28c38 66%,rgba(224,96,90,.2) 100%);z-index:-1;opacity:.92}
.og-final h2{font-size:clamp(1.9rem,3.6vw,3rem);max-width:17ch;color:#fff}
.og-final p{margin:16px 0 0;max-width:50ch;color:#e6e0f5}
.og-final-act{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* footer */
.lp-footer{background:var(--dk9);color:#c8bfe0;padding-top:52px}
.lp-footer .lf-name{font:700 1.5rem var(--fd);color:#fff}.lp-body .lp-footer p,.lp-body .lf-kontak p{color:#c8bfe0}
.lp-footer nav a{color:#f1ecff;font-weight:600}.lp-footer nav a:hover{color:var(--sn2)}
.lp-footer-base{border-color:rgba(255,255,255,.12)}.lp-footer-base a{color:#c8bfe0}
.lp-body .lp-footer .lf-name,.lp-body .lp-footer p.lf-name{color:#fff!important}

/* ---------- halaman dalam ---------- */
.lk-top{position:relative;color:#fff;background:linear-gradient(180deg,#1b1440 0%,#34286a 55%,#8a4a86 100%);overflow:hidden;isolation:isolate}
.lk-top::before{content:"";position:absolute;right:-90px;bottom:-190px;width:420px;height:420px;border-radius:50%;z-index:-1;background:radial-gradient(circle at 50% 40%,#ffeab8,#ffb35c 38%,#f28c38 68%,rgba(224,96,90,.25) 100%);opacity:.9}
.lk-top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;background:url(../images/ombak-pasir.svg) repeat-x 0 100%/1440px 100%}
.lk-top-sm{padding:0 0 18px}
.lk-banner{padding:54px 0 70px}
.ln-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 .92rem var(--f);color:var(--sn2);letter-spacing:0;text-transform:none}
.ln-eyebrow::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--sn)}
.lk-banner h1{font-family:var(--fd);font-weight:700;font-size:clamp(2.1rem,4.6vw,3.4rem);margin-top:14px;color:#fff;max-width:20ch}
.lk-banner p{color:#e6e0f5}
.lk-sheet,.lk-sheet-in{margin-top:0;border-radius:0;padding-top:34px;background:var(--sd1)}
.lk-sheet-in{min-height:50vh}
.lk-prose h2,.lk-prose-wide h2,.lk-head h2,.lk-about h2{font-family:var(--fd);font-weight:700;color:var(--dk8)}
.lk-prose-wide p,.lk-prose p{color:#463d5e}
.lk-pot,.lk-products article,.lk-team li,.lk-news article,.lk-newscard a,.lk-inquiry{border-radius:20px;border-color:var(--sd3)}
.lk-team li{background:#fff;border:0;box-shadow:0 12px 26px -22px rgba(36,27,75,.7)}
.lk-team img,.lk-ini{border-radius:50%;width:84px;height:84px;object-fit:cover;background:linear-gradient(160deg,var(--sn2),var(--sn));color:var(--dk8)}
.lk-newscard a{box-shadow:var(--sh);border:0}.lk-newscard small{color:var(--sn-ink)}.lk-newscard h3{font-family:var(--fd);font-weight:700;color:var(--dk8)}
.lk-newsph{background:var(--dk7);color:var(--sn2)}.lk-newsph.t1{background:var(--dk6)}.lk-newsph.t2{background:var(--dk8)}
.lk-chipa{border-radius:999px;border-color:var(--sd3);color:var(--dk8)}.lk-chipa.on{background:var(--dk8);border-color:var(--dk8)}
.lk-news article{box-shadow:var(--sh);background:#fff;border:0}.lk-news time{color:var(--sn-ink)}.lk-news h3 a{font-family:var(--fd);font-weight:700;color:var(--dk8)}.lk-news h3 a:hover{color:var(--sn-d)}
.lk-bluecard{background:var(--dk8);border-radius:20px}
.lk-sign{border-left-color:var(--sn)}
.lk-link{color:var(--sn-ink)}
.lk-artimg{border-radius:20px}

/* modal pengajuan surat */
.sm-dialog .btn-primary,.sm-dialog #smSubmit{background:var(--sn);border-color:var(--sn);color:var(--dk9);box-shadow:none;font-weight:700;border-radius:999px}
.sm-dialog .btn-primary:hover,.sm-dialog #smSubmit:hover{background:var(--sn2);border-color:var(--sn2)}
.sm-dialog .btn-outline{background:var(--sd1);border-color:var(--sd3);color:var(--dk8);border-radius:999px}.sm-dialog .btn-outline:hover{background:var(--sd2)}
.sm-dialog #smSelfie .btn,.sm-dialog #smSelfie button{background:var(--dk7);border-color:var(--dk7);color:#fff}
.sm-dialog .sm-selfie{background:var(--sd1);border-color:var(--sd3)}.sm-dialog .sm-selfie-ok{color:var(--dk7)}
.sm-dialog .sm-kode{background:var(--sd1);color:var(--dk8)}
.sm-dialog h3,.sm-dialog .sm-sec{color:var(--dk8);border-color:var(--sd3);font-family:var(--fd);font-weight:700}
.sm-dialog input:focus,.sm-dialog select:focus,.sm-dialog textarea:focus{outline:2px solid var(--sn);border-color:var(--sn)}

/* halaman dalam: buku tamu, pembangunan, absen, verifikasi */
.lk-sheet-in .btn-primary{background:var(--sn);border-color:var(--sn);color:var(--dk9);border-radius:999px;font-weight:700;box-shadow:none}
.lk-sheet-in .btn-primary:hover{background:var(--sn2);border-color:var(--sn2)}
.lk-sheet-in .btn-outline{background:#fff;border:1.5px solid var(--sd3);color:var(--dk8);border-radius:999px;font-weight:700}
.lk-sheet-in input,.lk-sheet-in select,.lk-sheet-in textarea{border-radius:14px;border:1.5px solid var(--sd3);background:#fff}
.lk-sheet-in input:focus,.lk-sheet-in select:focus,.lk-sheet-in textarea:focus{outline:2px solid var(--sn);border-color:var(--sn)}
.lk-sheet-in .kunjungan-opt{border-radius:16px;border-color:var(--sd3)}.lk-sheet-in .kunjungan-opt.active{border-color:var(--sn);background:#fff1df;color:var(--dk8)}
.lk-sheet-in .proyek-card{border-radius:20px;border:0;box-shadow:var(--sh)}
.lk-sheet-in .proyek-progress-fill,.lk-sheet-in .progres-dot{background:var(--sn)}
.lk-sheet-in #petaDesa{border-radius:20px}
.vf-card{border-radius:24px!important;box-shadow:var(--sh)!important;border:0!important}
.vf-ok{border:2px solid var(--sn)!important}.vf-ok .vf-ic{background:#fff1df!important;color:var(--sn-ink)!important}.vf-h b,.vf-t{color:var(--dk8)!important}
.vf-f button{background:var(--sn)!important;color:var(--dk9)!important;border-radius:999px!important}.vf-f input{border-color:var(--sd3)!important;border-radius:999px!important}

/* tabbar ponsel */
.citizen-toolbar.lp-tabbar{display:none}

/* ---------- animasi ---------- */
.og-intro{position:fixed;inset:0;z-index:500;pointer-events:none;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#1b1440 0%,#4a2f78 55%,#c8607a 86%,#f59a55 100%);border-radius:0 0 50% 50%/0 0 70px 70px;animation:ogCurtain .85s cubic-bezier(.7,0,.2,1) 2s forwards,ogGone 0s 3s forwards}
.og-intro-sun{position:absolute;left:50%;bottom:-170px;width:340px;height:340px;margin-left:-170px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#ffeab8,#ffb35c 40%,#f28c38 70%);box-shadow:0 0 80px 24px rgba(255,166,92,.45);animation:ogSunUp 1.7s cubic-bezier(.2,.8,.2,1) forwards}
.og-intro-c{position:relative;z-index:2;display:grid;justify-items:center;gap:8px;text-align:center;color:#fff;margin-top:-90px;animation:ogFade .35s 1.85s forwards}
.og-intro-c img{animation:ogPop .7s .2s cubic-bezier(.2,.8,.2,1) both}
.og-intro-c b{font:700 clamp(2rem,6vw,3rem)/1.05 var(--fd);animation:ogRise .7s .45s both}
.og-intro-c small{color:#ffd9a8;font:600 1rem var(--f);animation:ogRise .7s .65s both}
.og-seen .og-intro{display:none}
@keyframes ogCurtain{to{transform:translateY(-104%)}}@keyframes ogFade{to{opacity:0}}@keyframes ogGone{to{visibility:hidden}}
@keyframes ogSunUp{to{bottom:-34%}}
@keyframes ogPop{from{opacity:0;transform:scale(.6)}}@keyframes ogRise{from{opacity:0;transform:translateY(16px)}}
@keyframes ogDrift{to{background-position-x:-1440px}}
@keyframes ogRing{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.28);opacity:0}}
@keyframes ogTwinkle{from{opacity:.45}to{opacity:1}}
@keyframes ogSunRise{from{transform:translate(-50%,36%);opacity:0}to{transform:translate(-50%,0);opacity:1}}
@keyframes ogPhoto{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes ogPlateL{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes ogPlateR{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes ogGlow{from{box-shadow:0 0 70px 20px rgba(255,166,92,.3)}to{box-shadow:0 0 120px 46px rgba(255,166,92,.5)}}
.og-sun{animation:ogSunRise 1.6s cubic-bezier(.2,.8,.2,1) both,ogGlow 4s ease-in-out 1.6s infinite alternate;animation-delay:2.1s,3.7s}
.og-duo>img{animation:ogPhoto 1s cubic-bezier(.2,.8,.2,1) 2.5s both}
.og-plate.kiri{animation:ogPlateL .7s cubic-bezier(.2,.8,.2,1) 3.1s both}.og-plate.kanan{animation:ogPlateR .7s cubic-bezier(.2,.8,.2,1) 3.25s both}
.og-seen .og-sun{animation-delay:0s,1.6s}.og-seen .og-duo>img{animation-delay:.25s}.og-seen .og-plate.kiri{animation-delay:.8s}.og-seen .og-plate.kanan{animation-delay:.95s}
.og-hero-txt>*{animation:ogRise .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(2.3s + var(--t,0s))}
.og-hero-txt>:nth-child(2){--t:.1s}.og-hero-txt>:nth-child(3){--t:.2s}.og-hero-txt>:nth-child(4){--t:.3s}.og-hero-txt>:nth-child(7){--t:.4s}
.og-seen .og-hero-txt>*{animation-delay:var(--t,0s)}
.og-stats-wrap{animation:ogRise .8s cubic-bezier(.2,.8,.2,1) 3.1s both}.og-seen .og-stats-wrap{animation-delay:.5s}
/* gulir: muncul dari bawah, berurutan */
.js-rv{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
.js-rv.d1{transition-delay:.1s}.js-rv.d2{transition-delay:.2s}.js-rv.in{opacity:1;transform:none}
.og-hero-txt>.js-rv{opacity:1;transform:none}
.svc-card .lic-icn svg{transition:transform .35s}.svc-card:hover .lic-icn svg{transform:rotate(-8deg) scale(1.1)}
.og-wis-ph img{transition:transform .6s}.og-wis-ph:hover img{transform:scale(1.02)}

@media(max-width:1020px){
 .lp-nav,.lk-hmasuk,.lk-hcta{display:none}.lp-burger{display:flex}.lp-header-row{min-height:64px}
 .og-hero-grid{grid-template-columns:1fr;padding-top:40px;gap:0}
 .og-hero-txt{padding-bottom:36px}
 .og-duo{justify-self:center;width:min(500px,100%)}
 .og-wil-grid,.og-gov-grid,.og-wis-grid{grid-template-columns:1fr;gap:34px}
 .og-gov-grid .og-kades{max-width:280px;margin:0 auto}
 .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .og-newsgrid{grid-template-columns:1fr 1fr}.og-card:first-child{grid-column:1/-1;grid-row:auto}
 .lk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.lk-fig{grid-template-columns:1fr}
 .og-sec{padding:60px 0}
 .citizen-toolbar.lp-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--dk9);border-top:3px solid var(--sn)}
 .lp-tabbar a,.lp-tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 2px 8px;background:none;border:0;color:#c8bfe0;font:600 .68rem var(--f);text-decoration:none;cursor:pointer}
 .lp-tabbar a.active,.lp-tabbar a:hover{color:var(--sn2)}
 .lp-footer{padding-bottom:84px}
}
@media(max-width:640px){
 .svc-grid,.og-newsgrid{grid-template-columns:1fr}.lk-steps{grid-template-columns:1fr}
 .og-stats{grid-template-columns:1fr}.og-stat{border-right:0;border-bottom:1px dashed var(--sd3);padding:14px 22px}.og-stat:last-child{border:0}
 .og-spec>div{grid-template-columns:1fr;gap:2px}
 .og-svc-tools{flex-direction:column;align-items:stretch}
 .og-track{max-width:none}
 .og-plate{padding:7px 12px 8px;bottom:84px}.og-plate b{font-size:.9rem}.og-plate span{font-size:.64rem}
 .og-prk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .og-wis-ph::after{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js-rv{opacity:1;transform:none}.og-bar i{width:var(--w)}}
.lk-pot-img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;margin-bottom:14px}

.og-ph{position:relative;overflow:hidden;background:linear-gradient(180deg,#2d2260 0,#6a3f86 55%,#e0735a 92%)}
.og-ph svg{display:none}
.og-ph::before{content:"";position:absolute;left:50%;bottom:-26%;width:46%;aspect-ratio:1;margin-left:-23%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#ffeab8,#ffb35c 45%,#f28c38);box-shadow:0 0 50px 14px rgba(255,166,92,.4)}
.og-ph::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:34%;background:url(../images/ombak-tengah.svg) repeat-x 0 100%/720px 100%}
.og-card-b p{margin:2px 0 0;color:var(--mute);font-size:.98rem;line-height:1.55}

.og-vid{background:var(--sd1);padding-top:0}.og-wis+.og-vid{padding-top:10px}
.og-vid-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px;align-items:center}
.og-vframe{position:relative;aspect-ratio:16/9;border-radius:var(--r2);overflow:hidden;background:var(--dk8);box-shadow:var(--sh)}
.og-vframe iframe,.og-vplay{position:absolute;inset:0;width:100%;height:100%;border:0}
.og-vplay{padding:0;cursor:pointer;background:none}.og-vplay img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.og-vplay:hover img{transform:scale(1.04)}
.og-vplay span{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--sn);color:var(--dk9);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(242,140,56,.3);transition:transform .25s}
.og-vplay:hover span{transform:scale(1.08)}
@media(max-width:1020px){.og-vid-grid{grid-template-columns:1fr;gap:26px}}