/* Lampasio 2026 — portal agraris editorial, bukan turunan visual pesisir Bajugan. */
:root{--agri:#1f5b3b;--leaf:#90b755;--sun:#f3b544;--clay:#c96842;--cream:#f8f4e9;--paper:#fffdf7;--ink:#183228;--muted:#68786f;--line:#dfe6dc;--shadow:0 24px 70px rgba(23,55,42,.12)}
html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:"Plus Jakarta Sans",system-ui,sans-serif}.reveal-modern{opacity:1!important;transform:none!important}.container{width:min(1180px,calc(100% - 48px))!important}
.coast-top{background:var(--agri)!important;color:#fff!important;height:38px}.coast-top .container{height:38px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.08em}.coast-top b{color:var(--sun)}
.coast-header{top:0!important;background:rgba(255,253,247,.94)!important;border:0!important;box-shadow:0 1px 0 rgba(31,91,59,.12);backdrop-filter:blur(20px)}.coast-header>.container{min-height:82px}.brand-mark{width:46px!important;height:46px!important}.brand-text strong{font-family:Georgia,serif!important;font-size:25px!important;color:var(--agri)!important}.brand-dot{color:var(--clay)!important}.brand-text>span{font-size:8px!important;letter-spacing:.17em!important;color:#718079!important}.nav-links{gap:2px!important;padding:5px!important;background:#eef2e9!important;border:0!important;border-radius:999px!important}.nav-links a{padding:9px 12px!important;border-radius:999px!important;font-size:11px!important;color:#385247!important}.nav-links a:hover{background:#fff!important;color:var(--agri)!important;box-shadow:0 6px 15px rgba(31,91,59,.08)}
.coast-button{border-radius:12px!important;min-height:44px!important;text-transform:none!important;letter-spacing:0!important;font-weight:800!important}.coast-button.blue{background:var(--clay)!important;border-color:var(--clay)!important}.coast-button.gold{background:var(--sun)!important;border-color:var(--sun)!important;color:#2d321f!important}.coast-button.glass{background:rgba(255,255,255,.09)!important}
.coast-hero{min-height:760px!important;background:var(--paper)!important;color:var(--ink)!important;overflow:hidden}.coast-landscape{inset:46px 0 46px 47%!important;width:53%!important;height:668px!important;object-fit:cover!important;border-radius:42px 0 0 42px!important;filter:saturate(.82)!important;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)!important}.coast-shade{inset:46px 0 46px 47%!important;width:53%!important;height:668px!important;border-radius:42px 0 0 42px!important;background:linear-gradient(90deg,rgba(31,91,59,.08),rgba(24,50,40,.12)),linear-gradient(0deg,rgba(18,48,35,.45),transparent 50%)!important}.hero-inner{min-height:760px!important;display:grid!important;grid-template-columns:52% 48%!important;align-items:center!important;position:relative}.coast-intro{width:auto!important;max-width:620px!important;padding:94px 65px 100px 0!important;z-index:3}.coast-intro .kicker{display:inline-flex!important;background:#e4eddc!important;color:var(--agri)!important;padding:9px 13px!important;border-radius:999px!important;font-size:10px!important}.coast-intro .kicker i{background:var(--sun)!important}.coast-intro h1{color:var(--ink)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(4.2rem,6.1vw,6.8rem)!important;line-height:.89!important;font-weight:500!important;letter-spacing:-.065em!important;margin:23px 0!important}.coast-intro p{color:#5c7067!important;font-size:17px!important;max-width:510px!important;line-height:1.75!important}.coast-actions{margin-top:30px!important}.coast-intro .coast-button.glass{color:var(--agri)!important;border-color:#b8c9bd!important;background:transparent!important}
.hero-leader{right:3%!important;bottom:46px!important;width:39%!important;height:620px!important;z-index:2!important}.hero-leader img{max-height:570px!important;filter:drop-shadow(0 30px 25px rgba(10,42,30,.24))!important}.hero-leader-halo{width:390px!important;height:390px!important;border:0!important;background:rgba(243,181,68,.18)!important}.hero-leader-name{left:auto!important;right:7%!important;bottom:31px!important;background:var(--paper)!important;color:var(--ink)!important;border:0!important;border-left:5px solid var(--sun)!important;border-radius:4px 16px 16px 4px!important;box-shadow:var(--shadow)!important;min-width:235px!important;padding:17px 20px!important}.hero-leader-name strong{font-family:Georgia,serif!important;font-size:21px!important}.hero-coordinate{left:0!important;right:auto!important;bottom:22px!important;width:44%!important;color:#718079!important;border-top:1px solid var(--line)!important;padding-top:14px!important}.hero-ticker{left:auto!important;right:3%!important;bottom:113px!important;width:39%!important;border:0!important;border-radius:14px!important;background:rgba(255,253,247,.92)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important}.hero-ticker-badge{background:var(--agri)!important;color:#fff!important}
.kicker{font-size:10px!important;letter-spacing:.18em!important;color:var(--clay)!important}.coast-section-head h2,.welcome-copy h2,.numbers-title h2{font-family:Georgia,serif!important;font-weight:500!important;letter-spacing:-.045em!important;line-height:.98!important;color:var(--ink)!important}.coast-section-head{align-items:end!important;margin-bottom:45px!important}.coast-section-head h2{font-size:clamp(3rem,5vw,5.4rem)!important}.coast-section-head>p{border-left:3px solid var(--sun);padding-left:22px!important;color:var(--muted)!important}
.coast-services{background:var(--cream)!important;padding:110px 0 75px!important}.layanan-icon-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.layanan-icon-card{min-height:132px!important;border:0!important;border-radius:20px!important;background:var(--paper)!important;padding:22px!important;display:grid!important;grid-template-columns:54px 1fr!important;align-items:center!important;text-align:left!important;box-shadow:0 1px 0 var(--line)!important;position:relative!important}.layanan-icon-card:after{content:"Mulai →";grid-column:2;font-size:10px;font-weight:800;color:var(--clay);margin-top:-20px}.layanan-icon-card:nth-child(3n+1){border-top:4px solid var(--leaf)!important}.layanan-icon-card:nth-child(3n+2){border-top:4px solid var(--sun)!important}.layanan-icon-card:nth-child(3n+3){border-top:4px solid var(--clay)!important}.layanan-icon-card:hover{transform:translateY(-7px)!important;box-shadow:var(--shadow)!important}.lic-icn{width:48px!important;height:48px!important;border-radius:14px!important;background:#e8f0e2!important;color:var(--agri)!important}.lic-label{font-size:14px!important;color:var(--ink)!important}
.citizen-quick{background:var(--cream)!important}.citizen-quick a{background:transparent!important;border:1px dashed #bac8ba!important;border-radius:15px!important}.citizen-quick a:hover{background:#fff!important}.service-steps{margin:40px auto 0!important;width:min(1180px,calc(100% - 48px))!important;border-radius:24px 24px 0 0!important;background:var(--agri)!important;padding:25px 35px!important}.service-steps b{color:var(--sun)!important}#status{background:var(--agri)!important;padding:75px 0 115px!important}.status-grid,.form-shell,.tracking-shell{border-radius:24px!important;border:0!important;box-shadow:0 25px 60px rgba(6,42,27,.18)!important}
.coast-numbers{background:var(--paper)!important;padding:100px 0!important}.numbers-row{display:grid!important;grid-template-columns:1.3fr repeat(3,1fr)!important;background:#eef2e9!important;border-radius:30px!important;overflow:hidden!important}.numbers-row>div{padding:36px!important}.numbers-row>div:not(.numbers-title){border-left:1px solid #d6dfd4!important}.numbers-title{background:var(--agri)!important}.numbers-title .kicker{color:#d9e8cc!important}.numbers-title h2{color:#fff!important;font-size:48px!important}.numbers-row strong{font-family:Georgia,serif!important;font-weight:500!important}.ratio-note{margin-top:16px!important;background:var(--sun)!important;border-radius:18px!important;padding:18px 24px!important;color:#2c3829!important}.ratio-tag{background:#fff5d6!important;color:#55491e!important}
.coast-welcome{background:var(--paper)!important;padding:120px 0!important}.welcome-grid{grid-template-columns:.9fr 1.1fr!important;gap:95px!important}.portrait-frame{min-height:610px!important;background:#e4eadb!important;border-radius:46% 46% 24px 24px!important;overflow:hidden!important}.portrait-frame:before{content:"";position:absolute;inset:25px;border:1px solid rgba(31,91,59,.18);border-radius:46% 46% 20px 20px}.portrait-word{font-family:Georgia,serif!important;color:rgba(31,91,59,.07)!important;writing-mode:vertical-rl;right:8px!important;top:90px!important;font-size:70px!important}.portrait-caption{background:var(--agri)!important;color:#fff!important;border-radius:0 18px 0 0!important}.portrait-orbit{border-color:rgba(201,104,66,.45)!important}.welcome-copy h2{font-size:clamp(3.5rem,5vw,5.8rem)!important}.welcome-copy p{font-size:16px!important;line-height:1.85!important;color:var(--muted)!important}.gold-line{background:var(--sun)!important}.text-link{color:var(--clay)!important}
.team-section{background:var(--cream)!important}.team-card,.team-member{border-radius:22px!important;border-color:var(--line)!important}.coast-potential{background:var(--cream)!important;color:var(--ink)!important;padding:120px 0!important}.coast-potential .coast-section-head h2,.coast-potential .coast-section-head p{color:var(--ink)!important}.potential-grid{grid-template-columns:1.35fr .85fr .85fr!important}.potential-card{min-height:390px!important;border:0!important;border-radius:26px!important;background:var(--paper)!important;color:var(--ink)!important;box-shadow:0 1px 0 var(--line)!important}.potential-card:first-child{background:var(--agri)!important;color:#fff!important}.potential-card:first-child h3,.potential-card:first-child p{color:#fff!important}.potential-card h3{font-family:Georgia,serif!important;font-size:31px!important;color:var(--ink)!important}.potential-card p{color:var(--muted)!important}.potential-card:first-child .potential-icon,.potential-card:first-child .kicker,.potential-card:first-child .text-link{color:var(--sun)!important}.coast-ribbon{background:var(--sun)!important;color:#2e392b!important;border:0!important;border-radius:22px!important}.coast-ribbon .coast-button{border-color:#65551f!important;color:#2e392b!important}
.coast-shop{background:#edf1e8!important;padding:120px 0!important}.product-card{border:0!important;border-radius:24px!important;background:var(--paper)!important;overflow:hidden!important}.product-art{background:#dfe9d5!important}.product-copy h3{font-family:Georgia,serif!important;font-size:29px!important}.product-tag{background:var(--clay)!important}.inquiry-panel{border-radius:26px!important;background:var(--paper)!important;border:1px solid var(--line)!important}.budget-section{background:var(--paper)!important;padding:120px 0!important}.budget-totals article{border-radius:20px!important}.budget-totals article:first-child{background:var(--agri)!important}.coast-news{background:var(--cream)!important}.bajugan-news-card{border:0!important;border-radius:22px!important;background:var(--paper)!important}.news-placeholder{background:linear-gradient(145deg,#dce7d5,#f5e7c3)!important}.news-placeholder:after,.news-placeholder>span:last-child{color:var(--agri)!important}
.coast-contact{background:var(--agri)!important;padding:110px 0!important;color:#fff!important;border-radius:44px 44px 0 0!important}.coast-contact h2{font-family:Georgia,serif!important;font-size:clamp(3.6rem,6vw,6.5rem)!important;font-weight:500!important}.contact-info{background:#fff!important;color:var(--ink)!important;border-radius:26px!important;padding:35px!important;transform:rotate(1.5deg)}.coast-footer{background:#123626!important}.footer-name{font-family:Georgia,serif!important}.footer-name span{color:var(--sun)!important}.citizen-toolbar{background:rgba(255,253,247,.96)!important}.citizen-toolbar a,.citizen-toolbar button{color:var(--agri)!important}
.page-hero,.inner-hero,.article-hero{background:linear-gradient(135deg,var(--agri),#163d2b)!important;color:#fff!important;border-radius:0 0 38px 38px!important}.page-shell,.content-card,.public-card,.form-card{border-radius:22px!important;border-color:var(--line)!important;box-shadow:0 12px 35px rgba(31,91,59,.08)!important}
.village-note{padding:130px 0;background:#173e2b;color:#fff;position:relative;overflow:hidden}.village-note:before{content:"L";position:absolute;right:-2vw;top:-110px;font:700 520px/1 Georgia,serif;color:rgba(255,255,255,.025)}.note-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px 70px;position:relative}.note-heading{padding-top:20px}.note-heading .kicker{color:var(--sun)!important}.note-heading h2{font:500 clamp(3.2rem,5vw,5.6rem)/.94 Georgia,serif;letter-spacing:-.055em;margin:22px 0;color:#fff}.note-heading p{max-width:360px;color:#b9cbbf;line-height:1.75}.note-letter{background:var(--paper);color:var(--ink);border-radius:8px 34px 34px 34px;padding:58px 58px 34px;position:relative;box-shadow:0 28px 70px rgba(4,25,16,.24)}.note-letter:after{content:"";position:absolute;left:0;top:0;width:9px;height:100%;background:var(--sun);border-radius:8px 0 0 8px}.note-mark{position:absolute;right:38px;top:6px;font:130px/1 Georgia,serif;color:#e5eadf}.note-letter blockquote{position:relative;margin:0 0 28px;font:500 clamp(2rem,3vw,3.2rem)/1.08 Georgia,serif;letter-spacing:-.035em;max-width:680px}.note-letter>p{color:var(--muted);line-height:1.8;max-width:690px}.note-signature{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:34px;padding-top:24px}.note-signature img{width:62px;height:62px;object-fit:cover;object-position:top;border-radius:50%;background:#e6ecdf;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.note-signature div{display:flex;flex-direction:column}.note-signature strong{font:600 20px Georgia,serif}.note-signature span{font-size:11px;color:var(--muted);margin-top:4px}.note-signature a{margin-left:auto;color:var(--clay);font-size:12px;font-weight:800}.note-promises{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.note-promises article{display:flex;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:15px;padding:20px 22px;background:rgba(255,255,255,.045)}.note-promises b{font:500 28px Georgia,serif;color:var(--sun)}.note-promises div{display:flex;flex-direction:column;gap:4px}.note-promises strong{font-size:13px}.note-promises span{font-size:11px;color:#a9c0b1;line-height:1.45}
@media(max-width:850px){.note-layout{grid-template-columns:1fr}.note-letter{padding:45px 30px 28px}.note-promises{grid-template-columns:1fr}.note-heading p{max-width:600px}}

/* Hero v6: foto desa penuh, tanpa panel atau pembatas setengah layar. */
.coast-hero{min-height:760px!important;background:#173e2b!important;color:#fff!important}
.coast-landscape{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;clip-path:none!important;object-fit:cover!important;object-position:center center!important;filter:saturate(.9) contrast(1.03)!important}
.coast-shade{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;background:linear-gradient(90deg,rgba(9,35,24,.92) 0%,rgba(11,45,30,.78) 37%,rgba(13,48,33,.28) 68%,rgba(7,32,22,.18) 100%),linear-gradient(0deg,rgba(4,24,16,.48),transparent 48%)!important}
.hero-inner{grid-template-columns:55% 45%!important}
.coast-intro{padding-right:70px!important}
.coast-intro .kicker{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;backdrop-filter:blur(9px)}
.coast-intro h1{font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;font-size:clamp(4rem,6.1vw,6.7rem)!important;font-weight:800!important;line-height:.93!important;letter-spacing:-.065em!important;color:#fff!important;text-shadow:0 8px 35px rgba(4,25,16,.3)!important}
.coast-intro p{color:rgba(255,255,255,.83)!important;font-size:17px!important;text-shadow:0 3px 16px rgba(4,25,16,.32)}
.coast-intro .coast-button.glass{color:#fff!important;border-color:rgba(255,255,255,.48)!important;background:rgba(255,255,255,.09)!important;backdrop-filter:blur(8px)}
.hero-coordinate{color:rgba(255,255,255,.66)!important;border-top-color:rgba(255,255,255,.25)!important}
.hero-leader-name{background:rgba(255,253,247,.9)!important;backdrop-filter:blur(12px)}
@media(max-width:700px){.coast-hero,.hero-inner{min-height:850px!important}.coast-landscape,.coast-shade{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important}.coast-landscape{object-position:58% center!important}.coast-shade{background:linear-gradient(180deg,rgba(8,35,23,.9) 0%,rgba(9,38,25,.7) 50%,rgba(6,29,19,.35) 100%)!important}.coast-intro{padding-top:72px!important;padding-right:0!important}.coast-intro h1{font-size:clamp(3.1rem,14vw,4.8rem)!important}.coast-intro p{max-width:94%!important}}
@media(max-width:1050px){.nav-links{display:none!important}.coast-landscape,.coast-shade{left:52%!important;width:48%!important}.hero-inner{grid-template-columns:58% 42%!important}.hero-leader{width:43%!important;right:0!important}.potential-grid{grid-template-columns:1fr 1fr!important}.potential-card:first-child{grid-column:span 2}.numbers-row{grid-template-columns:1fr 1fr!important}.numbers-title{grid-row:span 2}.layanan-icon-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:700px){.container{width:min(100% - 28px,1180px)!important}.coast-top{display:none!important}.coast-header>.container{min-height:68px!important}.header-cta>a{display:none!important}.coast-hero,.hero-inner{min-height:850px!important}.hero-inner{display:block!important}.coast-intro{padding:68px 0 0!important}.coast-intro h1{font-size:clamp(3.3rem,16vw,5rem)!important;max-width:94%!important}.coast-intro p{font-size:14px!important}.coast-landscape,.coast-shade{inset:auto 0 0 8%!important;width:92%!important;height:410px!important;border-radius:38px 0 0 0!important;clip-path:none!important}.hero-leader{width:94%!important;height:420px!important;bottom:0!important;right:-6%!important}.hero-leader img{max-height:395px!important}.hero-leader-halo{width:280px!important;height:280px!important}.hero-leader-name{right:9%!important;bottom:20px!important;min-width:190px!important;padding:12px 14px!important}.hero-coordinate,.hero-ticker{display:none!important}.coast-services,.coast-welcome,.coast-potential,.coast-shop,.budget-section{padding:80px 0!important}.coast-section-head{display:block!important}.coast-section-head h2{font-size:3.4rem!important}.coast-section-head>p{margin-top:25px!important}.layanan-icon-grid{grid-template-columns:1fr!important}.layanan-icon-card{min-height:104px!important}.citizen-quick .container{grid-template-columns:1fr 1fr!important}.service-steps{width:calc(100% - 28px)!important;margin-top:26px!important;padding:20px 16px!important}.numbers-row{grid-template-columns:1fr!important}.numbers-title{grid-row:auto}.numbers-row>div:not(.numbers-title){border-left:0!important;border-top:1px solid #d6dfd4!important}.welcome-grid{grid-template-columns:1fr!important;gap:50px!important}.portrait-frame{min-height:500px!important}.welcome-copy h2{font-size:3.6rem!important}.potential-grid{grid-template-columns:1fr!important}.potential-card:first-child{grid-column:auto}.coast-contact{border-radius:28px 28px 0 0!important}.coast-contact .container{grid-template-columns:1fr!important}.coast-contact h2{font-size:3.7rem!important}.contact-info{margin-top:35px!important;transform:none}}
