:root{--navy:#0b1d32;--ink:#142a40;--muted:#6d7d8e;--blue:#168fca;--blue-dark:#087eae;--teal:#0b7780;--green:#16a085;--mint:#e8f8f4;--sky:#edf8fd;--line:#e1eaf0;--paper:#fff;--soft:#f5f9fb;--radius:18px;--shadow:0 12px 36px rgba(20,48,68,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65}h1,h2,h3,strong{font-family:Manrope,"DM Sans",sans-serif}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em}h2{letter-spacing:-.03em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.topline{background:#07182a;color:#c9dce9;font-size:11px;letter-spacing:.04em}.topline-inner{display:flex;justify-content:space-between;padding:7px 0}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,233,240,.85)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;min-width:210px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#0d9bd0,#087d8d);color:white;font:800 14px Manrope;box-shadow:0 7px 16px #0789aa35}.brand strong{display:block;font:800 13px Manrope;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.nav-links{display:flex;align-items:center;gap:4px}.nav-links>a{font-size:11px;font-weight:700;color:#516174;padding:10px 10px;border-radius:9px;white-space:nowrap}.nav-links>a:hover,.nav-links>a.active{color:var(--blue-dark);background:#eff9fd}.nav-links .nav-cta{color:#fff;background:linear-gradient(120deg,var(--blue),var(--teal));padding-inline:17px}.nav-toggle{display:none;background:white;border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:var(--ink)}.hero{min-height:510px;position:relative;overflow:hidden;background:linear-gradient(120deg,#0b2a42,#087a87);color:white;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,24,43,.88),rgba(4,45,56,.56)),url("https://images.unsplash.com/photo-1518837695005-2083093ee35b?auto=format&fit=crop&w=2000&q=85");background-size:cover;background-position:center;opacity:.95}.hero-content{position:relative;z-index:1;padding-top:66px;padding-bottom:92px}.eyebrow{display:inline-block;color:var(--teal);font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;margin-bottom:12px}.eyebrow-light{color:#8fe8db}.hero h1{font-size:clamp(36px,5vw,59px);line-height:1.12;max-width:740px;margin-bottom:19px}.hero h1 span{color:#6de0d0}.hero p{max-width:580px;color:#d9e8f0;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(120deg,var(--blue),var(--teal));box-shadow:0 8px 20px #087f9b30}.btn-glass{color:#fff;border:1px solid #ffffff60;background:#ffffff13}.btn-white{background:#fff;color:#087c8d}.btn-outline{border:1px solid var(--line);background:white;color:var(--ink)}.btn-small{padding:8px 12px;font-size:11px}.btn-full{width:100%;margin-top:7px}.hero-note{margin-top:33px;color:#c6dce7;font-size:11px;display:flex;align-items:center;gap:9px}.pulse-dot{width:7px;height:7px;background:#65e3b8;border-radius:50%;box-shadow:0 0 0 5px #65e3b820}.hero-decor{position:absolute;width:390px;height:390px;border:1px solid #ffffff20;border-radius:50%;right:-100px;bottom:-220px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.stat-overlap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;margin-top:-43px;z-index:2}.stat-card{background:#fff;border:1px solid #e6eef2;border-radius:15px;box-shadow:var(--shadow);padding:22px 18px;display:flex;align-items:center;gap:13px;min-height:103px}.stat-icon{width:42px;height:42px;border-radius:13px;background:var(--sky);display:grid;place-items:center;color:var(--blue);font-size:20px;flex-shrink:0}.stat-card strong{display:block;font-size:18px;line-height:1.35;overflow-wrap:anywhere}.stat-card small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.stat-highlight .stat-icon{background:var(--mint);color:var(--teal)}.section{padding-top:76px;padding-bottom:76px}.section-soft{background:#f5fafb}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.section-heading h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin-bottom:9px}.section-heading p{font-size:13px;color:var(--muted);max-width:570px;margin-bottom:0}.text-link{font-size:11px;font-weight:800;color:var(--blue-dark);white-space:nowrap}.text-link span{font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:200px;transition:transform .2s,box-shadow .2s}.feature-card:hover,.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-blue{background:linear-gradient(145deg,#f0f9ff,#fff)}.feature-green{background:linear-gradient(145deg,#eafaf5,#fff)}.feature-sand{background:linear-gradient(145deg,#f5fbf3,#fff)}.feature-icon{display:grid;place-items:center;width:45px;height:45px;background:white;border:1px solid #dfeef1;border-radius:14px;color:var(--teal);font-size:22px;margin-bottom:24px}.feature-card h3{font-size:18px;margin-bottom:8px}.feature-card p{font-size:12px;color:var(--muted);max-width:250px}.card-arrow{position:absolute;right:24px;bottom:22px;color:var(--blue);font-size:20px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.article-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.article-image{height:190px;display:block;background:#e9f5f6;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.article-card:hover .article-image img{transform:scale(1.04)}.image-placeholder{height:100%;min-height:140px;display:grid;place-items:center;background:linear-gradient(135deg,#dff5f1,#ddecfa);color:#378c94;font-size:11px;font-weight:800;letter-spacing:.1em}.article-content{padding:20px}.article-date{color:var(--teal);font-size:10px;font-weight:800}.article-content h3{font-size:16px;line-height:1.45;margin:9px 0}.article-content p{font-size:12px;color:var(--muted);min-height:40px}.empty-state{text-align:center;border:1px dashed #cddfe6;border-radius:18px;padding:46px 20px;background:#ffffffa8}.empty-state>span{font-size:32px;color:var(--teal)}.empty-state h3{margin:9px 0}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:0}.cta-section{margin-top:64px;margin-bottom:70px;border-radius:23px;padding:38px 42px;background:linear-gradient(115deg,#0b3149,#087e82);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-section h2{font-size:clamp(22px,3vw,31px);margin-bottom:8px}.cta-section p{font-size:12px;color:#d4e7e8;margin:0}.site-footer{background:#081a2d;color:#d8e4ed;padding:52px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:42px}.brand-footer{color:#fff}.brand-footer small{color:#9eb4c4}.site-footer .muted{color:#94aabb;font-size:12px;max-width:350px;margin-top:18px}.site-footer h3{font-size:12px;color:white;margin-bottom:14px}.site-footer .footer-grid>div>a:not(.brand){display:block;font-size:11px;color:#a8bbc8;margin:9px 0}.footer-bottom{border-top:1px solid #ffffff18;display:flex;justify-content:space-between;padding:18px 0;color:#8da4b5;font-size:10px}.footer-bottom a{color:#bcd2df}.page-hero{padding:64px 0 59px;background:radial-gradient(circle at 85% 0,#d5f4ed 0,transparent 34%),linear-gradient(120deg,#f0f9fd,#f4fbf8);border-bottom:1px solid #e5f0f0}.page-hero h1{font-size:clamp(30px,4vw,44px);margin:0 0 12px}.page-hero p{max-width:650px;color:var(--muted);font-size:14px;margin:0}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}.two-col h2{font-size:30px}.two-col p{color:#617285;font-size:14px}.lead{font-size:17px!important;line-height:1.7;color:#334c5d!important}.info-panel,.statement-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff;box-shadow:0 10px 30px #16374b08}.info-panel-icon{width:48px;height:48px;border-radius:15px;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-size:22px}.info-panel h3{margin:15px 0}.info-panel dl{margin:0}.info-panel dl>div{padding:12px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.info-panel dt{color:var(--muted);font-size:12px}.info-panel dd{font-size:12px;font-weight:800;text-align:right;margin:0}.statement-card{background:#fff}.statement-green{background:#effaf5}.statement-card h2{font-size:25px}.statement-card p{white-space:pre-line}.notice{border:1px solid #d4eaf1;border-left:4px solid var(--blue);background:#f2faff;border-radius:10px;padding:14px 17px;font-size:12px;color:#456174;margin-bottom:24px}.official-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.official-card{display:flex;align-items:start;gap:14px;padding:19px;border:1px solid var(--line);border-radius:15px;background:#fff}.official-avatar{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;background:#edf6ff;color:#1688b7;border-radius:13px;font-size:21px}.official-role{font-size:10px;color:var(--teal);font-weight:800}.official-card h3{font-size:14px;margin:5px 0}.official-card p{font-size:11px;color:var(--muted);margin:0}.potential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.potential-card{padding:25px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff,#f8fcfc)}.potential-symbol{width:54px;height:54px;border-radius:16px;background:var(--mint);display:grid;place-items:center;font-size:25px;margin-bottom:22px}.potential-card h3{font-size:17px;margin-bottom:8px}.potential-card p{font-size:12px;color:var(--muted);min-height:60px}.potential-tag{font-size:10px;color:var(--teal);font-weight:800;background:#e8f7f3;border-radius:30px;padding:6px 10px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{margin:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.gallery-item img{width:100%;height:220px;object-fit:cover}.gallery-item iframe,.video-card iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.gallery-item figcaption{padding:15px}.gallery-item figcaption strong{font-size:13px}.gallery-item figcaption p{font-size:11px;color:var(--muted);margin:5px 0 0}.video-heading{margin-top:55px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.video-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.video-card strong{display:block;padding:14px;font-size:13px}.stats-large{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 55px}.stat-large{padding:25px;border:1px solid var(--line);border-radius:17px;background:white;display:flex;flex-direction:column;gap:7px}.stat-large>span{font-size:22px;color:var(--teal)}.stat-large small{font-size:11px;color:var(--muted)}.stat-large strong{font-size:21px;overflow-wrap:anywhere}.map-frame iframe{width:100%;height:360px;border:0;border-radius:18px}.map-placeholder{min-height:230px;background:linear-gradient(130deg,#e7f7f5,#edf7ff);border-radius:18px;display:grid;place-content:center;text-align:center;padding:25px}.map-placeholder span{font-size:32px;color:var(--teal)}.map-placeholder p{color:var(--muted);font-size:12px}.contact-layout{display:grid;grid-template-columns:1fr .8fr;gap:24px}.contact-card{padding:30px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.contact-card h2{font-size:25px}.contact-line{display:flex;gap:14px;padding:17px 0;border-top:1px solid var(--line)}.contact-line>span{width:38px;height:38px;display:grid;place-items:center;background:var(--sky);color:var(--blue);border-radius:12px;flex-shrink:0}.contact-line small,.contact-line strong{display:block}.contact-line small{font-size:10px;color:var(--muted)}.contact-line strong{font-size:12px;overflow-wrap:anywhere}.contact-highlight{background:linear-gradient(145deg,#0b3149,#0b7b7c);border-radius:20px;color:#fff;padding:31px;display:flex;flex-direction:column;align-items:start;justify-content:center;min-height:350px}.contact-icon{font-size:30px;margin-bottom:24px}.contact-highlight h2{font-size:26px}.contact-highlight p{color:#d1e7e6;font-size:13px}.contact-highlight-footer{border-top:1px solid #ffffff35;padding-top:16px;margin-top:18px;font-size:11px;color:#c5e3e1}.important-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.important-item{display:flex;gap:13px;padding:19px;border:1px solid var(--line);border-radius:14px;background:white}.important-item>span{width:39px;height:39px;display:grid;place-items:center;background:#e8f8f3;color:var(--teal);border-radius:12px;flex-shrink:0}.important-item strong,.important-item small{display:block}.important-item strong{font-size:12px}.important-item small{font-size:11px;color:var(--muted);margin-top:4px}.article-detail{max-width:850px}.article-detail>.eyebrow{display:block;margin-top:35px}.article-detail h1{font-size:clamp(30px,5vw,48px);line-height:1.2;margin-bottom:25px}.detail-cover{width:100%;max-height:480px;object-fit:cover;border-radius:20px;margin:24px 0}.article-body{font-size:15px;line-height:1.9;white-space:normal;color:#334b5d;margin:28px 0}.article-body p{margin-bottom:1.2em}.article-detail .video-card{margin-top:28px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(135deg,#edf9fc,#e7f8f1)}.auth-card{width:min(100%,460px);background:white;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.auth-card h1{font-size:26px;margin:28px 0 8px}.auth-card>p{font-size:12px;color:var(--muted);margin-bottom:23px}.auth-card label,.editor-form label{display:block;font-size:12px;font-weight:800;margin-bottom:16px}.auth-card input,.editor-form input,.editor-form textarea,.editor-form select{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #d8e4e9;border-radius:9px;background:#fff;color:var(--ink);font-size:13px;outline:none}.auth-card input:focus,.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #168fca18}.back-link{display:block;text-align:center;font-size:11px;color:var(--muted);margin-top:18px}.form-alert,.form-success{padding:12px 14px;border-radius:9px;font-size:12px;margin:14px 0}.form-alert{background:#fff0ee;color:#a53529;border:1px solid #f5d0ca}.form-success{background:#ecfaf2;color:#17734e;border:1px solid #c6ecd8}.form-success a{font-weight:800}.admin-page{background:#f4f8fa;min-height:100vh}.admin-top{background:#fff;border-bottom:1px solid var(--line);min-height:78px;padding:12px max(20px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-top>a:not(.brand){font-size:12px;font-weight:800;color:var(--blue-dark)}.admin-top-actions{display:flex;align-items:center;gap:17px;font-size:11px}.admin-top-actions>a{color:var(--blue-dark);font-weight:800}.admin-top-actions form{margin:0}.admin-main{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:43px 0 70px}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.admin-heading h1{font-size:32px;margin:0 0 5px}.admin-heading p{font-size:12px;color:var(--muted);margin:0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.admin-stats>div{background:white;border:1px solid var(--line);border-radius:14px;padding:21px}.admin-stats small,.admin-stats strong{display:block}.admin-stats small{font-size:11px;color:var(--muted)}.admin-stats strong{font-size:30px;font-family:Manrope}.admin-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:22px}.admin-panel h2{font-size:17px}.admin-panel-heading{display:flex;justify-content:space-between;align-items:center}.admin-panel-heading h2{margin:0 0 17px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:#738596;font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:#f7fafb}td,th{padding:13px 12px;border-bottom:1px solid #eaf0f3}td a{color:var(--blue-dark);font-weight:800}tbody tr:last-child td{border-bottom:0}.status{display:inline-block;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:800}.status-published{background:#e5f8ef;color:#168053}.status-draft{background:#fff4dc;color:#93671a}.admin-quicklinks{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-quicklinks>a{display:flex;align-items:center;gap:13px;background:white;border:1px solid var(--line);border-radius:14px;padding:20px;color:var(--teal);font-size:22px}.admin-quicklinks span{flex:1}.admin-quicklinks strong,.admin-quicklinks small{display:block}.admin-quicklinks strong{font-size:12px;color:var(--ink)}.admin-quicklinks small{font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.form-main{max-width:900px}.editor-form{padding:28px}.editor-form h2{margin-bottom:20px}.editor-form textarea{resize:vertical;line-height:1.6}.editor-form input[type=file]{padding:9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;gap:10px;margin-top:22px}.gallery-admin-forms{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gallery-admin-forms .admin-panel{margin-bottom:22px}.action-cell{white-space:nowrap}.action-cell form{display:inline;margin-left:12px}.link-danger{border:0;background:none;padding:0;color:#b43e35;font-size:12px;font-weight:800;cursor:pointer}
@media(max-width:1100px){.nav-wrap{min-height:72px}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 20px 20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.is-open{display:flex}.nav-links>a{padding:12px}.brand{min-width:unset}.hero{min-height:470px}.stat-overlap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 30px,600px)}.topline-inner span:last-child{display:none}.hero{min-height:500px}.hero-content{padding-top:65px;padding-bottom:80px}.hero h1{font-size:39px}.hero p{font-size:13px}.stat-overlap{gap:9px;margin-top:-28px}.stat-card{padding:14px 12px;min-height:84px;gap:9px}.stat-icon{width:35px;height:35px;font-size:17px}.stat-card strong{font-size:14px}.stat-card small{font-size:9px}.section{padding-top:55px;padding-bottom:55px}.section-heading{align-items:start;flex-direction:column;gap:12px}.feature-grid,.article-grid,.potential-grid,.gallery-grid,.official-grid,.important-grid{grid-template-columns:1fr}.feature-card{min-height:170px}.article-image{height:220px}.cta-section{margin:45px auto;padding:28px 23px;flex-direction:column;align-items:start}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:15px;font-size:9px}.page-hero{padding:47px 0}.two-col,.contact-layout{grid-template-columns:1fr;gap:22px}.two-col h2{font-size:26px}.gallery-item img{height:240px}.video-grid,.stats-large{grid-template-columns:1fr}.contact-highlight{min-height:280px}.admin-top{padding:12px 15px}.admin-top-actions{gap:9px}.admin-top-actions>span{display:none}.admin-main{width:calc(100% - 28px);padding-top:28px}.admin-heading{align-items:start;flex-direction:column}.admin-heading h1{font-size:27px}.admin-stats{gap:8px}.admin-stats>div{padding:14px}.admin-stats small{font-size:9px}.admin-stats strong{font-size:23px}.admin-panel{padding:15px}.admin-quicklinks{grid-template-columns:1fr}.gallery-admin-forms{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.editor-form{padding:17px}.auth-card{padding:25px}.article-detail h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* =========================================
   DESAIN PREMIUM - BERANDA PUBLIK
   Desa Lapandewa Makmur
========================================= */

.hero-premium {
    min-height: 570px;
    isolation: isolate;
    background: #06283a;
}

.hero-premium .hero-bg {
    background-position: center 48%;
    background-size: cover;
    opacity: 1;
    transform: scale(1.015);
}

.hero-grid-pattern {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .14;
    background-image:
        linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px);
    background-size: 62px 62px;
    mask-image: linear-gradient(90deg, black, transparent 85%);
}

.hero-glow {
    position: absolute;
    z-index: 0;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(80px);
    opacity: .17;
}

.hero-glow-one {
    top: -150px;
    right: 12%;
    background: #21d4c3;
}

.hero-glow-two {
    bottom: -210px;
    right: 35%;
    background: #188cdb;
}

.hero-content-premium {
    padding-top: 80px;
    padding-bottom: 105px;
}

.hero-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #91eee5;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 10px;
    font-weight: 800;
    margin-bottom: 19px;
}

.hero-label-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #70f0cf;
    box-shadow: 0 0 0 5px #70f0cf20, 0 0 18px #70f0cf90;
}

.hero-premium h1 {
    max-width: 790px;
    font-size: clamp(38px, 5.2vw, 66px);
    line-height: 1.08;
    letter-spacing: -.055em;
    margin-bottom: 21px;
    text-shadow: 0 4px 24px #00152250;
}

.hero-premium h1 span {
    display: block;
    margin-top: 5px;
    color: #70e4d6;
    background: linear-gradient(100deg, #75eddf, #65cce9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-premium .hero-content > p {
    font-size: 15px;
    color: #e0edf3;
    max-width: 570px;
    line-height: 1.8;
}

.hero-btn {
    min-height: 49px;
    border-radius: 12px;
    padding-inline: 19px;
    box-shadow: 0 9px 24px #00182424;
}

.hero-btn:hover {
    box-shadow: 0 14px 30px #00182445;
}

.btn-icon {
    font-size: 16px;
}

.hero-premium .btn-primary {
    background: linear-gradient(120deg, #159fd4, #078b9c);
    box-shadow: 0 9px 25px #0096b944, inset 0 1px #ffffff30;
}

.hero-premium .btn-glass {
    background: linear-gradient(120deg, #ffffff18, #ffffff08);
    border-color: #ffffff70;
    backdrop-filter: blur(12px);
}

.hero-note-premium {
    margin-top: 32px;
    font-size: 11px;
}

.hero-bottom-fade {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, #062a3745, transparent);
    pointer-events: none;
}

.hero-side-label {
    position: absolute;
    z-index: 1;
    right: 30px;
    bottom: 65px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffffbd;
    font-size: 8px;
    letter-spacing: .13em;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.hero-side-line {
    width: 1px;
    height: 40px;
    background: #ffffff80;
}

/* KARTU STATISTIK MENGAMBANG */

.stat-overlap-premium {
    gap: 16px;
    margin-top: -48px;
    z-index: 3;
}

.stat-card-premium {
    min-width: 0;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 112px;
    padding: 21px 19px;
    gap: 14px;
    border: 1px solid #dcecf3;
    border-radius: 21px;
    background: linear-gradient(135deg, #ffffff 35%, #f3faff);
    box-shadow:
        0 20px 42px #163c5110,
        0 5px 12px #163c5106,
        inset 0 1px #ffffff;
    transition: transform .28s ease, box-shadow .28s ease;
}

.stat-card-premium:hover {
    transform: translateY(-6px);
    box-shadow:
        0 25px 48px #163c5118,
        0 7px 16px #163c5109;
}

.stat-mint {
    background: linear-gradient(135deg, #ffffff 28%, #edfbf7);
    border-color: #d9f0e9;
}

.stat-icon-premium {
    position: relative;
    z-index: 1;
    width: 53px;
    height: 53px;
    border-radius: 17px;
    background: linear-gradient(145deg, #eaf8ff, #d9f0fc);
    color: #078ac2;
    box-shadow: inset 0 1px #ffffff, 0 4px 12px #0a9bca0b;
    font-size: 23px;
}

.stat-mint .stat-icon-premium {
    color: #07877c;
    background: linear-gradient(145deg, #e3f8f1, #d2f0e8);
}

.stat-info {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.stat-card-premium .stat-info strong {
    font-size: clamp(15px, 1.5vw, 20px);
    letter-spacing: -.035em;
}

.stat-card-premium .stat-info small {
    font-size: 11px;
}

.stat-watermark {
    position: absolute;
    z-index: -1;
    right: 13px;
    bottom: -22px;
    color: #179ed0;
    opacity: .065;
    font-size: 94px;
    line-height: 1;
    transform: rotate(-12deg);
}

.stat-mint .stat-watermark {
    color: #099f86;
}

.stat-card-line {
    position: absolute;
    top: 0;
    left: 22px;
    width: 46px;
    height: 3px;
    border-radius: 0 0 5px 5px;
    background: linear-gradient(90deg, #1ca8db, #73d8e4);
    opacity: .8;
}

.stat-mint .stat-card-line {
    background: linear-gradient(90deg, #11a88c, #8ce5c9);
}

/* BAGIAN KENALI DESA */

.village-section {
    position: relative;
    padding-top: 83px;
    padding-bottom: 83px;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 5% 5%, #eaf7ff9c, transparent 38%),
        radial-gradient(ellipse at 95% 60%, #e8faf350, transparent 38%),
        #ffffff;
}

.village-heading {
    margin-bottom: 31px;
}

.village-heading h2 {
    font-size: clamp(27px, 3.1vw, 38px);
    letter-spacing: -.045em;
}

.village-heading .eyebrow {
    letter-spacing: .17em;
    margin-bottom: 13px;
}

.village-more {
    padding-bottom: 5px;
}

.feature-grid-premium {
    gap: 20px;
}

.feature-card-premium {
    min-height: 255px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px;
    isolation: isolate;
    border: 1px solid #ffffffb8;
    border-radius: 22px;
    box-shadow:
        0 12px 30px #14384b0b,
        inset 0 1px #ffffff80;
    background: linear-gradient(135deg, #199ed1, #087e9a);
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.feature-profile {
    background: linear-gradient(135deg, #169fd3, #075d88);
}

.feature-government {
    background: linear-gradient(135deg, #21b5a7, #087c83);
}

.feature-potential {
    background: linear-gradient(135deg, #a9d99c, #267e6a);
}

.feature-card-image {
    position: absolute;
    z-index: -3;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.2, .7, .2, 1);
}

.feature-card-overlay {
    position: absolute;
    z-index: -2;
    inset: 0;
    background: linear-gradient(
        105deg,
        rgba(10, 148, 196, .97) 0%,
        rgba(12, 144, 186, .84) 34%,
        rgba(6, 78, 102, .22) 100%
    );
    transition: opacity .35s ease;
}

.feature-government .feature-card-overlay {
    background: linear-gradient(
        105deg,
        rgba(24, 176, 163, .97) 0%,
        rgba(12, 151, 143, .83) 38%,
        rgba(5, 76, 80, .20) 100%
    );
}

.feature-potential .feature-card-overlay {
    background: linear-gradient(
        105deg,
        rgba(207, 235, 190, .98) 0%,
        rgba(187, 224, 170, .84) 38%,
        rgba(22, 92, 67, .12) 100%
    );
}

.feature-card-shine {
    position: absolute;
    z-index: -1;
    top: -120%;
    left: -50%;
    width: 50%;
    height: 300%;
    background: linear-gradient(
        90deg,
        transparent,
        #ffffff18,
        transparent
    );
    transform: rotate(22deg);
    transition: left .7s ease;
    pointer-events: none;
}

.feature-card-premium:hover {
    transform: translateY(-8px);
    box-shadow:
        0 25px 45px #10384b20,
        0 7px 15px #10384b0b;
    border-color: #ffffff;
}

.feature-card-premium:hover .feature-card-image {
    transform: scale(1.09);
}

.feature-card-premium:hover .feature-card-shine {
    left: 140%;
}

.feature-icon-premium {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    border: 1px solid #ffffffad;
    border-radius: 15px;
    background: linear-gradient(145deg, #fffffffa, #ffffffd9);
    color: #078aa2;
    box-shadow: 0 7px 18px #062d3d18;
    font-size: 22px;
    margin-bottom: 17px;
}

.feature-card-content {
    display: block;
    position: relative;
    z-index: 1;
    max-width: 88%;
    color: #ffffff;
    text-shadow: 0 2px 12px #07334722;
}

.feature-card-content strong {
    display: block;
    font-size: 20px;
    font-family: Manrope, "DM Sans", sans-serif;
    letter-spacing: -.025em;
    margin-bottom: 7px;
}

.feature-card-content > span {
    display: block;
    font-size: 12px;
    line-height: 1.65;
    color: #ffffffed;
}

.feature-potential .feature-card-content {
    color: #103f39;
    text-shadow: none;
}

.feature-potential .feature-card-content > span {
    color: #244e47;
}

.feature-card-arrow {
    position: absolute;
    right: 22px;
    bottom: 22px;
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #ffffffed;
    color: #087e9b;
    box-shadow: 0 5px 15px #002b3a1b;
    font-size: 17px;
    transition: transform .25s ease;
}

.feature-card-premium:hover .feature-card-arrow {
    transform: translate(3px, -3px);
}

.feature-potential .feature-card-arrow {
    color: #087d6c;
}

/* BERITA */

.news-section {
    background:
        radial-gradient(ellipse at 100% 0, #e3f7f2 0, transparent 42%),
        #f5fafc;
}

.article-card-premium {
    border-radius: 19px;
    border-color: #e1edf2;
    box-shadow: 0 8px 22px #18384b07;
}

.article-card-premium:hover {
    box-shadow: 0 20px 38px #18384b14;
}

.article-card-premium .article-image {
    position: relative;
    height: 205px;
}

.article-image-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #082b3c25, transparent 55%);
    pointer-events: none;
}

.article-card-premium .article-content {
    padding: 23px;
}

/* CTA */

.cta-premium {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid #ffffff20;
    box-shadow: 0 22px 48px #073e4b1d;
    background:
        radial-gradient(circle at 85% 10%, #26c7b449, transparent 35%),
        linear-gradient(115deg, #092b45, #087f83);
}

.cta-decoration {
    position: absolute;
    z-index: -1;
    right: -70px;
    top: -130px;
    width: 330px;
    height: 330px;
    border: 1px solid #ffffff24;
    border-radius: 50%;
    box-shadow:
        0 0 0 30px #ffffff08,
        0 0 0 60px #ffffff06,
        0 0 0 90px #ffffff04;
    pointer-events: none;
}

.cta-content {
    max-width: 650px;
}

.cta-button {
    position: relative;
    z-index: 1;
    white-space: nowrap;
    box-shadow: 0 8px 22px #001b252b;
}

/* RESPONSIF BERANDA */

@media (min-width: 1400px) {
    .hero-premium {
        min-height: 610px;
    }

    .hero-content-premium {
        padding-top: 90px;
        padding-bottom: 115px;
    }

    .feature-card-premium {
        min-height: 280px;
    }
}

@media (max-width: 1100px) {
    .hero-premium {
        min-height: 520px;
    }

    .hero-content-premium {
        padding-top: 72px;
        padding-bottom: 92px;
    }

    .stat-overlap-premium {
        gap: 13px;
    }

    .stat-card-premium {
        padding: 17px 15px;
    }

    .feature-grid-premium {
        gap: 15px;
    }

    .feature-card-premium {
        padding: 20px;
        min-height: 235px;
    }

    .feature-card-content strong {
        font-size: 18px;
    }
}

@media (max-width: 760px) {
    .hero-premium {
        min-height: 510px;
    }

    .hero-content-premium {
        padding-top: 65px;
        padding-bottom: 80px;
    }

    .hero-premium h1 {
        font-size: clamp(36px, 9vw, 48px);
        line-height: 1.1;
    }

    .hero-premium .hero-content > p {
        font-size: 13px;
    }

    .hero-label {
        font-size: 9px;
        letter-spacing: .10em;
    }

    .hero-side-label {
        display: none;
    }

    .hero-actions {
        gap: 9px;
    }

    .hero-btn {
        padding: 12px 14px;
        font-size: 11px;
    }

    .stat-overlap-premium {
        margin-top: -27px;
        gap: 10px;
    }

    .stat-card-premium {
        min-height: 91px;
        padding: 12px 10px;
        gap: 8px;
        border-radius: 15px;
    }

    .stat-icon-premium {
        width: 34px;
        height: 34px;
        border-radius: 11px;
        font-size: 17px;
    }

    .stat-card-premium .stat-info strong {
        font-size: 13px;
    }

    .stat-card-premium .stat-info small {
        font-size: 9px;
    }

    .stat-watermark {
        font-size: 65px;
        right: 4px;
        bottom: -15px;
    }

    .stat-card-line {
        left: 13px;
    }

    .village-section {
        padding-top: 57px;
        padding-bottom: 58px;
    }

    .village-heading h2 {
        font-size: 27px;
    }

    .feature-grid-premium {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .feature-card-premium {
        min-height: 225px;
        padding: 23px;
        border-radius: 19px;
    }

    .feature-card-content strong {
        font-size: 19px;
    }

    .feature-card-content > span {
        font-size: 12px;
    }

    .article-card-premium .article-image {
        height: 220px;
    }

    .cta-premium {
        gap: 22px;
    }

    .cta-button {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stat-card-premium,
    .feature-card-premium,
    .feature-card-image,
    .feature-card-shine {
        transition: none !important;
    }
}


/* =========================================
   FIX PREMIUM BERANDA
   Desa Lapandewa Makmur
========================================= */

/* HERO: foto memenuhi area, konten tetap di atas */
.hero.hero-premium {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 570px;
    overflow: hidden;
    isolation: isolate;
    background: #06283a;
}

.hero-premium > .hero-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center 48%;
    background-repeat: no-repeat;
    opacity: 1;
    pointer-events: none;
}

.hero-premium > .hero-grid-pattern,
.hero-premium > .hero-glow,
.hero-premium > .hero-bottom-fade {
    pointer-events: none;
}

.hero-premium > .hero-content-premium {
    position: relative;
    z-index: 2;
    width: 100%;
}

.hero-premium > .hero-side-label {
    z-index: 2;
    pointer-events: none;
}

/* STATISTIK: empat kartu seimbang */
.stat-overlap.stat-overlap-premium {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
    margin-top: -48px;
}

.stat-overlap-premium > .stat-card-premium {
    min-width: 0;
    width: 100%;
}

.stat-card-premium .stat-info {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* KENALI DESA: gambar dan teks tersusun rapi */
.feature-grid.feature-grid-premium {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 20px;
}

.feature-grid-premium > .feature-card-premium {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    min-width: 0;
    min-height: 265px;
    padding: 25px;
    overflow: hidden;
    isolation: isolate;
    text-decoration: none;
}

.feature-card-premium > .feature-card-image {
    position: absolute;
    inset: 0;
    z-index: -3;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
}

.feature-card-premium > .feature-card-overlay {
    position: absolute;
    inset: 0;
    z-index: -2;
    display: block;
    pointer-events: none;
}

.feature-card-premium > .feature-card-shine {
    pointer-events: none;
}

.feature-card-premium > .feature-icon-premium {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.feature-card-premium > .feature-card-content {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: calc(100% - 8px);
    overflow-wrap: anywhere;
}

.feature-card-premium .feature-card-content strong {
    display: block;
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.35;
}

.feature-card-premium .feature-card-content > span {
    display: block;
    font-size: 12px;
    line-height: 1.7;
}

.feature-card-premium > .feature-card-arrow {
    z-index: 2;
}

/* BERITA: gambar tidak merusak ukuran kartu */
.article-card-premium .article-image {
    position: relative;
    display: block;
    height: 205px;
    overflow: hidden;
}

.article-card-premium .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* RESPONSIF TABLET */
@media (max-width: 1100px) {
    .stat-overlap.stat-overlap-premium {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .feature-grid.feature-grid-premium {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .feature-grid-premium > .feature-card-premium {
        min-height: 245px;
        padding: 20px;
    }
}

/* RESPONSIF HP */
@media (max-width: 760px) {
    .hero.hero-premium {
        min-height: 510px;
    }

    .stat-overlap.stat-overlap-premium {
        gap: 10px;
        margin-top: -27px;
    }

    .feature-grid.feature-grid-premium {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .feature-grid-premium > .feature-card-premium {
        min-height: 225px;
        padding: 23px;
    }
}


/* =========================================
   HALAMAN PROFIL DESA
   Desa Lapandewa Makmur
========================================= */

.profile-hero {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 490px;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(135deg, #07354b, #087f8c);
    color: #fff;
}

.profile-hero-image {
    position: absolute;
    inset: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.profile-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(
            90deg,
            rgba(4, 28, 45, .91) 0%,
            rgba(4, 43, 57, .68) 48%,
            rgba(4, 43, 57, .20) 100%
        ),
        linear-gradient(
            0deg,
            rgba(4, 28, 45, .48),
            transparent 65%
        );
}

.profile-hero-content {
    position: relative;
    z-index: 1;
    padding-top: 80px;
    padding-bottom: 78px;
}

.profile-breadcrumb {
    display: block;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, .78);
    font-size: 13px;
}

.profile-breadcrumb span {
    margin: 0 9px;
    color: #8de5dc;
}

.profile-eyebrow {
    color: #8de5dc;
}

.profile-hero-content h1 {
    max-width: 850px;
    margin: 12px 0 18px;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-size: clamp(36px, 5vw, 60px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.8px;
}

.profile-hero-content > p {
    max-width: 640px;
    margin: 0;
    color: rgba(255, 255, 255, .86);
    font-size: 16px;
    line-height: 1.8;
}

.profile-hero-button {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    margin-top: 28px;
    padding: 14px 20px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 12px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    backdrop-filter: blur(10px);
    transition: background .2s ease, transform .2s ease;
}

.profile-hero-button:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, .22);
}

.profile-hero-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    background: linear-gradient(90deg, #22b7c5, #9ce8cf, transparent);
}

/* INTRO DAN IDENTITAS */

.profile-intro {
    padding-top: 85px;
    padding-bottom: 90px;
    background:
        radial-gradient(
            ellipse at top left,
            rgba(31, 166, 191, .07),
            transparent 52%
        ),
        #fff;
}

.profile-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    align-items: start;
    gap: 70px;
}

.profile-intro-copy h2 {
    max-width: 650px;
    margin: 15px 0 22px;
    color: #142f46;
    font-family: 'Manrope', sans-serif;
    font-size: clamp(29px, 3.5vw, 43px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -1.2px;
}

.profile-intro-copy h2 span {
    color: #0c91a8;
}

.profile-lead {
    margin-bottom: 20px;
    color: #0b8195;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.8;
}

.profile-history {
    color: #65788a;
    font-size: 15px;
    line-height: 1.95;
    overflow-wrap: anywhere;
}

.profile-identity {
    padding: 28px;
    border: 1px solid #dfedf0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(22, 67, 86, .08);
}

.profile-identity-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 23px;
    border-bottom: 1px solid #e8f0f2;
}

.profile-identity-icon {
    display: flex;
    flex: 0 0 52px;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: #e7f6fa;
    color: #078aa2;
    font-size: 25px;
}

.profile-identity-heading h3 {
    margin: 5px 0 0;
    color: #17364c;
    font-size: 21px;
}

.profile-identity-list {
    padding-top: 5px;
}

.profile-identity-row {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px 0;
    border-bottom: 1px solid #edf2f4;
}

.profile-identity-row span {
    color: #7b8d9c;
    font-size: 12px;
}

.profile-identity-row strong {
    color: #213e53;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.profile-identity-footer {
    margin-top: 20px;
    padding: 13px;
    border-radius: 10px;
    background: #eff9f8;
    color: #168278;
    font-size: 12px;
    line-height: 1.7;
}

/* VISI DAN MISI */

.profile-direction {
    padding: 85px 0;
    background:
        linear-gradient(145deg, #f3f9fc, #edf8f5);
}

.profile-section-heading {
    max-width: 720px;
    margin-bottom: 35px;
}

.profile-section-heading h2 {
    margin: 13px 0;
    color: #17334a;
    font-family: 'Manrope', sans-serif;
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -1px;
}

.profile-section-heading > p {
    color: #718395;
    font-size: 15px;
    line-height: 1.8;
}

.profile-direction-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.profile-statement {
    position: relative;
    min-height: 265px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 15px 45px rgba(25, 69, 85, .06);
}

.profile-mission {
    background: linear-gradient(145deg, #e5f8f0, #fff);
}

.profile-statement-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.profile-statement-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border-radius: 13px;
    background: #e4f5fa;
    color: #087f98;
    font-size: 21px;
}

.profile-mission .profile-statement-icon {
    background: #d4f1e4;
    color: #12816d;
}

.profile-statement-label {
    color: #6f8494;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .6px;
}

.profile-statement h3 {
    position: relative;
    z-index: 1;
    margin: 24px 0 13px;
    color: #17364c;
    font-family: 'Manrope', sans-serif;
    font-size: 27px;
}

.profile-statement-text {
    position: relative;
    z-index: 1;
    max-width: 580px;
    color: #617587;
    font-size: 15px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.profile-statement-watermark {
    position: absolute;
    right: 22px;
    bottom: -42px;
    color: rgba(12, 145, 168, .06);
    font-family: 'Manrope', sans-serif;
    font-size: 190px;
    font-weight: 800;
    line-height: 1;
    pointer-events: none;
}

/* TAUTAN KE HALAMAN LAIN */

.profile-explore {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 70px;
    margin-bottom: 70px;
    padding: 36px;
    border-radius: 22px;
    background: linear-gradient(120deg, #08394e, #087f8c);
    color: #fff;
}

.profile-explore .eyebrow {
    color: #9be8dd;
}

.profile-explore h2 {
    margin: 10px 0;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-size: clamp(22px, 2.5vw, 30px);
    line-height: 1.3;
}

.profile-explore p {
    max-width: 540px;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
    line-height: 1.8;
}

.profile-explore-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.profile-explore-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 13px 16px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 10px;
    background: #fff;
    color: #086f82;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .2s ease;
}

.profile-explore-button:hover {
    transform: translateY(-2px);
}

.profile-explore-secondary {
    background: rgba(255, 255, 255, .10);
    color: #fff;
}

/* RESPONSIF */

@media (max-width: 900px) {
    .profile-intro-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 35px;
    }

    .profile-identity {
        max-width: none;
    }

    .profile-explore {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 650px) {
    .profile-hero {
        min-height: 420px;
    }

    .profile-hero-content {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .profile-hero-content h1 {
        font-size: 37px;
        letter-spacing: -1px;
    }

    .profile-intro {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .profile-direction {
        padding: 55px 0;
    }

    .profile-direction-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-statement {
        min-height: 220px;
        padding: 24px;
    }

    .profile-identity {
        padding: 22px;
    }

    .profile-explore {
        margin-top: 45px;
        margin-bottom: 45px;
        padding: 25px;
    }

    .profile-explore-actions {
        width: 100%;
        flex-direction: column;
    }

    .profile-explore-button {
        width: 100%;
    }
}



/* =========================================
   GAMBAR ARTIKEL BERANDA - FINAL
   ========================================= */

.news-section .article-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 19px;
}

.news-section .article-card-premium {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.news-section .article-card-premium > a.article-image {
    position: relative;
    display: block;
    flex: 0 0 230px;
    width: 100%;
    height: 230px;
    min-height: 230px;
    max-height: 230px;
    padding: 0;
    overflow: hidden;
    line-height: 0;
    background: #e9f5f6;
}

.news-section .article-card-premium > a.article-image > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center;
}

.news-section .article-card-premium > a.article-image > .article-image-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.news-section .article-card-premium > .article-content {
    flex: 1 1 auto;
    min-width: 0;
}

/* Tablet dan HP */
@media (max-width: 760px) {
    .news-section .article-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .news-section .article-card-premium > a.article-image {
        flex-basis: 220px;
        height: 220px;
        min-height: 220px;
        max-height: 220px;
    }
}
/* =========================================
   FIX HALAMAN PROFIL
   Menyesuaikan class dengan profil.php
========================================= */

/* Judul bagian profil */
.profile-intro-heading {
    max-width: 760px;
    margin-bottom: 38px;
}

.profile-intro-heading h2 {
    margin: 12px 0 14px;
    color: var(--navy);
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.3;
}

.profile-intro-heading > p {
    color: var(--muted);
    font-size: 15px;
    line-height: 1.8;
}

/* Foto, cerita desa, dan informasi wilayah */
.profile-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .8fr);
    align-items: start;
    gap: 25px;
}

.profile-about-card {
    display: grid;
    grid-template-columns: minmax(220px, .85fr) minmax(0, 1.15fr);
    align-items: stretch;
    gap: 28px;
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #fff;
    box-shadow: var(--shadow);
}

.profile-about-photo-wrap {
    position: relative;
    min-width: 0;
    min-height: 300px;
    overflow: hidden;
    border-radius: 16px;
    background: linear-gradient(145deg, #e5f5f8, #e8f8f1);
}

.profile-about-photo {
    width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    object-position: center;
}

.profile-about-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 300px;
    padding: 24px;
    color: var(--teal);
    text-align: center;
}

.profile-placeholder-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 17px;
    background: #fff;
    font-size: 30px;
}

.profile-about-placeholder small {
    max-width: 230px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.7;
}

.profile-photo-caption {
    position: absolute;
    right: 12px;
    bottom: 12px;
    left: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 13px;
    border: 1px solid #ffffff70;
    border-radius: 10px;
    background: #082b3cbb;
    color: #fff;
    font-size: 11px;
    backdrop-filter: blur(10px);
}

.profile-photo-caption-dot {
    width: 7px;
    height: 7px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #75e5c7;
}

.profile-about-content {
    min-width: 0;
    align-self: center;
    padding: 12px 0;
}

.profile-about-content h2 {
    margin: 10px 0 17px;
    color: var(--navy);
    font-size: clamp(23px, 2.3vw, 31px);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.profile-about-content h2 span {
    color: var(--teal);
}

.profile-about-lead {
    margin-bottom: 17px;
    color: #3f6575;
    font-size: 14px;
    line-height: 1.8;
}

.profile-history {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.profile-text-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 22px;
    color: var(--blue-dark);
    font-size: 12px;
    font-weight: 800;
}

/* Kartu informasi wilayah */
.profile-region-card {
    min-width: 0;
    padding: 25px;
    border: 1px solid #dcebef;
    border-radius: 22px;
    background: linear-gradient(150deg, #f5fbfd, #fff 70%);
    box-shadow: var(--shadow);
}

.profile-region-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.profile-region-icon {
    display: grid;
    place-items: center;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    border-radius: 14px;
    background: var(--mint);
    color: var(--teal);
    font-size: 23px;
}

.profile-region-top > div:last-child {
    min-width: 0;
}

.profile-region-kicker {
    color: var(--teal);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
}

.profile-region-top h3 {
    margin: 7px 0;
    color: var(--navy);
    font-size: 19px;
    line-height: 1.4;
}

.profile-region-top p {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.7;
}

.profile-region-divider {
    height: 1px;
    margin: 21px 0;
    background: var(--line);
}

.profile-region-list {
    display: grid;
    gap: 0;
}

.profile-region-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 12px 0;
    border-bottom: 1px solid #eaf0f3;
}

.profile-region-item:first-child {
    padding-top: 0;
}

.profile-region-item:last-child {
    border-bottom: 0;
}

.profile-region-label {
    color: var(--muted);
    font-size: 11px;
}

.profile-region-item strong {
    color: var(--ink);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.profile-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.profile-stat-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
}

.profile-stat-icon {
    color: var(--teal);
    font-size: 18px;
}

.profile-stat-value {
    color: var(--navy);
    font-size: 17px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.profile-stat-label {
    color: var(--muted);
    font-size: 10px;
}

.profile-region-footer {
    margin-top: 20px;
    color: var(--teal);
    font-size: 11px;
    font-weight: 700;
}

.profile-region-footer span {
    margin-right: 5px;
}

/* Tampilan tablet */
@media (max-width: 1000px) {
    .profile-main-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-region-card {
        width: 100%;
    }
}

/* Tampilan HP */
@media (max-width: 650px) {
    .profile-main-grid {
        gap: 18px;
    }

    .profile-about-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        padding: 17px;
    }

    .profile-about-photo-wrap,
    .profile-about-photo,
    .profile-about-placeholder {
        min-height: 240px;
    }

    .profile-about-content {
        padding: 0 2px 5px;
    }

    .profile-region-card {
        padding: 20px;
    }

    .profile-intro-heading {
        margin-bottom: 25px;
    }
}


/* =========================================
   PROFIL DESA - GAMBAR HORIZONTAL
   Fix dari vertikal ke horizontal 16:9
========================================= */

.profile-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.85fr);
    align-items: start;
    gap: 26px;
    width: 100%;
}

.profile-left-column {
    display: flex;
    flex-direction: column;
    gap: 26px;
    min-width: 0;
}

/* KARTU KIRI - SEKARANG GAMBAR DI ATAS (HORIZONTAL) */
.profile-about-card,
.profile-community-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #fff;
    box-shadow: var(--shadow);
}

/* WRAP GAMBAR JADI HORIZONTAL */
.profile-about-photo-wrap,
.profile-community-image-wrap {
    flex: 0 0 auto;
    width: 100%;
    height: 270px; /* ini kunci horizontalnya */
    min-height: auto;
    overflow: hidden;
    border-radius: 0;
    background: linear-gradient(145deg, #e5f5f8, #e8f8f1);
    position: relative;
}

.profile-about-photo,
.profile-community-image {
    width: 100%;
    height: 100%;
    min-height: auto;
    object-fit: cover;
    object-position: center;
}

.profile-about-placeholder,
.profile-community-image-placeholder {
    width: 100%;
    height: 100%;
    min-height: 270px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px;
    color: var(--teal);
    text-align: center;
}

/* CONTENT DI BAWAH GAMBAR */
.profile-about-content,
.profile-community-content {
    min-width: 0;
    padding: 26px 28px 28px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.profile-about-content h2 {
    margin: 10px 0 17px;
    color: var(--navy);
    font-size: clamp(23px, 2.3vw, 31px);
    line-height: 1.35;
}

.profile-about-content h2 span {
    color: var(--teal);
}

.profile-community-content h3 {
    font-size: clamp(21px, 1.7vw, 28px);
    line-height: 1.4;
    margin: 14px 0;
}

.profile-community-content p,
.profile-about-lead,
.profile-history {
    font-size: 14px;
    line-height: 1.85;
}

.profile-text-link,
.profile-community-link {
    margin-top: 18px;
}

/* KARTU KANAN TETAP */
.profile-main-grid > .profile-region-card {
    align-self: start;
    position: sticky;
    top: 95px;
}

/* TABLET */
@media (max-width: 1000px) {
    .profile-main-grid {
        grid-template-columns: 1fr;
    }
    .profile-main-grid > .profile-region-card {
        position: static;
    }
}

/* HP - LEBIH PENDEK BIAR TETAP HORIZONTAL CANTIK */
@media (max-width: 700px) {
    .profile-about-photo-wrap,
    .profile-about-placeholder,
    .profile-community-image-wrap,
    .profile-community-image-placeholder {
        height: 200px;
        min-height: 200px;
    }
    .profile-about-content,
    .profile-community-content {
        padding: 22px;
    }
}

/* =========================================
   HALAMAN PEMERINTAHAN DESA
   KOTAK BAGI 2 - KIRI FOTO, KANAN NAMA
   (Ganti blok lama dengan ini)
========================================= */

.gov-page {
    padding-top: 70px;
    padding-bottom: 40px;
}

.official-section {
    margin-bottom: 78px;
}

.official-section:last-of-type {
    margin-bottom: 0;
}

.org-heading {
    display: block;
    margin-bottom: 40px;
    text-align: center;
}

.org-heading .eyebrow {
    margin-bottom: 8px;
}

.org-heading h2 {
    margin: 0;
    color: var(--navy);
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.25;
}

.org-heading-line {
    display: block;
    width: 64px;
    height: 4px;
    margin: 16px auto 0;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--blue), var(--green));
}

.org-tree {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.org-tier {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

.org-tree-connected .org-tier + .org-tier {
    margin-top: 48px;
}

.org-tree-connected .org-tier + .org-tier::before {
    content: "";
    position: absolute;
    top: -48px;
    left: 50%;
    width: 2px;
    height: 48px;
    background: linear-gradient(180deg, #b9dbe6, #7cc6d2);
    transform: translateX(-50%);
}

.org-tree:not(.org-tree-connected) .org-tier + .org-tier {
    margin-top: 20px;
}

/* ---------- KARTU BAGI 2 ---------- */

.org-card {
    position: relative;
    flex: 0 0 320px;
    width: 320px;
    min-width: 0;
    height: 150px; /* ini bikin persegi panjang horizontal */
    overflow: hidden;
    display: flex;
    flex-direction: row; /* BAGI 2 KIRI KANAN */
    isolation: isolate;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 26px #18384b12;
    transition: transform .28s ease, box-shadow .28s ease;
}

.org-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 40px #18384b24;
}

/* KIRI - FOTO */
.org-photo {
    flex: 0 0 42%;
    width: 42%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #eaf6f8;
}

.org-photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform .5s ease;
}

.org-card:hover .org-photo img {
    transform: scale(1.08);
}

.org-initial {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, #dff1fa, #d9f3ea);
    color: #1688b7;
    font-family: Manrope, "DM Sans", sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
}

/* KANAN - NAMA & JABATAN */
.org-info {
    flex: 1;
    width: 58%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    padding: 16px 18px;
    background: #fff;
    text-align: left;
}

.org-role {
    display: inline-block;
    max-width: 100%;
    padding: 4px 10px;
    border-radius: 30px;
    background: #e8f7f3;
    color: var(--teal);
    font-size: 9.5px;
    font-weight: 800;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.org-info h3 {
    margin: 0;
    color: var(--navy);
    font-size: 15px;
    line-height: 1.35;
    letter-spacing: -.01em;
    overflow-wrap: anywhere;
}

/* Garis bawah */
.org-card::after {
    content: "";
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--blue), var(--green));
}

/* FIX TEKS KEPALA DESA - TENGAH SIMETRIS */
.org-card-head .org-info {
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 20px;
}

.org-card-head .org-role {
    font-size: 12px;
    padding: 5px 14px;
}

.org-card-head .org-info h3 {
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
}

/* RESPONSIF HP - TETAP BAGI 2 */
@media (max-width: 760px) {
    .gov-page {
        padding-top: 50px;
    }
    .official-section {
        margin-bottom: 56px;
    }
    .org-heading {
        margin-bottom: 30px;
    }
    .org-tier {
        gap: 12px;
    }
    .org-card {
        flex: 0 0 100%;
        width: 100%;
        max-width: 360px;
        height: 135px;
        border-radius: 16px;
    }
    .org-card-head {
        flex-basis: 100%;
        width: 100%;
        max-width: 360px;
        height: 145px;
    }
    .org-initial {
        font-size: 38px;
    }
    .org-info h3 {
        font-size: 13px;
    }
    .org-role {
        font-size: 8.5px;
    }
    .org-card-head .org-info h3 {
        font-size: 16px;
    }
    .org-tree-connected .org-tier + .org-tier {
        margin-top: 38px;
    }
    .org-tree-connected .org-tier + .org-tier::before {
        top: -38px;
        height: 38px;
    }
}
/* =========================================
   POTENSI - PREMIUM REDESIGN V2
   Ambisius, Visual, Informatif
========================================= */
.potential-premium { padding: 30px 0 80px; background: #fbfdfc; }

.pot-hero {
  display: grid;
  grid-template-columns: 1.7fr .6fr;
  gap: 24px;
  align-items: end;
  margin-bottom: 28px;
}
.pot-hero-left .eyebrow { color: var(--teal); font-weight: 800; letter-spacing: .14em; font-size: 12px; }
.pot-hero-left h1 {
  font-size: clamp(32px, 5vw, 50px);
  line-height: .95;
  letter-spacing: -.04em;
  color: var(--navy);
  margin: 10px 0 14px;
}
.pot-hero-left h1 span {
  background: linear-gradient(90deg, #0ea5b5, #22c58a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pot-hero-left p { max-width: 560px; color: #5f7486; font-size: 15.5px; line-height: 1.7; }

.pot-hero-meta { display: flex; gap: 12px; padding-bottom: 8px; }
.pot-stat {
  flex: 1;
  background: #fff;
  border: 1px solid #eef2f5;
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow: 0 8px 24px #0a2e3a06;
}
.pot-stat b { display:block; font-size: 22px; color: var(--navy); line-height:1; }
.pot-stat span { font-size: 11px; font-weight: 700; color: #7e90a1; margin-top: 6px; display:block; }

/* FILTER */
.pot-filter { display:flex; gap:10px; overflow:auto; padding-bottom:12px; margin-bottom:26px; scrollbar-width:none; }
.pot-filter::-webkit-scrollbar{display:none}
.pot-filter button {
  flex:0 0 auto;
  padding: 10px 18px;
  border-radius: 100px;
  border: 1px solid #e6ecef;
  background: #fff;
  font-weight: 700;
  font-size: 13.5px;
  color: #5a6d7e;
  cursor:pointer;
  transition: .25s;
}
.pot-filter button.active,
.pot-filter button:hover { background: var(--navy); color:#fff; border-color: var(--navy); transform: translateY(-1px); }

/* GRID + CARD */
.potential-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.potential-card {
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius: 22px;
  overflow:hidden;
  border:1px solid #eef2f5;
  box-shadow: 0 10px 30px #0a2e3a08;
  transition: all .35s cubic-bezier(.16,1,.3,1);
}
.potential-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 50px #0a2e3a18;
}
.potential-image {
  position:relative;
  height: 240px;
  overflow:hidden;
  background:#eaf4f6;
}
.potential-image img {
  width:100%; height:100%; object-fit:cover;
  transition: transform .6s cubic-bezier(.16,1,.3,1);
}
.potential-card:hover .potential-image img { transform: scale(1.08); }
.pot-img-overlay {
  position:absolute; inset:0;
  background: linear-gradient(0deg, rgba(6,36,56,.55) 0%, rgba(6,36,56,0) 60%);
}
.potential-fallback {
  width:100%; height:100%; display:grid; place-items:center;
  background: linear-gradient(160deg, #e3f4f8, #e6f7f0);
  font-size: 48px;
}
.potential-tag {
  position:absolute;
  left:14px; bottom:14px;
  z-index:2;
  padding:6px 12px;
  border-radius:100px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  color: var(--teal);
  font-size:11px;
  font-weight:800;
}
.pot-hover-icon {
  position:absolute;
  right:14px; top:14px;
  z-index:2;
  width:36px; height:36px;
  display:grid; place-items:center;
  border-radius:50%;
  background:#fff;
  color:var(--navy);
  font-weight:800;
  opacity:0;
  transform: translateY(10px);
  transition:.35s;
}
.potential-card:hover .pot-hover-icon { opacity:1; transform: translateY(0); }

.potential-content { padding: 18px 20px 18px; display:flex; flex-direction:column; gap:10px; }
.potential-content h3 { margin:0; font-size:17px; line-height:1.3; color:var(--navy); }
.potential-content p { margin:0; font-size:13.5px; line-height:1.6; color:#6b7f91; min-height:44px; }
.pot-foot {
  display:flex; justify-content:space-between; align-items:center;
  margin-top:6px; padding-top:12px; border-top:1px dashed #e6ecef;
}
.pot-foot span:first-child { font-size:11.5px; color:#8a9aa9; font-weight:600; }
.pot-cta { font-size:13px; font-weight:800; color: #0ea5b5; }

/* RESPONSIF */
@media (max-width:1024px){
  .potential-grid{grid-template-columns: repeat(2,1fr)}
  .pot-hero{grid-template-columns:1fr}
  .pot-hero-meta{flex-direction:row}
}
@media (max-width:600px){
  .potential-grid{grid-template-columns:1fr}
  .potential-image{height:210px}
  .potential-premium{padding:20px 0 50px}
}
/* =========================================
   BUDAYA & GALERI - PREMIUM V3
========================================= */
.gallery-premium { padding: 30px 0 90px; background: #fcfdfa; }
.gal-hero {
  display: grid; grid-template-columns: 1.6fr.7fr;
  gap: 24px; align-items: end; margin-bottom: 36px;
}
.gal-hero-left.eyebrow { color: var(--teal); font-weight: 800; letter-spacing:.14em; font-size: 12px; }
.gal-hero-left h1 {
  font-size: clamp(36px, 5vw, 54px); line-height:.9;
  letter-spacing: -.04em; color: var(--navy); margin: 12px 0 14px;
}
.gal-hero-left h1 span {
  background: linear-gradient(90deg, #0ea5b5, #f59e0b);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.gal-hero-left p { max-width: 540px; color: #5f7486; font-size: 15.5px; line-height: 1.7; }
.gal-hero-right { display:flex; gap:12px; }
.gal-stat { flex:1; background:#fff; border:1px solid #eef2f5; border-radius:16px; padding:16px 18px; box-shadow:0 8px 24px #0a2e3a06; }
.gal-stat b { display:block; font-size:26px; color:var(--navy); line-height:1; }
.gal-stat span { font-size:11px; font-weight:700; color:#7e90a1; margin-top:6px; display:block; }

.section-heading-gal { margin: 32px 0 18px; }
.section-heading-gal h2 { font-size: 28px; color: var(--navy); letter-spacing: -.02em; margin:0 0 6px; }
.section-heading-gal p { color: #7b8e9f; font-size: 14px; margin:0; }

/* MASONRY - kayak Pinterest */
.gallery-masonry {
  column-count: 3; column-gap: 18px;
}
.g-item {
  break-inside: avoid; position:relative;
  border-radius: 18px; overflow:hidden;
  margin-bottom: 18px; cursor:pointer;
  background:#eef4f6;
  box-shadow:0 10px 24px #0a2e3a08;
  transition:.35s;
}
.g-item:hover { transform: translateY(-4px); box-shadow:0 18px 40px #0a2e3a15; }
.g-item img { width:100%; display:block; transition:.6s; }
.g-item:hover img { transform: scale(1.05); }
.g-overlay { position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 60%); opacity:0; transition:.3s; }
.g-item:hover.g-overlay { opacity:1; }
.g-info {
  position:absolute; left:12px; right:12px; bottom:12px;
  display:flex; justify-content:space-between; align-items:center;
  color:#fff; z-index:2; opacity:0; transform: translateY(10px); transition:.35s;
}
.g-item:hover.g-info { opacity:1; transform: translateY(0); }
.g-info span { font-size:12.5px; font-weight:700; background: rgba(255,255,255,.18); backdrop-filter: blur(8px); padding:6px 10px; border-radius:100px; }
.g-info i { width:32px; height:32px; display:grid; place-items:center; background:#fff; color:var(--navy); border-radius:50%; font-style:normal; font-weight:800; }

/* VIDEO GRID */
.video-section { margin-top: 48px; }
.video-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }
.v-card { cursor:pointer; }
.v-thumb { position:relative; height:200px; border-radius:16px; overflow:hidden; background:#111; }
.v-thumb img { width:100%; height:100%; object-fit:cover; opacity:.9; transition:.4s; }
.v-card:hover.v-thumb img { transform:scale(1.05); opacity:1; }
.v-play { position:absolute; inset:0; display:grid; place-items:center; }
.v-play span { width:52px; height:52px; display:grid; place-items:center; background:#ff0000; color:#fff; border-radius:50%; font-size:20px; box-shadow:0 8px 20px #0004; }
.v-card h4 { margin:10px 4px 0; font-size:14px; line-height:1.4; color:var(--navy); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.v-fallback { width:100%; height:100%; display:grid; place-items:center; font-size:40px; color:#fff; background: linear-gradient(135deg,#0e7490,#22c55e); }

/* LIGHTBOX */
.gal-lightbox {
  position:fixed; inset:0; z-index:9999;
  background: rgba(6,20,32,.88); backdrop-filter: blur(14px);
  display:grid; place-items:center;
  opacity:0; visibility:hidden; transition:.3s;
  padding: 20px;
}
.gal-lightbox.show { opacity:1; visibility:visible; }
.gal-lightbox img { max-width:92vw; max-height:82vh; border-radius:16px; box-shadow:0 20px 60px #0008; }
.gal-lightbox p { color:#cbd5e1; margin-top:14px; font-size:14px; font-weight:600; text-align:center; }
.gal-close { position:absolute; right:20px; top:20px; width:40px; height:40px; display:grid; place-items:center; background: rgba(255,255,255,.12); color:#fff; border-radius:50%; cursor:pointer; }
.video-frame { width: min(900px, 92vw); aspect-ratio: 16/9; background:#000; border-radius:16px; overflow:hidden; }
.video-frame iframe { width:100%; height:100%; }

@media (max-width:1024px){.gallery-masonry{column-count:2}.video-grid{grid-template-columns: repeat(2,1fr)}.gal-hero{grid-template-columns:1fr} }
@media (max-width:600px){.gallery-masonry{column-count:1}.video-grid{grid-template-columns:1fr}.v-thumb{height:190px} }
/* =========================================
   FIX POSISI TEKS HERO BERANDA
   Sejajarkan dengan container (logo & kartu statistik)
========================================= */

.hero.hero-premium > .hero-content-premium {
    width: min(1160px, calc(100% - 40px));
    margin-inline: auto;
}

@media (max-width: 760px) {
    .hero.hero-premium > .hero-content-premium {
        width: min(100% - 30px, 600px);
    }
}