/* Foto kepala desa pada hero; tata letak adaptif mempertahankan foto di ponsel. */
.hero-inner{min-height:680px;padding-top:80px}.coast-hero{min-height:680px;overflow:hidden}.coast-intro{width:55%;max-width:650px;position:relative;z-index:2}.coast-intro h1{font-size:clamp(40px,4.1vw,58px)}.coast-intro p{max-width:510px}.hero-leader{position:absolute;right:-12px;bottom:0;width:44%;height:96%;z-index:1}.hero-leader>img{position:absolute;height:100%;width:100%;object-fit:contain;object-position:center bottom;bottom:0;filter:drop-shadow(0 15px 30px #03273945)}.hero-leader-halo{position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #f3bd6177;right:40px;top:95px;box-shadow:0 0 0 25px #ffffff06}.hero-leader-name{position:absolute;bottom:88px;left:8%;right:5%;background:#ffffffed;border-left:4px solid #f3bd61;border-radius:7px;padding:20px 23px;backdrop-filter:blur(12px);color:#103c50}.hero-leader-name strong{font-size:24px;font-weight:750;display:block}.hero-leader-name span{font-size:12px;letter-spacing:1px}.hero-coordinate{position:relative;z-index:2;background:linear-gradient(90deg,#073c5344,transparent);font-size:9px}.ratio-note{display:flex;align-items:center;gap:16px;border-top:1px solid #dbe4e2;padding-top:16px;padding-bottom:18px;font-size:12px;color:#536e79}.ratio-note>strong{color:#086f91;font-size:23px}.ratio-tag{margin-left:auto;color:#086f91;font-size:10px;letter-spacing:.6px;text-transform:uppercase;background:#e6f1f3;border-radius:20px;padding:7px 12px}
.budget-section .coast-section-head{align-items:center}.budget-totals{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px}.budget-totals article{border-radius:10px;padding:30px;background:#073c53;color:white}.budget-totals article+article{background:#0b7898}.budget-totals span,.budget-totals small{display:block;color:#dbedf2;font-size:12px}.budget-totals strong{display:block;font-size:clamp(24px,3vw,37px);font-weight:650;letter-spacing:-1px;margin:12px 0}.budget-totals small{font-size:10px;letter-spacing:.8px}.budget-income{background:#fff;border:1px solid #dbe8ec;border-radius:10px;padding:25px 30px;margin-bottom:32px}.budget-income h3{font-size:19px;margin-bottom:20px}.income-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.income-grid article{display:flex;justify-content:space-between;gap:15px}.income-grid article+article{border-left:1px solid #dbe8ec;padding-left:30px}.income-grid h4{font-size:13px;margin:0 0 5px}.income-grid p{font-size:11px;margin:0}.income-grid strong{font-size:17px;white-space:nowrap;display:block}.estimate-badge{font-size:10px;background:#fff5df;color:#775219;border-radius:5px;padding:6px 8px;display:inline-block;margin-top:8px}.budget-allocation{display:grid;grid-template-columns:.8fr 1.4fr;gap:42px;background:#fff;border:1px solid #dbe8ec;border-radius:12px;padding:34px}.allocation-visual{padding:15px 10px;text-align:center}.allocation-donut{width:240px;height:240px;max-width:100%;border-radius:50%;padding:30px;margin:32px auto}.allocation-donut>div{height:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.allocation-donut strong{font-size:53px;color:#073c53;line-height:1.2}.allocation-donut span{font-size:13px;font-weight:600;margin:6px 0}.allocation-donut small{font-size:11px;color:#637c87}.allocation-visual p{font-size:12px;max-width:260px;margin:0 auto 22px}.budget-status{display:inline-block;border:1px solid #b6d9e2;color:#086f91;background:#eef8fa;padding:7px 13px;font-size:11px;border-radius:20px}.allocation-list article{padding:20px 0;border-bottom:1px solid #e5edf0}.allocation-list article:first-child{padding-top:0}.allocation-list article:last-child{border:0;padding-bottom:0}.allocation-heading{display:flex;gap:12px;align-items:flex-start}.allocation-number{font-size:11px;color:#76929d;padding-top:3px}.allocation-heading h3{font-size:15px;line-height:1.5;margin:0}.allocation-list p{font-size:11px;margin:8px 0 12px;padding-left:27px;line-height:1.7}.allocation-meta{display:flex;gap:13px;align-items:center;flex-wrap:wrap;padding-left:27px}.allocation-meta strong{font-size:16px}.allocation-meta>span{font-size:10px;color:#637c87}.allocation-meta .allocation-status{margin-left:auto;background:#f7f1e5;color:#856020;border-radius:20px;padding:5px 10px}.allocation-bar{height:5px;background:#edf2f3;border-radius:5px;margin:12px 0 0 27px;overflow:hidden}.allocation-bar span{display:block;height:100%;border-radius:5px}.budget-note{padding:18px 20px;border-left:3px solid #f3bd61;background:#fff9ec;font-size:12px!important;margin:25px 0}.bajugan-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bajugan-news-card{border:1px solid #dce8eb;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.news-media{display:block;aspect-ratio:16/9;overflow:hidden}.news-media img{width:100%;height:100%;object-fit:cover}.news-placeholder{width:100%;height:100%;min-height:150px;background:radial-gradient(circle at 100% 0,#71bfd126,transparent 60%),linear-gradient(140deg,#073c53,#0a7c99);color:white;display:flex;flex-direction:column;justify-content:center;padding:28px;position:relative}.news-placeholder:after{content:'≈';position:absolute;right:14px;bottom:-20px;font-size:130px;line-height:1;opacity:.15;color:#f3bd61}.news-placeholder>span:first-child{letter-spacing:5px;font-size:10px;color:#a6d6e1}.news-placeholder strong{font-size:24px;font-weight:600;margin:14px 0}.news-placeholder>span:last-child{font-size:8px;letter-spacing:2px;color:#f3bd61}.news-content{padding:24px;display:flex;flex-direction:column;flex:1}.news-meta{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px;font-size:10px;color:#657f8a}.news-meta>span{color:#086f91;font-weight:700}.news-content h3{font-size:19px;line-height:1.45;margin:0 0 14px;letter-spacing:-.3px}.news-content h3 a{color:#103c50}.news-content p{font-size:12px;flex:1;margin-bottom:20px}.news-content .text-link{font-size:11px}.coast-news .coast-section-head>a{white-space:nowrap}
@media(max-width:1000px){.hero-leader{right:-35px;width:48%;height:90%}.hero-leader-halo{width:260px;height:260px;right:25px}.hero-leader-name{left:12%;right:8%;padding:16px}.hero-leader-name strong{font-size:20px}.coast-intro{width:56%}.coast-intro h1{font-size:43px}.budget-allocation{gap:22px;padding:25px;grid-template-columns:.8fr 1.3fr}.income-grid{gap:20px}.income-grid article{flex-direction:column}.income-grid article+article{padding-left:20px}.bajugan-news-grid{grid-template-columns:repeat(2,1fr)}.allocation-donut{width:200px;height:200px;padding:24px}}
@media(max-width:700px){.coast-hero{min-height:0}.hero-inner{min-height:0;padding-top:44px;padding-bottom:18px;display:flex}.coast-intro{width:100%;max-width:none}.coast-intro h1{font-size:39px;letter-spacing:-1.5px;max-width:470px}.coast-intro p{max-width:none}.coast-actions{margin-top:25px}.hero-leader{position:relative;right:auto;bottom:auto;width:100%;height:390px;flex-shrink:0;margin:30px auto 0;max-width:420px}.hero-leader-halo{width:250px;height:250px;top:55px;left:50%;right:auto;transform:translateX(-50%)}.hero-leader-name{bottom:18px;left:8%;right:8%;padding:15px 20px}.hero-leader-name strong{font-size:21px}.hero-leader-name span{font-size:10px}.hero-coordinate{margin-top:0;padding-top:16px}.ratio-note{gap:10px;flex-wrap:wrap;padding-top:14px;padding-bottom:20px}.ratio-note>span:not(.ratio-tag){flex:1;min-width:200px;font-size:11px}.ratio-tag{margin-left:0}.budget-totals{grid-template-columns:1fr;gap:12px}.budget-totals article{padding:25px}.budget-totals strong{font-size:29px}.budget-income{padding:23px}.income-grid{grid-template-columns:1fr;gap:22px}.income-grid article{flex-direction:row;flex-wrap:wrap}.income-grid article+article{border-left:0;border-top:1px solid #dbe8ec;padding:20px 0 0}.budget-allocation{grid-template-columns:1fr;padding:22px}.allocation-visual{padding:8px 0 20px;border-bottom:1px solid #dce8eb}.allocation-donut{width:220px;height:220px;margin:20px auto}.allocation-heading h3{font-size:14px}.allocation-meta{gap:8px}.allocation-meta .allocation-status{margin-left:0}.allocation-meta strong{font-size:16px}.allocation-meta>span{font-size:9px}.bajugan-news-grid{grid-template-columns:1fr}.coast-news .coast-section-head>a{margin-top:20px}.news-content h3{font-size:21px}.news-content p{font-size:13px}}