@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700;800;900&display=swap";:root{--primary:#1a3a21;--primary-light:#d8a035;--primary-mid:#3f6844;--primary-dark:#1a3a21;--secondary:#3f6844;--bg:#f4f7f2;--bg-card:#fff;--text:#1a3a21;--text-heading:#1a3a21;--border:#1a3a211f;--shadow:0 10px 30px -10px #1a3a2114;--shadow-lg:0 20px 50px -15px #1a3a2124;--radius:16px;--radius-sm:10px;--glass:#ffffffa6;--glass-border:#ffffff59;--gradient-primary:linear-gradient(135deg, #1a3a21 0%, #3f6844 100%);--gradient-accent:linear-gradient(135deg, #d8a035 0%, #e8c06a 100%);--gradient-hero:linear-gradient(160deg, #1a3a21eb 0%, #3f6844d9 50%, #d8a03526 100%);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;font-size:17px;line-height:1.7;overflow-x:hidden}#root{width:100%;position:relative;overflow-x:hidden}h1{font-family:var(--font-heading);color:var(--text-heading);font-size:30px;font-weight:800;line-height:1.15}h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-heading);font-size:25px;font-weight:700;line-height:1.3}p{color:var(--text);opacity:.92;font-size:17px}a{color:var(--primary);font-size:17px;text-decoration:none;transition:color .25s,transform .2s}a:hover{color:var(--primary-light)}button{cursor:pointer;font-family:var(--font-sans);font-size:17px}@media (width<=768px){body,p,a,button{font-size:14px!important}h1{font-size:20px!important}h2,h3,h4,h5,h6{font-size:17px!important}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #d8a03500}50%{box-shadow:0 0 20px 4px #d8a03526}}@keyframes barGrow{0%{width:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.leaflet-popup-content-wrapper,.leaflet-popup-tip{border:1px solid var(--border);border-radius:12px;background-color:var(--bg-card)!important;color:var(--text)!important;box-shadow:var(--shadow-lg)!important}.leaflet-popup-content b{font-family:var(--font-heading);font-size:14px}.card-nav-container{z-index:99;box-sizing:border-box;width:90%;max-width:800px;margin:1.5rem auto 2rem;position:sticky;top:1.5rem}.card-nav{will-change:height;background-color:#fff;border:1px solid #00000014;border-radius:.75rem;height:60px;padding:0;transition:border-color .3s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.card-nav-top{z-index:2;justify-content:space-between;align-items:center;height:60px;padding:.5rem .65rem .55rem 1.2rem;display:flex;position:absolute;top:0;left:0;right:0}.hamburger-menu{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.hamburger-menu:hover .hamburger-line{opacity:.75}.hamburger-line{transform-origin:50%;background-color:currentColor;width:24px;height:2px;transition:transform .25s,opacity .2s,margin .3s}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4px)rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4px)rotate(-45deg)}.logo-container{align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo{height:28px}.logo-text{color:var(--primary);letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.card-nav-cta-button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.4rem;align-items:center;height:100%;padding:0 1rem;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background-color .3s,transform .2s;display:flex}.card-nav-cta-button:hover{background-color:var(--primary-light,#059669);transform:translateY(-1px)}.card-nav-content{visibility:hidden;pointer-events:none;z-index:1;align-items:stretch;gap:12px;padding:.5rem;display:flex;position:absolute;inset:60px 0 0}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.nav-card{-webkit-user-select:none;user-select:none;border-radius:.5rem;flex-direction:column;flex:1 1 0;gap:6px;min-width:0;padding:12px 16px;display:flex;position:relative}.nav-card-label{letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:18px;font-weight:600}.nav-card-links{flex-direction:column;gap:2px;display:flex}.nav-card-link{cursor:pointer;color:inherit;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:14px;text-decoration:none;transition:opacity .3s;display:inline-flex}.nav-card-link:hover{opacity:.75;color:inherit!important}@media (width<=768px){.card-nav-container{width:92%;top:1rem}.card-nav-top{justify-content:space-between;padding:.5rem 1rem}.hamburger-menu{order:2}.logo-container{order:1;position:static;transform:none}.card-nav-cta-button{display:none}.card-nav-content{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:.5rem;bottom:0}.nav-card{flex:auto;height:auto;min-height:60px;max-height:none}.nav-card-label{font-size:16px}.nav-card-link{font-size:14px}}.staggered-menu-wrapper{z-index:40;pointer-events:none;width:100%;height:100%;position:relative}.staggered-menu-wrapper.fixed-wrapper{z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.staggered-menu-header{pointer-events:none;z-index:20;justify-content:space-between;align-items:center;width:100%;padding:.75em 1.25em;transition:background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:absolute;top:0;left:0}.staggered-menu-wrapper:not([data-open]) .staggered-menu-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f4f7f2eb;box-shadow:0 4px 20px -5px #1a3a211a}.staggered-menu-wrapper[data-open] .staggered-menu-header{box-shadow:none;background:0 0;border-bottom:1px solid #0000}.staggered-menu-header>*{pointer-events:auto}.sm-logo{-webkit-user-select:none;user-select:none;align-items:center;display:flex}.sm-logo-text{color:#fff;letter-spacing:-1px;font-family:Outfit,sans-serif;font-size:24px;font-weight:900}.staggered-menu-wrapper[data-open] .sm-logo-text{color:#fff}.staggered-menu-wrapper:not([data-open]) .sm-logo-text{color:var(--primary,#1e4620)}.sm-toggle{cursor:pointer;color:currentColor;background:0 0;border:none;border-radius:4px;align-items:center;gap:.3rem;padding:8px 12px;font-family:Inter,sans-serif;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:visible}.sm-toggle:focus-visible{outline-offset:4px;outline:2px solid #fffa}.sm-toggle-textWrap{white-space:nowrap;width:45px;min-width:45px;height:1em;display:inline-block;position:relative;overflow:hidden}.sm-toggle-textInner{flex-direction:column;line-height:1;display:flex}.sm-toggle-line{height:1em;line-height:1;display:block}.sm-icon{will-change:transform;flex:0 0 14px;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex;position:relative}.sm-icon-line{will-change:transform;background:currentColor;border-radius:2px;width:100%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sm-icon-line-v{transform:translate(-50%,-50%)rotate(90deg)}.staggered-menu-panel{-webkit-backdrop-filter:blur(16px);z-index:10;pointer-events:auto;opacity:0;background:#1a3a21f7;border-left:1px solid #ffffff14;flex-direction:column;width:clamp(300px,40vw,450px);height:100%;padding:7.5em 2.5em 2em;display:flex;position:absolute;top:0;right:0;overflow-y:auto}[data-position=left] .staggered-menu-panel{border-left:none;border-right:1px solid #0000000d;left:0;right:auto}.sm-prelayers{pointer-events:none;z-index:5;opacity:0;width:clamp(300px,40vw,450px);position:absolute;top:0;bottom:0;right:0}[data-position=left] .sm-prelayers{left:0;right:auto}.sm-prelayer{opacity:0;width:100%;height:100%;position:absolute;top:0;right:0;transform:translate(0)}.sm-panel-inner{flex-direction:column;flex:1;gap:16.25rem;display:flex}.sm-panel-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sm-panel-itemWrap{line-height:1;position:relative;overflow:hidden}.sm-panel-item{color:#fff;cursor:pointer;letter-spacing:-1px;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:700;line-height:1.1;text-decoration:none;transition:color .25s;display:inline-block;position:relative}.sm-panel-item:hover{color:var(--sm-accent,#e0a96d)}.sm-panel-itemLabel{will-change:transform;display:inline-block}.sm-panel-list[data-numbering] .sm-panel-item:before{content:"0" attr(data-index) "/";vertical-align:middle;color:var(--sm-accent,#e0a96d);opacity:var(--sm-num-opacity,0);margin-right:.75rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:500;transition:opacity .3s}.sm-socials{border-top:1px solid #ffffff1f;flex-direction:column;gap:.5rem;margin-top:2rem;padding-top:1.5rem;display:flex}.sm-socials-title{text-transform:uppercase;color:#ffffff80;letter-spacing:1px;margin:0;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600}.sm-socials-list{flex-flow:wrap;align-items:center;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.sm-socials-link{color:#fffc;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s}.sm-socials-link:hover{color:var(--sm-accent,#e0a96d)}@media (width<=480px){.staggered-menu-panel,.sm-prelayers{width:100vw}.sm-panel-item{font-size:2.2rem}}.animated-bg-layer{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.animated-bg-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.animated-bg-grain{opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite grain;position:absolute;top:-50%;left:-50%}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@media (prefers-reduced-motion:reduce){.animated-bg-grain{animation:none}.animated-bg-canvas{display:none}.liquid-blob{border-radius:50%!important;animation:none!important}}.liquid-blob-container{z-index:-1;filter:blur(100px);opacity:.28;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.liquid-blob{will-change:transform, border-radius;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:45vw;max-width:550px;height:45vw;max-height:550px;position:absolute}.liquid-blob-1{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-mid) 100%);animation:25s ease-in-out infinite alternate liquidMorph1;top:-10%;left:-5%}.liquid-blob-2{background:linear-gradient(135deg, var(--primary-light) 0%, var(--secondary) 100%);animation:30s ease-in-out -5s infinite alternate liquidMorph2;bottom:-10%;right:-5%}.liquid-blob-3{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);width:32vw;max-width:400px;height:32vw;max-height:400px;animation:22s ease-in-out -10s infinite alternate liquidMorph3;top:35%;right:10%}@keyframes liquidMorph1{0%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translate(0)scale(1)rotate(0)}33%{border-radius:70% 30% 52% 48%/60% 40%;transform:translate(40px,60px)scale(1.08)rotate(60deg)}66%{border-radius:52% 48% 30% 70%/40% 60%;transform:translate(-20px,20px)scale(.96)rotate(-60deg)}to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translate(0)scale(1)rotate(360deg)}}@keyframes liquidMorph2{0%{border-radius:70% 30% 52% 48%/60% 40%;transform:translate(0)scale(1)rotate(0)}50%{border-radius:40% 60% 30% 70%/50% 60% 40% 50%;transform:translate(-50px,-40px)scale(1.12)rotate(180deg)}to{border-radius:70% 30% 52% 48%/60% 40%;transform:translate(0)scale(1)rotate(360deg)}}@keyframes liquidMorph3{0%{border-radius:50% 50% 30% 70%/50% 60% 40% 50%;transform:translate(0)scale(1)rotate(0)}50%{border-radius:30% 70% 70% 30%/60% 40%;transform:translate(30px,-50px)scale(1.08)rotate(-120deg)}to{border-radius:50% 50% 30% 70%/50% 60% 40% 50%;transform:translate(0)scale(1)rotate(360deg)}}.scroll-progress-track{z-index:99999;pointer-events:none;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-progress-fill{background:linear-gradient(90deg,#1a3a21 0%,#3f6844 30%,#d8a035 60%,#e8c06a 80%,#d8a035 100%);border-radius:0 2px 2px 0;height:100%;transition:width .15s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #d8a03566}@media (prefers-reduced-motion:reduce){.scroll-progress-fill{box-shadow:none;transition:none}}.card-swap-container{perspective:1000px;margin:2rem auto;position:relative;overflow:visible}.card{color:#fff;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;box-sizing:border-box;background:#111;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 20px 40px -15px #0000004d}@media (width<=768px){.card-swap-container{transform:scale(.85)}}@media (width<=480px){.card-swap-container{transform:scale(.7)}}.wave-divider{z-index:2;width:100%;line-height:0;position:relative;overflow:hidden}.wave-bottom{margin-top:-1px}.wave-top{margin-bottom:-1px;transform:rotate(180deg)}.wave-flip{transform:scaleY(-1)}.wave-top.wave-flip{transform:rotate(180deg)scaleY(-1)}.wave-svg{width:100%;height:96px;display:block}.wave-path{transform-origin:50%;animation:6s ease-in-out infinite waveFloat}.wave-path-2{opacity:.5;animation:8s ease-in-out -2s infinite waveFloat2}@keyframes waveFloat{0%,to{transform:translate(0)scaleY(1)}25%{transform:translate(-8px)scaleY(1.05)}50%{transform:translate(0)scaleY(.95)}75%{transform:translate(8px)scaleY(1.03)}}@keyframes waveFloat2{0%,to{transform:translate(0)scaleY(1)}33%{transform:translate(12px)scaleY(1.08)}66%{transform:translate(-12px)scaleY(.92)}}@media (prefers-reduced-motion:reduce){.wave-path,.wave-path-2{animation:none}}@media (width<=768px){.wave-svg{height:48px}}#root{background-color:var(--bg);z-index:1;background-image:radial-gradient(#1a3a210d 1.2px,#0000 1.2px),radial-gradient(circle at 15% 25%,#3f684412 0%,#0000 55%),radial-gradient(circle at 85% 75%,#d8a0350d 0%,#0000 45%);background-size:24px 24px,100% 100%,100% 100%;flex-direction:column;min-height:100vh;display:flex;position:relative}.desktop-nav-wrapper{z-index:9999;display:block;position:sticky;top:0}.mobile-nav-wrapper{display:none}@media (width<=768px){.desktop-nav-wrapper{display:none}.mobile-nav-wrapper{z-index:9999;width:100%;height:60px;display:block;position:sticky;top:0;left:0}}.hero-bg-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.square-particle{background-color:var(--primary);opacity:.08;border-radius:4px;width:16px;height:16px;position:absolute}.circle-particle{background-color:var(--primary-light);opacity:.12;border-radius:50%;width:24px;height:24px;position:absolute}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:96px 0;animation:.7s ease-out both fadeSlideUp;position:relative}.section-title{text-align:center;font-size:34px;font-family:var(--font-heading);color:var(--primary-dark);letter-spacing:-.5px;margin-bottom:12px}.section-title:after{content:"";background:var(--gradient-accent,linear-gradient(90deg, #d8a035, #e8c06a));border-radius:3px;width:50px;height:3px;margin:10px auto 0;display:block}.section-subtitle{text-align:center;color:var(--primary);opacity:.75;max-width:600px;margin:0 auto 40px;font-size:17px}.profil-header{text-align:center;margin-bottom:12px}.profil-mini-hero{text-align:center;background-image:url(/assets/Hero_Profile-BNc2Lp6r.webp);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;height:380px;margin-bottom:-40px;display:flex;position:relative}.profil-hero-overlay{background:linear-gradient(#050f08bf,#0f2414fa);position:absolute;inset:0}.profil-hero-content{z-index:2;color:#fff;max-width:800px;position:relative}.profil-hero-title{font-family:var(--font-heading);color:var(--primary-light);text-shadow:0 2px 10px #0009;margin-bottom:16px;font-size:48px;font-weight:800}.profil-hero-subtitle{opacity:.95;text-shadow:0 2px 8px #00000080;font-size:20px;line-height:1.6}.profil-badge{color:var(--primary);font-size:12px;font-weight:700;font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#3f68441f 0%,#d8a0351a 100%);border:1px solid #1a3a2114;border-radius:20px;margin-bottom:12px;padding:5px 16px;display:inline-block}.hero-section{background-color:var(--primary-dark);align-items:center;min-height:100vh;margin-top:-90px;padding:160px 0 100px;display:flex;position:relative;overflow:hidden}.hero-parallax-bg{z-index:1;pointer-events:none;opacity:1;filter:saturate(1.15)brightness(.9);will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:145%;position:absolute;top:-20%;left:0}.hero-overlay{z-index:2;pointer-events:none;background:linear-gradient(150deg,#0f2314eb 0%,#1a3a21d1 45%,#3f6844a6 75%,#d8a03533 100%);position:absolute;inset:0}.hero-wave-bottom,.sambutan-wave-bottom{z-index:5;pointer-events:none;width:100%;line-height:0;position:absolute;bottom:-1px;left:0;overflow:hidden}.statistik-wave-top{z-index:5;pointer-events:none;width:100%;line-height:0;position:absolute;top:-1px;left:0;overflow:hidden}.hero-wave-svg{object-fit:fill;width:100%;height:110px;display:block;position:relative}.section-divider-wrapper{z-index:2;background-color:var(--bg-card);width:100%;margin-top:-2px;margin-bottom:-2px;line-height:0;position:relative;overflow:hidden}.divider-svg-180{object-fit:fill;width:100%;height:96px;display:block;transform:rotate(180deg)}.divider-svg-normal{object-fit:fill;width:100%;height:96px;display:block}@media (width<=768px){.hero-wave-svg{height:54px}.divider-svg-180,.divider-svg-normal{height:48px}}.hero-grid{z-index:10;grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;margin-bottom:40px;display:grid;position:relative}.hero-content{text-align:left}.hero-tag{-webkit-backdrop-filter:blur(10px);color:var(--primary-light);font-size:13px;font-weight:700;font-family:var(--font-heading);letter-spacing:.5px;background:#ffffff1f;border:1px solid #ffffff38;border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:8px 18px;display:inline-flex}.hero-title{color:#fff;letter-spacing:-1.5px;text-shadow:0 4px 24px #0000004d;margin-top:20px;margin-bottom:24px;font-size:clamp(38px,5vw,56px);font-weight:900;line-height:1.08}.hero-title-accent{background:linear-gradient(135deg,#fff78d 0%,#e8c06a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:#ffffffeb;text-shadow:0 2px 10px #0003;max-width:550px;margin-bottom:32px;font-size:18px;line-height:1.7}.hero-cta{gap:16px;display:flex}.btn{letter-spacing:.3px;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:14px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:var(--primary-dark);background:linear-gradient(135deg,#d8a035 0%,#e8c06a 100%);box-shadow:0 6px 24px -4px #d8a03580}.btn-primary:hover{filter:brightness(1.08);color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 12px 30px -4px #d8a03599}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff4d}.btn-secondary:hover{color:#fff;background:#ffffff40;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.hero-visual{z-index:4;justify-content:center;align-items:center;height:380px;display:flex;position:relative}.swap-card-inner{text-align:left;flex-direction:column;justify-content:space-between;height:100%;padding:12px;display:flex}.swap-card-num{font-size:12px;font-weight:700}.swap-card-title{margin-bottom:4px;font-weight:700;color:inherit!important;font-size:25px!important}.swap-card-text{opacity:.9;line-height:1.4;color:inherit!important;font-size:17px!important}.sambutan-section{background-color:var(--bg-card);border-top:none;border-bottom:none;padding:80px 0;position:relative;overflow:hidden}.sambutan-section:before{content:"";opacity:.05;pointer-events:none;z-index:0;background-image:url(https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=1200&h=800&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.sambutan-grid{z-index:2;grid-template-columns:240px 1fr;align-items:center;gap:56px;display:grid;position:relative}.sambutan-image-container{will-change:border-radius;border:3px solid var(--primary-mid);aspect-ratio:1;background-color:#eee;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:100%;animation:12s ease-in-out infinite alternate blobMorph;overflow:hidden;box-shadow:0 16px 40px -12px #1a3a2126}@keyframes blobMorph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:40% 60% 50% 50%/50% 60% 40% 50%}to{border-radius:50% 50% 30% 70%/50% 30% 70% 50%}}.kades-photo-placeholder{width:100%;height:100%;color:var(--primary);text-align:center;background-color:#1a3a210d;border:2px dashed #1a3a2133;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.kades-placeholder-icon{opacity:.6;font-size:32px}.kades-photo-placeholder span{opacity:.8;font-size:12px;font-weight:700}.kades-photo{object-fit:cover;width:100%;height:100%;display:block}.sambutan-content{text-align:left}.sambutan-title{color:var(--primary-dark);border-left:4px solid var(--primary-light);margin-bottom:24px;padding-left:20px;font-size:32px;position:relative}.sambutan-text{color:#1a3a21d9;margin-bottom:16px;font-size:17px;font-style:italic;line-height:1.75}.sambutan-author{font-family:var(--font-heading);border-top:1px solid var(--border);margin-top:8px;padding-top:16px}.sambutan-name{font-size:25px;font-weight:700}.sambutan-role{color:var(--primary-mid);font-size:15px;font-weight:600}.stats-section{background-color:var(--bg);z-index:1;position:relative}.stats-bento-grid{grid-template-columns:1.2fr 1fr;grid-auto-rows:minmax(140px,auto);gap:20px;margin-top:32px;display:grid}.bento-card{-webkit-backdrop-filter:blur(14px);border-radius:var(--radius);text-align:left;background:#ffffffbf;border:1px solid #ffffff73;border-left:3px solid #0000;flex-direction:column;justify-content:space-between;padding:28px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px -12px #1a3a211a}.bento-card:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bento-card:hover{border-color:#d8a0354d;border-left-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 20px 40px -15px #1a3a212e}.bento-card:hover:before{opacity:1}.bento-card-large{grid-row:span 2;padding:32px}.bento-badge{text-transform:uppercase;color:var(--primary-mid);letter-spacing:1px;background:linear-gradient(135deg,#3f68441f 0%,#d8a03514 100%);border-radius:20px;align-self:flex-start;margin-bottom:14px;padding:5px 10px;font-size:10px;font-weight:700}.bento-stat-num{font-size:40px;font-family:var(--font-heading);background:linear-gradient(135deg,#1a3a21,#3f6844);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-weight:900;line-height:1}.bento-card-title{margin-bottom:8px;font-size:25px;font-weight:700}.bento-card-desc{opacity:.8;margin-bottom:16px;font-size:17px;line-height:1.4}.bento-mini-flex{color:var(--primary-dark);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.bento-icon-accent{color:var(--primary-light);font-size:18px}.bento-dusun-badges{flex-wrap:wrap;gap:6px;display:flex}.bento-dusun-badges span{background:linear-gradient(135deg,#3f684414,#d8a0350f);border:1px solid #1a3a211a;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.bento-dusun-badges span:hover{background:var(--primary-light);color:var(--primary-dark);transform:translateY(-1px)}.profil-tabs-nav{border:1px solid var(--border);background:#1a3a210a;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px;padding:6px;display:flex;position:relative}.tab-btn{font-family:var(--font-heading);color:var(--primary);opacity:.55;background:0 0;border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.tab-icon{font-size:16px;line-height:1}.tab-btn:hover{opacity:.85;background:#1a3a210f}.tab-btn.active{opacity:1;color:#fff;background:linear-gradient(135deg,#1a3a21 0%,#3f6844 100%);box-shadow:0 4px 16px -4px #1a3a2159}.tab-btn.active:after{display:none}.tab-content{text-align:left;animation:.4s ease-out both fadeSlideUp}.sejarah-content{max-width:900px;margin:0 auto;display:block}.sejarah-text-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.sejarah-label{font-family:var(--font-heading);color:var(--primary-dark);font-size:36px;font-weight:700}.sejarah-divider{background:linear-gradient(90deg,#d8a035,#e8c06a);border-radius:4px;width:60px;height:4px;margin-top:12px}.sejarah-text{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;background:#ffffffb3;padding:40px}.sejarah-timeline{max-width:700px;margin:40px auto 0;padding-left:36px;position:relative}.sejarah-timeline:before{content:"";background:var(--primary-light);border-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:6px}.timeline-item{text-align:left;margin-bottom:40px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--primary);width:20px;height:20px;box-shadow:0 0 0 3px var(--primary-light);z-index:2;border:4px solid #fff;border-radius:50%;position:absolute;top:4px;left:-38px}.timeline-date{font-family:var(--font-heading);color:var(--primary-dark);background:var(--primary-light);border-radius:20px;margin-bottom:12px;padding:6px 16px;font-size:18px;font-weight:800;display:inline-block;box-shadow:0 4px 10px #0000000d}.timeline-content-box{border-left:5px solid var(--primary);background:#fff;border-radius:12px;padding:24px;transition:transform .3s;box-shadow:0 8px 24px #1a3a2114}.timeline-content-box h4{color:var(--primary-dark);margin-bottom:12px;font-size:22px;font-weight:700}.timeline-content-box p{color:var(--text-body)!important;text-align:left!important;margin-bottom:0!important;font-size:17px!important;line-height:1.6!important}.visi-misi-grid{grid-template-columns:1fr;gap:40px;max-width:900px;margin:0 auto;display:grid}.visi-box{color:#fff;border-radius:var(--radius);text-align:center;background:linear-gradient(160deg,#1a3a21 0%,#2a4d30 60%,#3f6844 100%);flex-direction:column;justify-content:center;align-items:center;padding:36px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -12px #1a3a2159}.visi-icon-wrapper{display:none}.visi-box:after{content:"❝";opacity:.06;color:var(--primary-light);font-size:80px;line-height:1;position:absolute;top:16px;right:24px}.visi-misi-title{color:var(--primary-light);margin-bottom:20px;font-size:36px}.visi-misi-p{color:#fff;opacity:.95;font-size:24px;font-style:italic;line-height:1.6}.misi-list{margin:0;padding:0;list-style:none}.misi-item{text-align:left;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.misi-num{background-color:var(--primary-light);width:32px;height:32px;color:var(--primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-size:16px;font-weight:700;display:flex}.misi-text{color:#fff;opacity:.95;font-size:22px;line-height:1.6}.struktur-image-section{flex-direction:column;align-items:center;display:flex}.struktur-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);background:#ffffffd9;border:1px solid #ffffff80;width:100%;transition:box-shadow .3s;overflow:hidden;box-shadow:0 12px 40px -12px #1a3a211f}.struktur-card:hover{box-shadow:0 20px 50px -15px #1a3a212e}.struktur-card-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#1a3a2108,#d8a03505);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.struktur-header-left{align-items:center;gap:14px;display:flex}.struktur-icon{font-size:28px;line-height:1}.struktur-card-title{color:var(--primary-dark);margin-bottom:2px;font-weight:800;font-size:20px!important}.struktur-card-desc{color:var(--primary-mid);opacity:.8;margin:0;font-size:13px!important}.struktur-zoom-btn{color:var(--primary);cursor:pointer;background:linear-gradient(135deg,#1a3a2114,#1a3a210a);border:1px solid #1a3a211f;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .3s;display:inline-flex}.struktur-zoom-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.struktur-image-wrapper{background:#fff;justify-content:center;padding:24px 28px;display:flex}.struktur-image{cursor:pointer;border-radius:8px;width:100%;max-width:800px;height:auto;transition:transform .3s,box-shadow .3s}.struktur-image:hover{transform:scale(1.01);box-shadow:0 8px 24px -8px #1a3a2126}.struktur-footnote{text-align:center;color:var(--primary-mid);opacity:.7;border-top:1px solid var(--border);margin:0;padding:12px 28px 16px;font-size:12px!important}.struktur-lightbox{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;cursor:pointer;background:#000000e0;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;animation:.25s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close-btn{color:#fff;cursor:pointer;z-index:100000;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .2s;display:flex;position:fixed;top:20px;right:24px}.lightbox-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.lightbox-image{object-fit:contain;cursor:default;border-radius:12px;max-width:90vw;max-height:85vh;animation:.3s zoomIn;box-shadow:0 20px 60px -20px #00000080}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.map-description{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.map-desc-item{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.map-desc-item h4{align-items:center;gap:6px;margin-bottom:4px;font-size:17px;display:flex}.map-desc-item h4 span{color:var(--primary-mid)}.dusun-quick-links{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;margin-top:24px;padding:24px}.dusun-quick-links h3{margin-bottom:16px;font-size:25px}.dusun-links-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.dusun-link-btn{color:var(--primary-dark);background:linear-gradient(135deg,#d8a035 0%,#e8c06a 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px -4px #d8a03559}.dusun-link-btn:hover{color:#fff;background:linear-gradient(135deg,#1a3a21 0%,#3f6844 100%);transform:translateY(-2px);box-shadow:0 8px 20px -6px #1a3a214d}.demografi-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.demo-chart-container{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.demo-chart-title{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:25px}.bar-chart-custom{flex-direction:column;gap:12px;display:flex}.bar-row{flex-direction:column;gap:4px;display:flex}.bar-label-group{justify-content:space-between;font-size:15px;display:flex}.bar-label{font-weight:600}.bar-value{color:var(--primary-dark);font-weight:700}.bar-track{background-color:#1a3a2114;border-radius:6px;width:100%;height:10px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#1a3a21 0%,#3f6844 60%,#d8a035 100%);border-radius:6px;height:100%;animation:1s ease-out both barGrow}.back-btn{color:var(--primary-dark);align-items:center;gap:6px;margin-bottom:16px;font-size:17px;font-weight:700;display:inline-flex}.back-btn:hover{color:var(--primary-light)}.dusun-header{text-align:left;margin-bottom:24px}.dusun-title{color:var(--primary-dark);margin-bottom:4px;font-size:30px}.dusun-subtitle{color:var(--primary-mid);font-size:17px}.dusun-grid-layout{grid-template-columns:1.2fr .8fr;align-items:start;gap:32px;display:grid}.dusun-info-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;background:#ffffffbf;padding:28px}.dusun-info-card h3{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:25px}.dusun-info-list{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.dusun-info-item{align-items:center;gap:12px;display:flex}.dusun-info-icon{color:var(--primary-dark);background-color:#d8a03526;border-radius:6px;flex-shrink:0;width:36px;height:36px;padding:8px;font-size:20px}.dusun-info-label{opacity:.8;font-size:11px;display:block}.dusun-info-value{font-size:17px;font-weight:700}.dusun-description h4{margin-bottom:6px;font-size:17px}.dusun-map-container{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffbf;padding:20px}.dusun-map-container h3{text-align:left;margin-bottom:12px;font-size:25px}.dusun-mini-map{border:1px solid var(--border);z-index:1;border-radius:8px;width:100%;height:280px}.potensi-section{background-color:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background-image:radial-gradient(#1a3a2108 1.2px,#0000 1.2px),linear-gradient(135deg,#f4f7f266 0%,#ffffffe6 100%);background-size:20px 20px,100% 100%}.potensi-view.section{padding-top:80px;padding-bottom:80px}.potensi-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:56px;display:grid}.potensi-content{text-align:left}.potensi-badge{background-color:var(--primary-light);color:var(--primary-dark);font-size:12px;font-weight:700;font-family:var(--font-heading);border-radius:12px;margin-bottom:12px;padding:4px 8px;display:inline-block}.potensi-title{margin-bottom:20px;font-size:34px}.potensi-text{margin-bottom:16px;font-size:17px}.potensi-features{grid-template-columns:1fr 1fr;gap:12px;display:grid}.potensi-feat{align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.potensi-feat-icon{color:var(--primary-mid)}.potensi-carousel-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.footer-full-width{color:#fff;background:linear-gradient(160deg,#0f2414 0%,#1a3a21 50%,#2a4d30 100%);border-top:none;width:100%;margin-top:auto;padding:48px 0 20px;position:relative}.footer-full-width:before{content:"";background:linear-gradient(90deg,#d8a035,#3f6844,#d8a035);height:3px;position:absolute;top:0;left:0;right:0}.footer-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.footer-strip-row{text-align:left;border-bottom:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:16px;display:flex}.footer-brand-section{flex:2;min-width:240px}.footer-logo{font-family:var(--font-heading);color:var(--primary-light);margin-bottom:4px;font-size:30px;font-weight:900}.footer-desc{color:#fff;opacity:.85;max-width:360px;font-size:15px;line-height:1.55}.footer-title{color:var(--primary-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:15px;font-weight:700}.footer-links-section{flex:1;min-width:150px}.footer-horizontal-links{flex-direction:column;gap:6px;display:flex}.footer-horizontal-links a{color:#fff;opacity:.85;font-size:15px}.footer-horizontal-links a:hover{opacity:1;color:var(--primary-light)}.footer-contact-section{flex:1.5;min-width:220px}.footer-horizontal-contact{flex-direction:column;gap:6px;display:flex}.footer-contact-item{gap:8px;font-size:15px;display:flex}.footer-contact-icon{color:var(--primary-light);flex-shrink:0;margin-top:3px}.footer-action-section{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:150px;display:flex}.footer-social-icons{gap:12px;display:flex}.footer-social-icons a{color:var(--primary-dark);background-color:var(--primary-light);border-radius:4px;padding:4px 8px;font-size:13px;font-weight:700}.footer-social-icons a:hover{background-color:#fff}.footer-wa-btn{background-color:#25d366;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex;color:#fff!important}.footer-bottom-strip{color:#fff;opacity:.75;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;font-size:13px;display:flex}.footer-bottom-credits{gap:16px;display:flex}@media (width<=1024px){.hero-section{min-height:auto;padding:180px 0 220px}.hero-grid,.sejarah-content,.visi-misi-grid,.demografi-grid,.potensi-grid,.dusun-grid-layout{grid-template-columns:1fr;gap:24px}.hero-content,.sejarah-text,.potensi-content,.dusun-header{text-align:center}.sejarah-text-header{flex-direction:column;align-items:center;display:flex}.hero-cta{justify-content:center}.hero-visual{display:none}.hero-title{font-size:28px!important}.sambutan-title{border-left-width:3px;padding-left:14px}.map-description{grid-template-columns:1fr}.potensi-carousel-wrapper{margin-top:12px}.struktur-card-header{flex-direction:column;align-items:flex-start;gap:12px}.struktur-image-wrapper{padding:16px}}@media (width<=768px){.section{padding:40px 0}.stats-section{padding-top:80px}.sambutan-grid{text-align:center;grid-template-columns:1fr;align-items:center;gap:20px}.sambutan-image-container{aspect-ratio:1;border-width:2px;width:140px;height:140px;margin:0 auto;box-shadow:0 8px 24px -6px #1a3a2133}.sambutan-content{text-align:center}.sambutan-title{text-align:center;border-left:none;padding-left:0}.sambutan-title:after{content:"";background:var(--primary-light);border-radius:3px;width:40px;height:3px;margin:10px auto 0;display:block}.sambutan-author{text-align:center}.stats-bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.bento-card-large{grid-row:auto}.bento-stat-num{font-size:28px}.profil-mini-hero{margin-bottom:-10px}.profil-tabs-nav{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent;border-radius:12px;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%;margin-top:15px;padding:8px 4px 12px;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.profil-tabs-nav::-webkit-scrollbar{height:4px;display:block}.profil-tabs-nav::-webkit-scrollbar-track{background:0 0}.profil-tabs-nav::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}.tab-btn{white-space:nowrap;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:12px}.tab-icon{font-size:14px}.tab-btn.active:after{bottom:-13px}.struktur-card-header{padding:14px 16px}.struktur-card-title{font-size:16px!important}.struktur-card-desc{font-size:11px!important}.struktur-image-wrapper{padding:12px}.struktur-footnote{padding:10px 14px 12px;font-size:11px!important}.lightbox-image{max-width:95vw;max-height:80vh}.dusun-info-list{grid-template-columns:1fr;gap:12px}.footer-strip-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.footer-brand-section{grid-column:span 2}.footer-action-section{border-top:1px solid #ffffff1a;flex-direction:row;grid-column:span 2;justify-content:space-between;align-items:center;padding-top:12px}.footer-bottom-strip{text-align:center;flex-direction:column;gap:4px}}@media (width<=360px){body,p,a,button,.sambutan-text,.bento-card-desc,.footer-desc{font-size:12px!important}.container{padding:0 12px!important}.section{padding:20px 0!important}.stats-section{padding-top:80px!important}.bento-card{padding:12px!important}.bento-stat-num{font-size:24px!important}.footer-logo{font-size:20px!important}}@media (width>=360px) and (width<=390px){body,p,a,button,.sambutan-text,.bento-card-desc,.footer-desc{font-size:13px!important}.container{padding:0 16px!important}.section{padding:24px 0!important}.stats-section{padding-top:80px!important}.bento-card{padding:16px!important}}@media (width>=390px) and (width<=430px){body,p,a,button{font-size:14px!important}.container{padding:0 20px!important}.section{padding:28px 0!important}.stats-section{padding-top:80px!important}}.home-news-section{background-color:var(--bg-card,#fff);padding:80px 0}.home-news-header{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-bottom:36px;display:flex}.home-news-main-title{line-height:1.2;font-size:clamp(32px,5vw,44px)!important}.home-news-subtitle{color:var(--text-body,#475569);max-width:600px;margin-top:6px;margin-left:auto;margin-right:auto;font-size:1.05rem}.btn-see-all-news{white-space:nowrap;text-decoration:none}.home-news-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.home-news-card{background:var(--bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:16px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000a}.home-news-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #00000014}.home-news-img-wrap{width:100%;height:180px;position:relative}.home-news-img-wrap img{object-fit:cover;width:100%;height:100%}.platform-badge{color:#fff;-webkit-backdrop-filter:blur(8px);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0003}.platform-badge.instagram{background:#e1306ce6}.platform-badge.youtube{background:#ff0000e6}.platform-badge.facebook{background:#1877f2e6}.platform-badge.tiktok{background:#000000d9}.platform-badge.website{background:#0284c7e6}.home-news-body{flex-direction:column;flex-grow:1;padding:20px;display:flex}.home-news-date{color:#64748b;align-items:center;gap:6px;margin-bottom:8px;font-size:.8rem;display:flex}.home-news-title{color:var(--primary-dark,#0f172a);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:1.1rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.home-news-summary{color:var(--text-body,#475569);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:16px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.home-news-link{color:var(--primary,#0284c7);align-items:center;gap:4px;margin-top:auto;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.home-news-link:hover{color:var(--primary-dark,#0369a1);text-decoration:underline}@media (width<=640px){.home-news-header{flex-direction:column;align-items:flex-start}.btn-see-all-news{width:100%}}.gallery-section{background-color:var(--bg-card,#fff);padding:100px 0}.gallery-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:56px;display:flex}.gallery-subtitle{color:var(--text-body,#475569);max-width:600px;margin-top:12px;font-size:1.05rem;line-height:1.6}.bento-gallery{grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:16px;width:100%;display:grid}.gallery-item{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.gallery-item:hover img{transform:scale(1.08)}.item-1{grid-area:span 2/span 2}.item-2{grid-area:span 1/span 1}.item-3{grid-area:span 2/span 1}.item-4{grid-area:span 1/span 1}.item-5{grid-area:span 1/span 2}.item-6,.item-7{grid-area:span 2/span 1}.item-8{grid-area:span 1/span 2}@media (width<=992px){.bento-gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px}.item-1{grid-area:span 2/span 2}.item-2{grid-area:span 1/span 1}.item-3{grid-area:span 2/span 1}.item-4{grid-area:span 1/span 1}.item-5{grid-area:span 1/span 2}.item-6{grid-area:span 1/span 1}.item-7{grid-area:span 1/span 2}.item-8{grid-area:span 1/span 3}}@media (width<=640px){.bento-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px;gap:12px}.item-1{grid-area:span 2/span 2}.item-2,.item-3{grid-area:span 1/span 1}.item-4{grid-area:span 1/span 2}.item-5{grid-area:span 2/span 1}.item-6,.item-7{grid-area:span 1/span 1}.item-8{grid-area:span 1/span 2}}.profil-view .tab-content h1,.profil-view .tab-content h2,.profil-view .tab-content h3:not(.visi-misi-title),.profil-view .tab-content h4,.profil-view .tab-content h5,.profil-view .tab-content h6,.profil-view .sejarah-label,.profil-view .struktur-card-title{color:#0c2111!important}.profil-view .tab-content p:not(.visi-misi-p),.profil-view .sejarah-timeline p,.profil-view .struktur-footnote,.profil-view .map-description p{color:#2b4530!important}.profil-view .visi-box h3,.profil-view .visi-box p,.profil-view .visi-box .misi-text,.profil-view .profil-hero-title{color:#fff!important}.profil-view .profil-hero-subtitle{color:#fffffff2!important}.profil-view .profil-mini-hero .profil-badge{box-shadow:0 4px 12px #0003;color:#1a3a21!important;background:#fff!important;border-color:#fff!important}.sejarah-text{-webkit-backdrop-filter:none!important;border:1px solid var(--border)!important;box-shadow:none!important;background:#f9faf9!important;border-radius:4px!important}.timeline-content-box{box-shadow:none!important;background:0 0!important;border-left:none!important;padding:8px 0 16px!important}.timeline-content-box:hover{transform:none!important}.timeline-date{box-shadow:none!important;border-radius:4px!important}