.ke-todo{display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:center;min-height:180px;padding:32px 36px;border:3px dashed var(--gold);border-radius:14px;background:#0B2A20;box-shadow:0 10px 40px rgba(0,0,0,0.25)}.ke-todo .ke-todo-tag{font-family:"Instrument Sans",system-ui,sans-serif;font-size:12px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold)}.ke-todo .ke-todo-head{font-family:"Fraunces",serif;font-weight:600;font-size:clamp(30px,4.2vw,56px);line-height:1.02;color:#FFFFFF}.ke-todo .ke-todo-note{font-size:15px;line-height:1.55;color:#F3EFE3;max-width:640px}:root{--void:#031410;--deep:#06231B;--pine:#0B3A2C;--brand:#0E9F6E;--leaf:#35C58F;--gold:#F5B700;--water:#8FD8C5;--paper:#F6F4EC;--ink:#0E1D17;--mist:rgba(246,244,236,0.62);--hair:rgba(246,244,236,0.14);--hair-ink:rgba(14,29,23,0.16);--soft-ink:#4E5C55;--forest-deep:#06231B;--forest-mid:#0B3A2C;--rice-paper:#F6F4EC;--paper-2:#E8DFC9;--turmeric:#F5B700;--turmeric-dark:#8A6428;--ubi:#5C3A63;--ink-soft:#4E5C55;--line:rgba(14,29,23,0.14);--gutter:clamp(24px, 6vw, 104px);--maxw:1240px}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{font-family:"Instrument Sans",sans-serif;background:var(--void);color:var(--paper);line-height:1.7;overflow-x:hidden}::selection{background:var(--gold);color:var(--void)}a{color:inherit;text-decoration:none}img{display:block}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.mono{font-family:"Instrument Sans",system-ui,sans-serif;font-size:11px;letter-spacing:0.18em;text-transform:uppercase}.wrap{width:min(var(--maxw),calc(100% - var(--gutter)*2));margin:0 auto}.kicker{font-family:"Instrument Sans",system-ui,sans-serif;font-size:11px;letter-spacing:0.18em;text-transform:uppercase}.graded{position:relative;overflow:hidden}.graded img{width:100%;height:100%;object-fit:cover;filter:saturate(0.78) contrast(1.06) brightness(0.94)}.graded::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgba(14,159,110,0.18),rgba(3,20,16,0.22) 70%);mix-blend-mode:soft-light}#nav{position:absolute;inset:0 0 auto 0;z-index:100;padding:22px var(--gutter);display:flex;justify-content:space-between;align-items:center;color:var(--ink)}#nav .brand{display:flex;align-items:center}#nav .brand img{height:42px;width:auto;display:block}.hero{position:relative;min-height:100svh;overflow:hidden;color:var(--ink);background:radial-gradient(85% 60% at 74% 24%,rgba(245,183,0,0.18),transparent 62%),radial-gradient(110% 70% at 18% 92%,rgba(14,159,110,0.13),transparent 55%),linear-gradient(180deg,#FDFBF3 0%,#F7F1DF 58%,#EEE5CB 100%)}.bridge{position:relative;overflow:hidden;min-height:88svh;display:flex;flex-direction:column;justify-content:center}.bridge-bg{position:absolute;inset:0;z-index:0;background:url(/mitra-csr-assets/bg/petani-sawah-terasering.jpg) center/cover no-repeat;filter:saturate(0.78) contrast(1.06)}.bridge-bg::after{content:"";position:absolute;inset:0;background:rgba(3,20,16,0.79)}.bridge .wrap{position:relative;z-index:1}#parallax{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.plx{position:absolute;inset:0;will-change:transform}.plx img{position:absolute;display:block}#plxSky img{width:118%;height:120%;left:-9%;top:-10%;object-fit:cover;object-position:center 30%}#plxField img{width:116%;height:118%;left:-8%;top:-14%;object-fit:cover;object-position:center 42%}#plxFarmer img{height:87svh;width:auto;left:72%;bottom:-14svh;transform:translateX(-50%) scaleX(-1)}@media(max-width:880px){#plxFarmer img{height:67svh;left:66%;bottom:-11svh}}#plxFog{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 44%,rgba(253,251,243,0.5) 54%,rgba(248,244,232,0.38) 60%,transparent 68%),linear-gradient(180deg,rgba(253,251,243,0.0) 30%,rgba(240,236,216,0.22) 72%,rgba(240,236,216,0.5) 100%),radial-gradient(120% 80% at 50% 30%,rgba(255,255,255,0.28),transparent 60%)}#fogFrontCanvas{position:absolute;left:0;width:100%;top:38%;height:34%;display:block}#plxFogBack{opacity:0.85}#fogBackCanvas{position:absolute;left:0;width:100%;top:28%;height:44%;display:block}#plxFogBack .fogband{position:absolute;left:-25%;width:150%;top:28%;height:44%;will-change:transform;background:linear-gradient(180deg,transparent 0%,rgba(252,250,242,0.35) 18%,rgba(255,254,250,0.85) 34%,rgba(246,242,230,0.65) 52%,rgba(240,236,222,0.42) 72%,transparent 100%),radial-gradient(85% 65% at 42% 40%,rgba(255,254,250,0.5),transparent 75%)}#fogReveal{position:absolute;inset:0;pointer-events:none;display:none}.js #fogReveal{display:block}#fogCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-fallback{position:absolute;inset:0;display:none}html:not(.js) .hero-fallback,.no-webgl .hero-fallback{display:block}#heroTitleBack{position:absolute;top:12svh;left:24%;right:auto;text-align:left;pointer-events:none}.hb-title{font-family:"Fraunces",serif;font-weight:300;text-transform:uppercase;color:var(--secondary);font-size:clamp(64px,15vw,240px);line-height:0.9;letter-spacing:-0.02em;margin:0;text-shadow:0 0 18px rgba(253,251,243,0.85),0 0 3px rgba(253,251,243,0.9)}#heroTitleBack .hb-title,#heroTitleGhost .hb-title{text-shadow:none}#heroTitleBack .ln:nth-child(1) .in,#heroTitleBack .ln:nth-child(2) .in,#heroTitleBack .ln:nth-child(3) .in{text-shadow:0 0 12px rgba(3,20,14,0.6),0 0 3px rgba(3,20,14,0.65)}.hb-title .ln{display:block;overflow:hidden}.hb-title{width:max-content}.hb-title .ln:nth-child(2) .in,.hb-title .ln:nth-child(3) .in{text-align:center}.hb-title .in{display:block}.hb-title .ln:nth-child(1){overflow:visible}.hb-title .ln:nth-child(1) .in{transform:translateX(0.06em) scale(1.18);transform-origin:left center}.hb-title em{font-style:italic;text-transform:none;color:var(--gold);font-weight:300}@media(max-width:880px){#heroTitleBack{top:8svh;left:8%}}#heroTitleGhost{position:absolute;inset:0;pointer-events:none;opacity:0.2;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#heroTitleGhost .hb-title{position:absolute;top:12svh;left:24%}#heroTitleGhost .ln:nth-child(2),#heroTitleGhost .ln:nth-child(3){display:none}@media(max-width:880px){#heroTitleGhost .hb-title{top:8svh;left:8%}}.hero-scrim{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(to top,rgba(3,14,9,0.62) 0%,rgba(3,14,9,0.34) 26%,rgba(3,14,9,0) 52%),linear-gradient(to bottom,rgba(3,14,9,0.34) 0%,rgba(3,14,9,0) 30%)}.hero-inner{position:relative;z-index:4;min-height:100svh;padding:0 var(--gutter) 46px;pointer-events:none}.hero-inner a{pointer-events:auto}.hero-sub-pos{position:absolute;top:62svh;left:14%;padding-left:0.2em;max-width:34ch}.hero-cta{position:absolute;bottom:14svh;right:30%;display:flex;justify-content:flex-end}.hero-bottom{position:absolute;left:var(--gutter);bottom:40px;display:flex;flex-direction:column;gap:18px}@media(max-width:880px){.hero-sub-pos{left:8%;top:60svh;max-width:26ch}.hero-cta{right:auto;left:var(--gutter);bottom:20svh}}.hero .kicker{color:var(--gold);margin-bottom:0;text-shadow:0 0 12px rgba(3,20,14,0.7),0 0 3px rgba(3,20,14,0.8),0 0 28px rgba(3,20,14,0.5)}.js .hero-inner h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hero h1{font-family:"Fraunces",serif;font-weight:300;text-transform:uppercase;color:#F6F4EC;font-size:clamp(46px,8vw,118px);line-height:0.96;letter-spacing:-0.01em;max-width:9em;text-shadow:0 0 6px rgba(3,20,14,0.7),0 0 24px rgba(3,20,14,0.6),0 0 60px rgba(3,20,14,0.45)}.hero h1 .ln{display:block;overflow:hidden}.hero h1 .in{display:block}.hero h1 em{font-style:italic;text-transform:none;color:var(--gold);font-weight:300}.hero-sub{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(18px,1.9vw,25px);line-height:1.5;color:rgba(246,244,236,0.95);text-shadow:0 0 4px rgba(3,20,14,0.9),0 0 18px rgba(3,20,14,0.6)}@keyframes scsweep{from{transform:translateX(-110%)}to{transform:translateX(260%)}}.btn{display:inline-block;background:var(--gold);color:var(--void);font-weight:700;font-size:14px;padding:17px 34px;border-radius:999px;will-change:transform}.hero-cta .btn,.bridge .row .btn{font-family:"Instrument Sans",system-ui,sans-serif;font-weight:700;font-size:17px;line-height:1;letter-spacing:0.01em;padding:19px 38px}@keyframes mq{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){}@media(max-width:880px){}@media(prefers-reduced-motion:reduce){}.ringkasan{position:relative;color:var(--paper);padding:13vh 0;background:var(--void)}.ringkasan::before{content:"";position:absolute;inset:0;z-index:0;background:url(/mitra-csr-assets/bg/hening/ringkasan-bg.jpg) center/cover no-repeat}.ringkasan::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,20,16,0.86) 0%,rgba(3,20,16,0.66) 55%,rgba(3,20,16,0.5) 100%)}.ringkasan>.wrap{position:relative;z-index:2}.ringkasan .kicker{color:var(--gold)}.rk-qa{margin-top:34px;max-width:820px}.rk-row{display:grid;grid-template-columns:minmax(180px,0.5fr) 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--hair)}.rk-row:last-child{border-bottom:1px solid var(--hair)}.rk-row dt{font-family:"Fraunces",serif;font-weight:500;font-size:clamp(18px,2vw,24px);color:var(--paper)}.rk-row dd{margin:0;font-size:clamp(15px,1.5vw,17px);color:var(--mist);line-height:1.55;align-self:center}@media(max-width:720px){.rk-row{grid-template-columns:1fr;gap:6px}}.manifesto{padding:12vh 0 10vh;position:relative;background:radial-gradient(130% 80% at 30% 40%,rgba(11,58,44,0.45),var(--void) 70%)}.mani-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/mitra-csr-assets/bg/kawasan-healing-garden.jpg) center/cover no-repeat;filter:saturate(0.85) brightness(0.5);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}#mistCanvas{display:none}.js #mistCanvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}.manifesto .wrap{position:relative;z-index:2}.mani-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:56px;align-items:center}.mani-hands{position:relative;margin:0;cursor:pointer;will-change:transform}.mani-hands img{width:100%;filter:drop-shadow(0 28px 48px rgba(0,0,0,0.55))}.mani-hands figcaption{text-align:center;margin-top:20px;color:var(--mist)}@keyframes efloat{to{transform:translateY(-14px)}}.js .mani-hands img{animation:efloat 5.5s ease-in-out infinite alternate}.orbit::after{content:"";position:absolute;left:-7%;top:-14%;width:114%;height:114%;border:1px dashed rgba(245,183,0,0.35);border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 0%,var(--gold) 3px,transparent 4.5px)}@keyframes spin{to{transform:rotate(360deg)}}.js .orbit::after{animation:spin 46s linear infinite}@media(max-width:880px){.mani-grid{grid-template-columns:1fr}.mani-hands{max-width:300px;margin:24px auto 0}}.manifesto .kicker{color:var(--gold);margin-bottom:38px}.manifesto p.big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(24px,3.2vw,46px);line-height:1.3;max-width:1120px}.manifesto p.big em{font-style:italic;color:var(--gold)}.manifesto .answer{margin-top:48px;max-width:620px;font-size:16px;color:var(--mist);margin-left:auto}.manifesto .answer b{color:var(--paper)}.mani-photo{position:relative;z-index:1;width:min(var(--maxw),calc(100% - var(--gutter)*2));margin:9vh auto 0;border-radius:18px;overflow:hidden}.mani-photo img{width:100%;height:min(52svh,520px);object-fit:cover;object-position:center 38%;display:block}.mani-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 18px;color:var(--paper);background:linear-gradient(0deg,rgba(3,20,16,0.78),transparent)}.sdg-block{position:relative;z-index:1;margin-top:9vh}.sdg-lead{color:var(--mist);font-size:16px;margin-bottom:26px}.sdg-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:28px}.sdg-item{width:92px}.sdg-item img{width:92px;height:92px;display:block;border-radius:3px}.sdg-name{display:block;margin-top:10px;font-size:16px;line-height:1.35;color:var(--mist)}.sdg-name b{display:block;color:var(--paper);font-weight:600;letter-spacing:0.04em}@media(max-width:880px){.sdg-row{gap:18px}.sdg-item,.sdg-item img{width:76px}.sdg-item img{height:76px}}.misi{padding:12vh 0 13vh;background:linear-gradient(180deg,#FBF7EA 0%,#F2ECD8 100%);color:var(--ink)}.misi .kicker{color:var(--brand)}.ofoe-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:clamp(32px,5vw,72px);align-items:center}.oh-collage{position:relative;min-height:520px}.oh-block{position:absolute;left:calc(var(--gutter) * -1);top:0;width:62%;height:74%;background:#DCEBE1}.oh-collage figure{position:absolute;margin:0;background:#fff;box-shadow:0 18px 40px rgba(11,58,44,0.14)}.oh-collage img{display:block;width:100%;height:100%;object-fit:cover}.oh-a{left:4%;top:0;width:58%;height:52%;z-index:2}.oh-b{right:0;top:26%;width:52%;height:46%;z-index:3}.oh-c{left:12%;bottom:0;width:46%;height:38%;z-index:4}.misi-h2{font-family:"Fraunces",serif;font-weight:600;font-size:clamp(38px,5.2vw,72px);line-height:1.02;letter-spacing:-0.015em;color:var(--pine);margin-top:16px}.misi-lead{margin-top:26px;max-width:46ch;font-size:19px;line-height:1.65;color:var(--soft-ink)}.oh-btn{display:inline-block;margin-top:34px;padding:18px 30px;border:1.5px solid var(--pine);color:var(--pine);font-weight:700;font-size:16px;letter-spacing:0.01em;transition:background .2s ease,color .2s ease}.oh-btn:hover{background:var(--pine);color:var(--paper)}.misi-body{margin-top:9vh;max-width:78ch;font-size:19px;line-height:1.75;color:var(--soft-ink)}@media(max-width:980px){.ofoe-hero{grid-template-columns:1fr}.oh-collage{min-height:400px;order:2}.oh-block{width:70%}}.misi-band{background:var(--pine);color:var(--paper);padding:11vh 0}.misi-h3{padding-bottom:18px;border-bottom:1px solid rgba(246,244,236,0.28);text-transform:uppercase;letter-spacing:0.18em;font-size:12.5px;font-weight:600;color:var(--gold)}.misi-grid{list-style:none;margin:0;padding:0;display:grid;gap:0;grid-template-columns:repeat(4,1fr)}.misi-card{padding:40px 26px 0 0;border-right:1px solid rgba(246,244,236,0.2)}.misi-card:last-child{border-right:0}.mn{display:block;font-family:"Fraunces",serif;font-weight:600;line-height:0.95;font-size:clamp(36px,4.2vw,62px);color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-0.02em}.misi-card b{display:block;margin-top:16px;font-size:17px;font-weight:700;color:var(--paper)}.misi-card p{margin-top:12px;font-size:16px;line-height:1.6;color:rgba(246,244,236,0.72)}@media(max-width:880px){.misi-grid{grid-template-columns:1fr 1fr;gap:0 24px}.misi-card{border-right:0;padding:32px 0 0}}.pilar3{background:var(--paper);color:var(--ink);padding:13vh 0}.p3-open{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(21px,2.6vw,34px);line-height:1.4;max-width:1000px}.p3-open em{font-style:italic;color:var(--brand)}.p3-h2{margin-top:8vh;padding-bottom:18px;border-bottom:1px solid var(--hair-ink);text-transform:uppercase;letter-spacing:0.16em;font-size:13px;font-weight:600;color:var(--pine)}.p3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:46px;align-items:start}.p3-head h3{font-family:"Fraunces",serif;font-weight:400;font-size:clamp(22px,2.2vw,29px);color:var(--pine)}.p3-sub{display:block;margin-top:6px;font-size:13px;text-transform:uppercase;letter-spacing:0.14em;color:var(--brand);font-weight:600}.p3-intro{margin-top:20px;font-size:16px;line-height:1.7;color:var(--soft-ink)}.p3-prog{margin-top:26px;padding:22px 22px 24px;background:#fff;border-radius:6px;border-top:3px solid var(--gold)}.p3-prog h4{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:0.01em}.p3-prog p{margin-top:10px;font-size:16px;line-height:1.65;color:var(--soft-ink)}@media(max-width:980px){.p3-grid{grid-template-columns:1fr;gap:38px}}.dampak{background:var(--void);color:var(--paper);padding:13vh 0}.dp-open{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(21px,2.6vw,34px);line-height:1.4;max-width:1000px;margin-top:14px}.dp-open em{font-style:italic;color:var(--gold)}.dp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:7vh;align-items:start}.dp-pilar{padding:20px 22px;background:var(--pine);border-radius:6px}.dp-pilar b{display:block;font-size:18px;font-weight:700}.dp-pilar span{display:block;margin-top:4px;font-size:16px;color:rgba(246,244,236,0.72)}.dp-prog{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.dp-prog li{padding:12px 16px;border:1px solid var(--hair);border-radius:5px;font-size:16px;color:var(--paper)}.dp-arrow{height:34px;margin:6px auto;width:1px;background:var(--hair);position:relative}.dp-arrow::after{content:"";position:absolute;left:50%;bottom:0;width:7px;height:7px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);transform:translateX(-50%) rotate(45deg)}.dp-out{list-style:none;margin:0;padding:0;display:grid;gap:14px}.dp-out li{font-size:16px;line-height:1.6;color:var(--mist);padding-left:16px;border-left:2px solid var(--gold)}.dp-big{margin-top:7vh;padding:30px 34px;background:var(--brand);color:var(--void);border-radius:8px;font-family:"Fraunces",serif;font-weight:500;font-size:clamp(19px,2.1vw,27px);line-height:1.4}.dp-sdg{margin-top:6vh}.co2-tile{width:92px;height:92px;display:block;border-radius:3px}@media(max-width:980px){.dp-grid{grid-template-columns:1fr;gap:30px}}@media(max-width:880px){.co2-tile{width:76px;height:76px}}.krisis{background:var(--paper-2);color:var(--ink);padding:13vh 0}.krisis .kicker{color:var(--pine)}.kr-h2{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(30px,4.2vw,58px);line-height:1.14;margin-top:14px}.kr-h2 em{font-style:italic;color:var(--brand)}.kr-open{margin-top:28px;max-width:860px;font-size:17px;line-height:1.7;color:var(--soft-ink)}.kr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:7vh;align-items:start}.kr-card{background:#fff;border-radius:6px;padding:28px 26px 30px}.kr-n{display:block;font-family:"Fraunces",serif;font-size:30px;font-weight:300;color:var(--gold);line-height:1;font-variant-numeric:tabular-nums}.kr-card h3{margin-top:12px;font-size:19px;font-weight:700;color:var(--pine)}.kr-sub{margin-top:4px;font-size:16px;color:var(--brand);font-weight:600}.kr-card ul{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:14px}.kr-card li{font-size:16px;line-height:1.6;color:var(--soft-ink);padding-left:16px;position:relative}.kr-card li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--gold)}.kr-close{margin-top:6vh;font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(19px,2.2vw,28px);line-height:1.45;color:var(--pine);max-width:900px}@media(max-width:980px){.kr-grid{grid-template-columns:1fr;gap:24px}}.bukti{background:var(--void);color:var(--paper);padding:13vh 0}.bk-open{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(21px,2.6vw,34px);line-height:1.4;max-width:1040px;margin-top:14px}.bk-open em{font-style:italic;color:var(--gold)}.bk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:7vh;align-items:start}.bk-col h3{padding-bottom:14px;border-bottom:1px solid var(--gold);font-size:17px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em}.bk-col ul{list-style:none;margin:0;padding:0}.bk-col li{padding:24px 0;border-bottom:1px solid var(--hair)}.bk-col li:last-child{border-bottom:0}.bk-n{display:block;font-family:"Fraunces",serif;font-weight:300;font-size:clamp(28px,3vw,42px);line-height:1;color:var(--paper);font-variant-numeric:tabular-nums}.bk-col b{display:block;margin-top:8px;font-size:16px;font-weight:600;color:var(--paper)}.bk-col p{margin-top:8px;font-size:16px;line-height:1.6;color:var(--mist)}.bk-close{margin-top:7vh;font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(19px,2.2vw,28px);line-height:1.45;color:var(--gold);max-width:940px}.bk-photos{list-style:none;margin:7vh 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.bk-photos img{width:100%;height:230px;object-fit:cover;display:block;border-radius:6px}.bk-photos span{display:block;margin-top:12px;font-size:16px;line-height:1.5;color:var(--mist)}@media(max-width:980px){.bk-grid{grid-template-columns:1fr;gap:34px}.bk-photos{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bk-photos{grid-template-columns:1fr}}.pilih{background:var(--void);color:var(--paper);padding:13vh 0}.pl-h2{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(30px,4.2vw,58px);line-height:1.14;margin-top:14px}.pl-h2 em{font-style:italic;color:var(--gold)}.pl-open{margin-top:26px;max-width:900px;font-size:17px;line-height:1.7;color:var(--mist)}.pl-group{margin-top:7vh}.pl-pilar{padding-bottom:16px;border-bottom:1px solid var(--hair);font-family:"Fraunces",serif;font-weight:400;font-size:clamp(19px,2vw,25px);color:var(--gold)}.pl-row{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:28px}.pl-card{border:1px solid var(--hair);border-radius:6px;padding:28px 26px 24px;background:rgba(11,58,44,0.28);transition:background .2s ease,border-color .2s ease}.pl-card:hover{background:rgba(11,58,44,0.5);border-color:rgba(245,183,0,0.45)}.pl-card h4{font-size:19px;font-weight:700;color:var(--paper)}.pl-card p{margin-top:12px;font-size:16px;line-height:1.65;color:var(--mist)}.pl-act{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:22px}.pl-wa{display:inline-block;background:var(--gold);color:var(--void);font-weight:700;font-size:15px;padding:12px 22px;border-radius:999px;transition:background .2s ease}.pl-wa:hover{background:#FFC933}.pl-more{font-size:16px;color:var(--paper);border-bottom:1px solid rgba(246,244,236,0.45);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.pl-more:hover{color:var(--gold);border-color:var(--gold)}.pl-forms{margin-top:9vh;padding-top:36px;border-top:1px solid var(--hair)}.pl-forms-lbl{text-transform:uppercase;letter-spacing:0.16em;font-size:12.5px;font-weight:600;color:var(--gold)}.pl-forms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:26px}.pl-forms-grid b{display:block;font-size:17px;color:var(--paper)}.pl-forms-grid p{margin-top:8px;font-size:16px;line-height:1.6;color:var(--mist)}.pl-forms-note{margin-top:28px;max-width:820px;font-size:16px;line-height:1.6;color:var(--mist);font-style:italic}@media(max-width:980px){.pl-row{grid-template-columns:1fr}.pl-forms-grid{grid-template-columns:1fr;gap:22px}}.yayasan{background:var(--paper);color:var(--ink);padding:13vh 0}.yayasan .kicker{color:var(--pine)}.ys-h2{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(30px,4.2vw,56px);line-height:1.14;margin-top:14px}.ys-h2 em{font-style:italic;color:var(--brand)}.ys-lead{margin-top:26px;max-width:880px;font-size:17px;line-height:1.7;color:var(--soft-ink)}.ys-split{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:52px;margin-top:8vh;align-items:start}.ys-label{padding-bottom:14px;margin-bottom:26px;border-bottom:1px solid var(--hair-ink);text-transform:uppercase;letter-spacing:0.16em;font-size:12.5px;font-weight:600;color:var(--pine)}.ys-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px}.ys-card .ph{position:relative;border-radius:5px;overflow:hidden;background:#DED6C2}.ys-card .ph img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 22%;display:block;filter:saturate(0.42);transition:filter .25s ease}.ys-card:hover .ph img{filter:saturate(1)}.ys-card .nm{margin-top:14px;font-size:17px;font-weight:700;color:var(--ink)}.ys-card .rl{margin-top:3px;font-size:13px;text-transform:uppercase;letter-spacing:0.1em;color:var(--brand);font-weight:600}.ys-card .bio{margin-top:10px;font-size:16px;line-height:1.6;color:var(--soft-ink)}.ys-legal{background:#fff;border-radius:6px;padding:28px 26px 8px;border-top:3px solid var(--gold)}.ys-legal dl{margin:0}.ys-legal dl>div{padding:16px 0;border-bottom:1px solid var(--hair-ink)}.ys-legal dl>div:last-child{border-bottom:0}.ys-legal dt{font-size:12.5px;text-transform:uppercase;letter-spacing:0.12em;color:var(--brand);font-weight:600}.ys-legal dd{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--soft-ink)}.ys-close{margin-top:8vh;font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(19px,2.2vw,28px);line-height:1.45;color:var(--pine);max-width:920px}@media(max-width:1080px){.ys-split{grid-template-columns:1fr;gap:44px}}@media(max-width:760px){.ys-grid{grid-template-columns:repeat(2,1fr);gap:26px 20px}}.flow{position:relative;background:#0A3327;padding:14vh 0;border-radius:28px 28px 0 0;overflow:hidden;scroll-margin-top:90px}.flow-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/mitra-csr-assets/bg/masjid-farmers.jpg) center 30%/cover no-repeat;filter:saturate(0.72) brightness(0.5);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}.flow-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,42,33,0.6),rgba(8,42,33,0.82))}.flow .wrap{position:relative;z-index:1}.flow-intro{margin-bottom:0}.flow-intro .detail-label{position:sticky;top:110px;align-self:start}.flow-intro .detail-label h2{font-family:"Fraunces",serif;font-size:28px;font-weight:400;line-height:1.3;color:var(--paper)}.flow-intro .voice-line{font-family:"Fraunces",serif;font-size:clamp(22px,2.6vw,31px);font-weight:300;font-style:italic;max-width:700px;line-height:1.45;color:var(--paper);margin-bottom:26px}.flow-intro .detail-body h3.voice-line{color:var(--paper)}.flow-intro .detail-body p{font-size:16.5px;color:rgba(246,244,236,0.82);max-width:700px;margin-bottom:18px}.flow-intro .detail-body p strong{color:var(--paper);font-weight:600}.flow-fig{margin:0 0 26px;max-width:700px}.flow-fig-frame{aspect-ratio:16/9;border-radius:14px;border:1px solid var(--hair)}.flow-fig figcaption{margin-top:10px;color:var(--mist)}.flow-intro .need-list{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:760px}.flow-intro .need-chip{border:1px solid rgba(246,244,236,0.18);border-radius:12px;padding:14px 16px;background:rgba(246,244,236,0.05)}.flow-intro .need-chip b{display:block;color:var(--paper);font-size:16px;margin-bottom:4px}.flow-intro .need-chip span{color:var(--mist);font-size:16px}@media(max-width:880px){.flow-intro{margin-bottom:0}.flow-intro .detail-label{position:static}}.fl-thin{fill:none;stroke:rgba(246,244,236,0.4);stroke-width:1}.mrow{display:grid;grid-template-columns:1.3fr 1fr 1.6fr;gap:24px;align-items:center;padding:22px 6px;border-bottom:1px solid var(--hair);transition:background .3s,padding .3s}.mrow:hover{background:rgba(245,183,0,0.06);padding-left:16px}.mrow b{font-family:"Fraunces",serif;font-weight:400;font-size:clamp(19px,1.8vw,26px)}.mrow .pr{font-family:"Instrument Sans",system-ui,sans-serif;font-size:12.5px;letter-spacing:0.08em;color:var(--gold)}.mrow span{font-size:16px;color:var(--mist)}@media(max-width:880px){.mrow{grid-template-columns:1fr;gap:5px}}.chip{position:absolute;z-index:5;transform:translate(-50%,-50%);font-family:"Instrument Sans",system-ui,sans-serif;font-size:11px;letter-spacing:0.1em;width:36px;height:36px;border-radius:50%;border:1px solid rgba(245,183,0,0.55);background:rgba(3,20,16,0.66);color:var(--gold);backdrop-filter:blur(4px);transition:background .25s,transform .15s}.chip:hover{background:rgba(245,183,0,0.2)}.chip.on{background:var(--gold);color:var(--void);border-color:var(--gold);transform:translate(-50%,-50%) scale(1.12)}.land-tabs{position:static;display:grid;grid-template-rows:repeat(7,1fr);overflow:hidden}.mplan{background:var(--void);color:var(--paper);padding:2vh 0 15vh}.mplan .kicker{color:var(--brand);margin-bottom:20px}.mplan-h2{font-family:"Fraunces",serif;font-weight:400;font-size:clamp(26px,3.4vw,46px);line-height:1.12;max-width:900px;color:var(--paper)}.mplan-h2 em{font-style:italic;color:var(--gold)}.mplan-lead{margin-top:20px;max-width:640px;color:var(--mist);font-size:clamp(15px,1.5vw,17px);line-height:1.6}.mplan-iso{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}.mplan-fig{margin:0;border:1px solid var(--hair);border-radius:14px;overflow:hidden;background:#0A1F19}.mplan-fig img{display:block;width:100%;height:auto}.mplan-denah{margin:24px 0 0;border:1px solid var(--hair);border-radius:14px;overflow:hidden;background:#F6F4EC;text-align:center;padding:26px 20px 18px}.mplan-denah img{display:block;margin:0 auto;width:auto;max-width:100%;max-height:78vh}.mplan-denah figcaption{margin-top:14px;color:var(--turmeric-dark);letter-spacing:0.06em;font-size:16px}@media(max-width:760px){.mplan-iso{grid-template-columns:1fr;gap:16px}}@media(max-width:880px){}.bridge{color:var(--paper);text-align:center;padding:11vh 0}.bridge p{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(22px,3vw,34px);line-height:1.5;max-width:790px;margin:0 auto}.bridge .lead{font-family:"Instrument Sans",system-ui,sans-serif;font-style:normal;margin:30px auto 0;max-width:620px;color:var(--mist);font-size:17px;line-height:1.7}.bridge .row{display:flex;gap:22px;justify-content:center;align-items:center;margin-top:38px;flex-wrap:wrap}.bridge .who{font-family:"Instrument Sans",system-ui,sans-serif;font-style:normal;font-size:12px;color:var(--mist);margin-top:26px;letter-spacing:0.1em;text-transform:uppercase}.detail-head{background:var(--paper);color:var(--ink);padding:12vh 0 6vh}.detail-head h2{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(30px,4.2vw,58px);line-height:1.14}.detail-head-hint{margin-top:14px;font-family:"Instrument Sans",system-ui,sans-serif;font-size:16px;color:var(--soft-ink)}.pintu{background:var(--paper);color:var(--ink);border-top:1px solid var(--hair-ink);scroll-margin-top:90px}.pintu:last-of-type{border-bottom:1px solid var(--hair-ink)}.pintu-bar{list-style:none;cursor:pointer;display:block;position:relative;transition:background .2s ease}.pintu-bar::-webkit-details-marker{display:none}.pintu-bar:hover{background:rgba(11,58,44,0.035)}.pintu-bar:focus-visible{outline:2px solid var(--pine);outline-offset:-3px}.pintu-in{width:min(var(--maxw),calc(100% - var(--gutter)*2));margin:0 auto;padding:26px 0;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}.pintu-txt{display:block}.pintu-pilar{display:block;font-family:"Instrument Sans",system-ui,sans-serif;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--soft-ink)}.pintu-nama{display:block;margin-top:8px;font-family:"Fraunces",serif;font-weight:400;font-size:clamp(23px,2.5vw,34px);line-height:1.16;transition:color .2s ease}.pintu-bar:hover .pintu-nama{color:var(--pine)}.pintu-ringkas{display:block;margin-top:10px;font-family:"Instrument Sans",system-ui,sans-serif;font-size:16px;line-height:1.55;color:var(--soft-ink);max-width:54ch}.pintu-arrow{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--hair-ink);border-radius:50%;flex:0 0 auto;transition:transform .25s ease,border-color .2s ease,background .2s ease}.pintu-arrow svg{width:22px;height:22px;fill:none;stroke:var(--pine);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pintu-bar:hover .pintu-arrow{border-color:var(--pine)}.pintu[open]>.pintu-bar .pintu-arrow{transform:rotate(90deg);background:var(--gold);border-color:var(--gold)}.pintu[open]>.pintu-bar .pintu-arrow svg{stroke:var(--pine)}.pintu[open]>.pintu-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold)}.pintu[open]>.pintu-bar .pintu-ringkas{display:none}.pintu>.detail,.pintu>.flow,.pintu>.forest,.pintu>.padi{border-top:none}@media(prefers-reduced-motion:reduce){.pintu-arrow,.pintu-nama,.pintu-bar{transition:none}}@media(max-width:640px){.pintu-in{gap:20px;padding:24px 0}.pintu-arrow{width:38px;height:38px}.pintu-arrow svg{width:18px;height:18px}}.detail{scroll-margin-top:90px;border-top:1px solid var(--hair-ink);background:var(--paper);color:var(--ink);padding:14vh 0}.detail-inner{display:grid;grid-template-columns:280px 1fr;gap:70px}.detail-label{position:sticky;top:110px;align-self:start}.detail-label h2{font-family:"Fraunces",serif;font-size:28px;font-weight:500;line-height:1.3}.detail-body h3.voice-line{font-family:"Fraunces",serif;font-size:clamp(22px,2.6vw,31px);font-weight:300;font-style:italic;max-width:700px;line-height:1.45;color:var(--ink);margin-bottom:26px}.detail-body p{font-size:16.5px;color:var(--soft-ink);max-width:700px;margin-bottom:18px}.detail-body p strong{color:var(--ink);font-weight:600}.detail-body .need-list{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:760px}.need-chip{border:1px solid var(--hair-ink);padding:14px 16px;font-size:16px;border-radius:4px;background:rgba(255,255,255,0.42)}.need-chip b{display:block;font-weight:600;font-size:16px;margin-bottom:2px}.need-chip span{color:var(--soft-ink);font-size:16px}.data-strip{display:flex;gap:0;margin:28px 0;max-width:760px;border:1px solid var(--hair-ink);background:rgba(255,255,255,0.42)}.data-strip .d{flex:1;padding:16px 14px;border-right:1px solid var(--hair-ink);text-align:center}.data-strip .d:last-child{border-right:none}.data-strip .n{font-family:"Instrument Sans",system-ui,sans-serif;font-size:19px;color:var(--pine);font-weight:500;font-variant-numeric:tabular-nums}.data-strip .l{font-size:16px;color:var(--soft-ink);margin-top:3px}.ubi-block{border-left:2px solid var(--ubi);padding-left:24px;margin-top:26px;max-width:760px}#ubiungu .detail-label{min-height:330px}#ubiungu.ubi-journey{padding:0;background:#F7F1E9;overflow:hidden;border-top:1px solid var(--line)}.ubi-pin{position:relative;isolation:isolate}.ubi-inside{position:relative;z-index:1;color:var(--paper);overflow:hidden;background:url(/mitra-csr-assets/bg/ubi-farmers.jpg) center 40%/cover no-repeat}.ubi-inside::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 42% 40%,rgba(6,74,58,0.58),rgba(3,55,43,0.78) 46%,rgba(2,32,25,0.92) 86%),radial-gradient(circle at 50% 40%,transparent 0 44%,rgba(4,15,11,0.4) 100%)}.ubi-inside-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;width:min(860px,calc(100% - var(--gutter)*2));margin:0 auto;padding:14vh 0}.ubi-inside-copy .idx{font-family:"Instrument Sans",system-ui,sans-serif;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold)}.ubi-inside-copy h2{font-family:"Fraunces",serif;font-size:clamp(30px,4vw,60px);font-weight:300;line-height:1.08;max-width:780px}.ubi-inside-copy h3.voice-line{color:var(--paper);font-size:clamp(20px,2.25vw,30px);max-width:780px;margin:20px 0 22px}.ubi-inside-copy p{max-width:720px;color:rgba(246,244,236,0.8);font-size:16px}.ubi-inside-copy p strong{color:var(--paper)}.ubi-inside-copy .ubi-block{border-left-color:var(--gold);max-width:780px}.ubi-inside-copy .data-strip{border-color:rgba(246,244,236,0.22);background:rgba(3,20,16,0.25);max-width:780px}.ubi-inside-copy .data-strip .d{border-right-color:rgba(246,244,236,0.18)}.ubi-inside-copy .data-strip .n{color:var(--gold)}.ubi-inside-copy .data-strip .l{color:rgba(246,244,236,0.7)}.detail.flagship{background:linear-gradient(180deg,#FBF7EA 0%,#F2ECD8 100%);color:var(--ink)}.detail.flagship .detail-label h2,.detail.flagship .voice-line{color:var(--ink)}.detail.flagship .detail-body p{color:var(--soft-ink)}.detail.flagship .detail-body p strong{color:var(--ink)}.pha{border-top:2px solid var(--gold);padding-top:14px}.pha b{font-family:"Fraunces",serif;font-weight:500;font-size:15.5px;color:var(--ink);display:block;margin-top:4px}.pha p{font-size:16px!important;color:var(--soft-ink)!important;margin-top:7px!important;line-height:1.5;margin-bottom:0!important}.pha em{font-style:normal;font-family:"Instrument Sans",system-ui,sans-serif;font-size:11px;color:var(--turmeric-dark);display:block;margin-top:10px}.detail.flagship .need-chip{border-color:var(--hair-ink);background:rgba(255,255,255,0.5)}.detail.flagship .need-chip b{color:var(--ink)}.detail.flagship .need-chip span{color:var(--soft-ink)}.gd-house{fill:none;stroke:var(--pine);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gd-self{fill:none;stroke:rgba(14,29,23,0.3);stroke-width:1.3;stroke-dasharray:2 6}.gd-link{fill:none;stroke:var(--brand);stroke-width:2}.gd-dot{fill:var(--gold)}.gd-label{font-family:"Instrument Sans",system-ui,sans-serif;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;fill:var(--soft-ink)}.gd-hint{font-family:"Instrument Sans",system-ui,sans-serif;font-size:10.5px;letter-spacing:0.1em;fill:rgba(14,29,23,0.45)}.gd-bead{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;pointer-events:none}#gandengStage use,#gdRoot{transform-box:fill-box;transform-origin:50% 100%}@media(max-width:880px){.detail-inner{grid-template-columns:1fr;gap:32px}.detail-label{position:static}.steps3,.eng-steps,.pillars,.phases{grid-template-columns:1fr}.need-list{grid-template-columns:1fr!important}.data-strip{flex-wrap:wrap}.data-strip .d{min-width:45%}.ubi-inside-copy{padding:64px var(--gutter)}}.pes{position:relative;overflow:hidden}.pes-head{position:relative;display:grid;grid-template-columns:0.9fr 1.1fr;gap:48px;align-items:end}.pes-head h2{font-family:"Fraunces",serif;font-weight:400;font-size:clamp(30px,3.8vw,54px);line-height:1.1}.pes-voice{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(18px,1.9vw,25px);line-height:1.5;color:var(--ink);max-width:620px}.braid-stage{margin-top:58px}.braid-stage svg{width:100%;height:auto;display:block;overflow:visible}.br-strand{fill:none;stroke-width:2.2;stroke-linecap:round}.br0{stroke:#A87E00}.br1{stroke:#0E9F6E}.br2{stroke:#03624C}.br3{stroke:#3F7F74}.br-hit{fill:none;stroke:transparent;stroke-width:28;cursor:pointer}.br-bead{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;pointer-events:none}.br-whip{fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round}.br-label{font-family:"Instrument Sans",system-ui,sans-serif;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;fill:var(--soft-ink)}.br-ring{fill:none;stroke:var(--gold);stroke-width:1.6}.br-cap{font-family:"Instrument Sans",system-ui,sans-serif;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;fill:var(--pine);text-anchor:middle}.br-sub{font-family:"Fraunces",serif;font-style:italic;font-size:15px;fill:var(--turmeric-dark);text-anchor:middle}#braidMedal{transform-box:fill-box;transform-origin:center}.pes-cols{display:grid;grid-template-columns:1.05fr 0.95fr;gap:64px;margin-top:56px;align-items:start}.pes-cols .data-strip{flex-wrap:wrap;margin-top:22px}.pes-cols .data-strip .d{min-width:46%;border-bottom:1px solid var(--hair-ink)}.pes-cols .data-strip .d:nth-child(even){border-right:none}.pes-cols .data-strip .d:nth-child(n+3){border-bottom:none}@media(max-width:880px){.pes-head{grid-template-columns:1fr;gap:22px;align-items:start}.pes-cols{grid-template-columns:1fr;gap:34px}}.padi{position:relative;scroll-margin-top:90px;background:var(--void);color:var(--paper);padding:15vh 0 13vh;overflow:hidden;border-top:1px solid var(--hair)}.padi-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/img/lahan-wakaf.jpg) center 60%/cover no-repeat;filter:saturate(0.82) brightness(0.48);-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 90%,transparent)}.padi-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,16,0.5),rgba(3,20,16,0.24) 45%,rgba(3,20,16,0.6))}.wind-shader{display:none}.js .wind-shader{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:0.6;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 85%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 85%,transparent)}.padi .wrap{position:relative;z-index:2}.padi h2{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(30px,3.8vw,54px);line-height:1.1;max-width:820px}.loop-stage{margin-top:56px}.loop-stage svg{width:100%;height:auto;display:block;overflow:visible}.lp-path{fill:none;stroke:rgba(246,244,236,0.55);stroke-width:1.8}.lp-node{fill:var(--void);stroke:var(--gold);stroke-width:1.6}.lp-ico{fill:none;stroke:rgba(246,244,236,0.85);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lp-grain{fill:var(--gold)}.lp-label{font-family:"Instrument Sans",system-ui,sans-serif;font-size:11.5px;letter-spacing:0.14em;text-transform:uppercase;fill:var(--gold)}.lp-sub{font-family:"Fraunces",serif;font-style:italic;font-size:14.5px;fill:var(--mist)}.lp-quote{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:34px;fill:var(--paper);text-anchor:middle}.lp-mono{font-family:"Instrument Sans",system-ui,sans-serif;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;fill:var(--mist);text-anchor:middle}.lp-back{font-family:"Instrument Sans",system-ui,sans-serif;font-size:10.5px;letter-spacing:0.1em;fill:rgba(246,244,236,0.55)}.lp-st{cursor:pointer;transform-box:fill-box;transform-origin:center}.padi-cols{display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;margin-top:60px;align-items:start}.padi-body p{font-size:16px;color:var(--mist);max-width:640px;margin-bottom:18px}.padi-body p strong{color:var(--paper);font-weight:600}.padi .data-strip,.forest .data-strip{border-color:rgba(246,244,236,0.22);background:rgba(3,20,16,0.4);margin:0;flex-direction:column;max-width:none}.padi .data-strip .d,.forest .data-strip .d{border-right:none;border-bottom:1px solid rgba(246,244,236,0.16);text-align:left;padding:18px 20px;cursor:pointer;transition:background .25s}.padi .data-strip .d:last-child,.forest .data-strip .d:last-child{border-bottom:none}.padi .data-strip .d:hover,.forest .data-strip .d:hover{background:rgba(245,183,0,0.08)}.padi .data-strip .n,.forest .data-strip .n{color:var(--gold);font-size:17px}.padi .data-strip .l,.forest .data-strip .l{color:var(--mist)}.padi-cred{margin-top:18px;color:rgba(246,244,236,0.45)}@media(max-width:880px){.padi-cols{grid-template-columns:1fr;gap:34px}.lp-quote{font-size:26px}}.forest{position:relative;scroll-margin-top:90px;color:var(--paper);padding:15vh 0 13vh;overflow:hidden;border-top:1px solid var(--hair);background:radial-gradient(120% 90% at 38% 42%,#07271E 0%,var(--void) 68%)}.forest-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/mitra-csr-assets/bg/ikhtiar/07-healingforest.jpg) center 40%/cover no-repeat;filter:saturate(0.7) brightness(0.3);-webkit-mask-image:radial-gradient(110% 85% at 50% 45%,#000 0%,transparent 78%);mask-image:radial-gradient(110% 85% at 50% 45%,#000 0%,transparent 78%)}.dapple-shader{display:none}.js .dapple-shader{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:0.5;-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}.forest .wrap{position:relative;z-index:2}.forest-grid{display:grid;grid-template-columns:1fr 0.9fr;gap:64px;align-items:center}.grove svg{width:100%;height:auto;display:block;overflow:visible;cursor:pointer}@keyframes fbreath{to{transform:scale(1.035)}}.js .grove-breath{transform-box:fill-box;transform-origin:center;animation:fbreath 9.5s ease-in-out infinite alternate}.fr-ring{fill:none;stroke:rgba(246,244,236,0.4);stroke-width:1.4}.fr-ring.dash{stroke-dasharray:3 8;stroke:rgba(245,183,0,0.6)}.fr-tree{fill:none;stroke:var(--leaf);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.fr-tree.you{stroke:var(--gold)}#frTrees use,#frYou use{transform-box:fill-box;transform-origin:50% 100%}.fr-bld{fill:none;stroke:rgba(246,244,236,0.85);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.fr-label{font-family:"Instrument Sans",system-ui,sans-serif;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;fill:var(--gold)}.fr-sub{font-family:"Instrument Sans",system-ui,sans-serif;font-size:10.5px;letter-spacing:0.1em;fill:var(--mist)}.forest-hint{margin-top:16px;color:rgba(246,244,236,0.45)}html:not(.js) .forest-hint{display:none}.forest h2{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(28px,3.2vw,46px);line-height:1.1}.forest-voice{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(17px,1.7vw,22px);line-height:1.55;color:rgba(246,244,236,0.88);margin-top:18px}.forest-body{margin-top:22px}.forest-body p{font-size:16px;color:var(--mist);margin-bottom:16px}.forest-body p strong{color:var(--paper);font-weight:600}.forest .data-strip{margin-top:26px}@media(max-width:880px){.forest-grid{grid-template-columns:1fr;gap:36px}}.lab-stage{margin:34px 0 10px}.lab-stage svg{width:100%;height:auto;display:block;overflow:visible}.lb-line{fill:none;stroke:var(--pine);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lb-thin{fill:none;stroke:rgba(14,29,23,0.3);stroke-width:1}.lb-gold{fill:none;stroke:var(--turmeric-dark);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lb-water{fill:none;stroke:#4C8B7B;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lab-drop{fill:#4C8B7B}.lb-foot{fill:rgba(14,29,23,0.35)}.lb-label{font-family:"Instrument Sans",system-ui,sans-serif;font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;fill:var(--soft-ink)}.lb-name{font-family:"Instrument Sans",system-ui,sans-serif;font-size:11.5px;letter-spacing:0.14em;text-transform:uppercase;fill:var(--turmeric-dark)}.lb-sub{font-family:"Fraunces",serif;font-style:italic;font-size:14px;fill:var(--soft-ink)}@keyframes sunbreath{to{transform:scale(1.14)}}.js #labSunRays{transform-box:fill-box;transform-origin:center;animation:sunbreath 3.6s ease-in-out infinite alternate}@keyframes rainfall{0%{transform:translateY(0);opacity:0}12%{opacity:0.9}82%{opacity:0.9}100%{transform:translateY(92px);opacity:0}}.js .lab-drop{animation:rainfall 2.2s linear infinite}.js .lab-drop.d2{animation-delay:0.7s}.js .lab-drop.d3{animation-delay:1.4s}@keyframes compost{to{transform:rotate(360deg)}}.js #labLoopArrows{transform-box:fill-box;transform-origin:center;animation:compost 14s linear infinite}@keyframes lampglow{to{opacity:0.75}}.js #labLampGlow{opacity:0.25;animation:lampglow 2.4s ease-in-out infinite alternate}.takehome{position:relative;color:var(--paper);padding:14vh 0;background:var(--void)}.takehome::before{content:"";position:absolute;inset:0;z-index:0;background:url(/mitra-csr-assets/bg/hening/takehome-bg.jpg) center/cover no-repeat}.takehome::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,20,16,0.82) 0%,rgba(3,20,16,0.6) 34%,rgba(3,20,16,0.74) 100%)}.takehome>.wrap{position:relative;z-index:2}.takehome .kicker{color:var(--gold)}.th-h2{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(26px,3.4vw,44px);line-height:1.14;max-width:820px;margin-top:14px;color:var(--paper)}.th-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:44px;background:var(--hair);border:1px solid var(--hair)}.th-card{position:relative;overflow:hidden;background:rgba(6,23,18,0.55);padding:28px 26px}.th-card::before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--th-bg);background-size:cover;background-position:center;filter:blur(1px);transform:scale(1.03)}.th-card::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(6,32,24,0.45)}.th-card>*{position:relative;z-index:2}.th-card b{font-family:"Fraunces",serif;font-weight:500;font-size:19px;color:var(--gold);display:block}.th-card p{font-size:16px;color:rgba(246,244,236,0.82);margin-top:10px;line-height:1.6}@media(max-width:880px){.th-grid{grid-template-columns:1fr}}@media(max-width:880px){}.kolab{background:var(--paper);color:var(--ink);padding:13vh 0}.kolab .kicker{color:var(--pine)}.kl-h2{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(30px,4.2vw,56px);line-height:1.14;margin-top:14px}.kl-h2 em{font-style:italic;color:var(--brand)}.kl-open{margin-top:26px;max-width:880px;font-size:17px;line-height:1.7;color:var(--soft-ink)}.kl-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;margin-top:8vh;align-items:start}.kl-lbl{padding-bottom:14px;margin-bottom:26px;border-bottom:1px solid var(--hair-ink);text-transform:uppercase;letter-spacing:0.16em;font-size:12.5px;font-weight:600;color:var(--pine)}.kl-mou figure{margin:0 0 30px}.kl-mou img{width:100%;display:block;border-radius:6px}.kl-mou figcaption{margin-top:12px;font-size:16px;line-height:1.6;color:var(--soft-ink)}.kl-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.kl-logos li{background:#fff;border:1px solid var(--hair-ink);border-radius:6px;height:104px;display:flex;align-items:center;justify-content:center;padding:16px}.kl-logos img{max-width:100%;max-height:100%;object-fit:contain;display:block}@media(max-width:980px){.kl-split{grid-template-columns:1fr;gap:44px}}@media(max-width:560px){.kl-logos{grid-template-columns:repeat(2,1fr)}}.wa-fab{position:fixed;right:22px;bottom:22px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,0.28);transition:transform 0.2s ease}.wa-fab:hover{transform:scale(1.08)}.wa-fab svg{width:30px;height:30px;fill:#fff}@media print{.wa-fab{display:none}}.btn-outline{display:inline-block;border:1px solid rgba(246,244,236,0.55);color:var(--paper);font-weight:600;font-size:17px;padding:18px 34px;border-radius:999px;transition:border-color .2s ease,color .2s ease,background .2s ease}.btn-outline:hover{border-color:var(--gold);color:var(--gold);background:rgba(245,183,0,0.08)}.ftr{background:var(--void);color:var(--mist);padding:9vh 0 0;border-top:1px solid var(--hair)}.ftr-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px;align-items:start}.ftr-brand img{height:52px;width:auto;display:block}.ftr-tag{margin-top:16px;font-family:"Fraunces",serif;font-style:italic;font-size:18px;color:var(--gold)}.ftr-lbl{text-transform:uppercase;letter-spacing:0.16em;font-size:12px;font-weight:600;color:var(--paper);padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--hair)}.ftr-col p{font-size:16px;line-height:1.75;overflow-wrap:anywhere}.ftr-col a{color:var(--mist);border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.ftr-col a:hover{color:var(--gold);border-color:var(--gold)}.ftr-legal{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:8vh;padding:26px 0 30px;border-top:1px solid var(--hair);font-size:16px}@media(max-width:980px){.ftr-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media(max-width:560px){.ftr-grid{grid-template-columns:1fr}}a:focus-visible,.btn:focus-visible,.chip:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media print{*,*::before,*::after{background:transparent!important;color:#111!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{background:#fff!important}@page{margin:16mm 14mm}canvas,#parallax,.hero-scrim,.wa-fab,.land-photos,.mani-bg,.bridge-bg,.th-card::before,.th-card::after,.takehome::before,.takehome::after{display:none!important}.hero{min-height:0!important;padding:0 0 10mm!important}.hero-fallback{display:none!important}#heroTitleBack,#heroTitleGhost{position:static!important;display:block!important}.hero-inner h1{position:static!important;clip:auto!important;width:auto!important;height:auto!important;overflow:visible!important}section,footer{padding:8mm 0!important;min-height:0!important;border:0!important;break-inside:auto}.wrap{width:auto!important;max-width:none!important;padding:0!important}.p3-prog,.kr-card,.misi-card,.bk-col li,.ys-card,.pl-card,.th-card,.kl-mou figure,.kl-logos li,.ftr-col{break-inside:avoid}h2,h3,h4{break-after:avoid}.p3-grid,.dp-grid,.kr-grid,.bk-grid,.pl-row,.kl-split,.ftr-grid,.pl-forms-grid,.th-grid{grid-template-columns:1fr 1fr!important;gap:6mm!important}.ys-grid{grid-template-columns:1fr 1fr 1fr!important;gap:5mm!important}.bk-photos{grid-template-columns:1fr 1fr!important}.ys-split{grid-template-columns:1fr!important}img{max-height:60mm!important;width:auto!important;object-fit:contain!important}.ys-card .ph img{max-height:32mm!important}a[href^=http]::after,a[href^=mailto]::after{content:" (" attr(href) ")";font-size:11px;word-break:break-all;color:#444!important}a[href^="#"]::after{content:""}a[href*="wa.me"]::after{content:" (WhatsApp +62 811-1713-172)"!important;word-break:normal!important}#nav{position:static!important;padding:0 0 6mm!important}#heroTitleGhost{display:none!important}.btn,.btn-outline,.pl-wa{border:1px solid #111!important;border-radius:0!important;padding:2mm 3mm!important;font-size:12px!important}}
