.elementor-965 .elementor-element.elementor-element-a50b221{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8dcd1cb *//* DESA SUKO — BERANDA ELEMENTOR | Paste into Site Settings > Custom CSS */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
.eb{--g:#047246;--deep:#063f2b;--ink:#123f30;--muted:#697970;--soft:#f4f9f6;--line:#dbe8e0;font-family:"Montserrat",Arial,sans-serif;color:var(--ink);box-sizing:border-box}.eb *,.eb *:before,.eb *:after{box-sizing:border-box}.eb a{text-decoration:none}.eb-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.eb h1,.eb h2{font-family:"Playfair Display",Georgia,serif!important;letter-spacing:-.05em;margin:0}.eb h3,.eb p{margin:0}.eb-kicker{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.14em}.eb-kicker span{width:25px;height:2px;background:currentColor}.eb-kicker--green{color:var(--g)}
.eb-hero{position:relative;isolation:isolate;min-height:610px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(120deg,#063a29,#047246);color:#fff}.eb-hero__video{position:absolute;z-index:0;inset:0;overflow:hidden}.eb-hero__video iframe{position:absolute;left:50%;top:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100vh;transform:translate(-50%,-50%);border:0;pointer-events:none}.eb-hero__overlay{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(2,49,33,.88),rgba(4,114,70,.54) 55%,rgba(3,54,36,.62))}.eb-hero__content{position:relative;z-index:2;padding:90px 0}.eb-hero h1{margin-top:23px!important;max-width:760px;color:#fff!important;font-size:clamp(46px,6vw,78px)!important;line-height:.98!important}.eb-hero h1 em{color:#cdf7dc!important;font-style:italic}.eb-hero__content>p:not(.eb-kicker){max-width:555px;margin-top:21px;color:rgba(255,255,255,.88);font-size:15px;line-height:1.75}.eb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.eb-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:8px;font-size:11px;font-weight:800}.eb-button--light{background:#fff;color:var(--g)}.eb-button--outline{border:1px solid rgba(255,255,255,.52);color:#fff}.eb-button--primary{background:var(--g);color:#fff}.eb-hero__mobile-note{display:none}
.eb-section{padding:88px 0}.eb-welcome{background:#fff}.eb-two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.eb-welcome__photo{max-width:435px;position:relative;margin:auto}.eb-welcome__photo:before{content:"";position:absolute;inset:-18px 28px 24px -18px;border-radius:180px 180px 20px 20px;background:#e1f2e7}.eb-welcome__photo img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:.72/1;object-fit:cover;object-position:center top;border-radius:175px 175px 18px 18px;box-shadow:21px 21px 0 var(--g)}.eb-welcome h2,.eb-head h2,.eb-map h2{margin-top:19px!important;color:var(--ink)!important;font-size:clamp(35px,4.2vw,53px)!important;line-height:1.06!important}.eb-welcome h2 em{color:var(--g);font-style:normal}.eb-welcome blockquote{margin:23px 0 17px;padding-left:17px;border-left:3px solid #55b576;color:var(--g);font-size:19px;font-weight:700;line-height:1.5}.eb-welcome__copy>p:not(.eb-kicker),.eb-welcome>div>div:last-child>p:not(.eb-kicker){color:var(--muted);font-size:13px;line-height:1.8}.eb-signature{margin-top:25px}.eb-signature strong,.eb-signature small{display:block}.eb-signature strong{font-size:13px}.eb-signature small{margin-top:5px;color:var(--g);font-size:10px;font-weight:800}
.eb-soft{background:var(--soft)}.eb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:31px}.eb-head>div>p:last-child{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.7}.eb-link{white-space:nowrap;color:var(--g);font-size:11px;font-weight:800}.eb-link span{margin-left:6px;font-size:16px}.eb-people{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.eb-people article{display:flex;align-items:center;gap:12px;min-height:125px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff}.eb-people img{width:59px;height:78px;flex:0 0 auto;border-radius:30px 30px 10px 10px;object-fit:cover;object-position:center top}.eb-people small,.eb-people strong{display:block}.eb-people small{margin-bottom:6px;color:var(--g);font-size:9px;font-weight:800}.eb-people strong{font-size:11px;line-height:1.45}
.eb-map{background:#fff}.eb-map__grid{display:grid;grid-template-columns:.8fr 1.2fr;min-height:380px;border:1px solid var(--line);box-shadow:0 15px 35px rgba(6,63,43,.06)}.eb-map__grid>div:first-child{padding:54px 55px;background:linear-gradient(150deg,#fff,#f5fbf7)}.eb-map__grid>div:first-child>p:not(.eb-kicker){margin:16px 0 22px;color:var(--muted);font-size:13px;line-height:1.7}.eb-map address{margin:0 0 25px;color:#566960;font-size:11px;font-style:normal;font-weight:600;line-height:1.7}.eb-map__frame,.eb-map__frame iframe{width:100%;min-height:380px;border:0}.eb-map__frame{overflow:hidden;background:#d8e9dc}
.eb-population{background:#fff}.eb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.eb-stats article{padding:25px 22px;border:1px solid var(--line);border-radius:12px;background:#fff}.eb-stats article:first-child{border-color:transparent;background:linear-gradient(135deg,#075f3c,#047246);color:#fff}.eb-stats strong,.eb-stats small{display:block}.eb-stats strong{font-size:29px;letter-spacing:-.06em}.eb-stats small{margin-top:8px;color:var(--muted);font-size:10px}.eb-stats article:first-child small{color:#d5f4df}
.eb-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.eb-news-status{margin:0 0 15px;color:var(--muted);font-size:11px}.eb-news-status[hidden]{display:none}.eb-placeholder{height:295px;border-radius:12px;background:linear-gradient(110deg,#e7f0e9 8%,#f7fbf8 18%,#e7f0e9 33%);background-size:200% 100%;animation:eb-loading 1.4s linear infinite}@keyframes eb-loading{to{background-position:-200% 0}}.eb-news-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.eb-news-image{display:block;height:170px;overflow:hidden;background:linear-gradient(135deg,#075238,#45ad70)}.eb-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.eb-news-card:hover img{transform:scale(1.05)}.eb-news-image.is-empty{position:relative}.eb-news-image.is-empty:after{content:"Desa Suko";position:absolute;left:20px;bottom:18px;color:#fff;font-size:13px;font-weight:800}.eb-news-body{padding:18px}.eb-news-card time{color:var(--g);font-size:9px;font-weight:800}.eb-news-card h3{margin:9px 0 8px;font-size:15px;line-height:1.4}.eb-news-card h3 a{color:var(--ink)}.eb-news-card p{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.eb-news-read{display:inline-flex;gap:6px;margin-top:15px;color:var(--g);font-size:10px;font-weight:800}
.eb-umkm{background:#fff}.eb-umkm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.eb-umkm-grid article{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.eb-umkm-grid img{display:block;width:100%;height:220px;object-fit:cover}.eb-umkm-grid article>div{padding:18px}.eb-umkm-grid small{color:var(--g);font-size:9px;font-weight:800;text-transform:uppercase}.eb-umkm-grid h3{margin:8px 0 13px;font-size:20px}.eb-umkm-grid a{color:var(--g);font-size:10px;font-weight:800}
@media(max-width:960px){.eb-people{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.eb-wrap{width:min(100% - 32px,1180px)}.eb-hero__video{display:none}.eb-hero{min-height:560px;background:linear-gradient(90deg,rgba(3,55,37,.88),rgba(4,114,70,.64)),url('URL-MEDIA-TRI-YAN-PUTRA-PAMUNGKAS') center 30%/cover no-repeat}.eb-hero__content{padding:80px 0}.eb-hero h1{font-size:45px!important}.eb-hero__mobile-note{position:absolute;display:flex;flex-direction:column;right:16px;bottom:20px;padding:12px 13px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(0,54,36,.42);color:#fff}.eb-hero__mobile-note strong{font-size:10px}.eb-hero__mobile-note small{margin-top:3px;color:#c7e8d2;font-size:8px}.eb-section{padding:62px 0}.eb-two-col,.eb-map__grid{grid-template-columns:1fr}.eb-two-col{gap:45px}.eb-welcome__photo{max-width:390px}.eb-welcome h2,.eb-head h2,.eb-map h2{font-size:39px!important}.eb-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:26px}.eb-map__grid>div:first-child{padding:42px 30px}.eb-map__frame,.eb-map__frame iframe{min-height:300px}.eb-stats{grid-template-columns:repeat(2,1fr)}.eb-news-grid,.eb-umkm-grid{grid-template-columns:1fr}.eb-umkm-grid img{height:230px}}
@media(max-width:480px){.eb-hero h1{font-size:40px!important}.eb-people,.eb-stats{grid-template-columns:1fr}.eb-welcome h2,.eb-head h2,.eb-map h2{font-size:36px!important}}/* End custom CSS */