*{box-sizing:border-box}html{scroll-behavior:smooth;background:#07110d}body{margin:0;background:#07110d;color:#f3f2e9;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.intro-active{overflow:hidden}a{color:inherit}.intro{position:fixed;inset:0;z-index:9999;background:#020604 url('/slamet/assets/slamet-cinematic-1920x1080.jpg') center center/cover no-repeat;display:grid;place-items:center;overflow:hidden;transition:opacity 1s,visibility 1s}.intro:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,4,.24),rgba(2,6,4,.50) 62%,rgba(2,6,4,.82));z-index:1}.intro.hide{opacity:0;visibility:hidden}.skip{position:absolute;right:24px;top:24px;z-index:5;background:none;border:1px solid #ffffff55;color:#fff;padding:9px 13px;letter-spacing:1px}.mountain{position:absolute;inset:0;z-index:2;pointer-events:none}.mist{position:absolute;inset:40% -10% 20%;background:linear-gradient(90deg,transparent,#ffffff15,transparent);filter:blur(18px);animation:mist 7s linear infinite}.tear{position:absolute;left:50%;top:34%;width:5px;height:42px;border-radius:50%;background:linear-gradient(#fff0,#bde8df);animation:drop 3s 1.4s ease-in infinite}.ripple{position:absolute;bottom:8%;width:20px;height:8px;border:1px solid #9bd7c7;border-radius:50%;opacity:0;animation:ripple 3s 2.2s infinite}.intro-copy{position:relative;text-align:center;z-index:3;max-width:650px;padding:24px}.intro-copy small,.hero small,.chapter>small,.section-copy>small,.narrative>small,.future small,.coverage>small{letter-spacing:3px;font-weight:bold;font-size:11px}.intro-copy h1{font-family:Georgia,serif;font-size:clamp(58px,11vw,145px);line-height:.75;margin:20px 0 30px;letter-spacing:-5px}.intro-copy em{font-size:.32em;letter-spacing:5px;font-style:normal;font-family:Arial}.intro-copy p{max-width:520px;margin:auto;line-height:1.7;color:#c7d2cc}@keyframes mist{50%{transform:translateX(8%)}}@keyframes drop{0%{transform:translateY(-20px);opacity:0}40%{opacity:1}80%,100%{transform:translateY(42vh);opacity:0}}@keyframes ripple{0%,55%{opacity:0;transform:scale(1)}70%{opacity:.8}100%{opacity:0;transform:scale(20,8)}}
.top{position:fixed;z-index:100;left:0;right:0;top:0;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#06100ddd,transparent);mix-blend-mode:normal}.brand{text-decoration:none;font-weight:900;letter-spacing:3px}.top span{font-size:11px;letter-spacing:2px;color:#b7c7bf}.top button{background:none;border:0;color:white;font-size:24px}.menu{position:fixed;z-index:200;right:0;top:0;width:min(430px,100%);height:100vh;background:#07110df5;backdrop-filter:blur(20px);padding:70px 38px;transform:translateX(105%);transition:.4s;display:flex;flex-direction:column;gap:14px}.menu.open{transform:none}.menu a{text-decoration:none;font-size:18px;padding:4px 0}.menu>button{position:absolute;right:24px;top:18px;background:none;border:0;color:#fff;font-size:34px}.menu strong{letter-spacing:3px;font-size:12px;color:#9bb3a7;margin-bottom:12px}.menu hr{width:100%;border:0;border-top:1px solid #ffffff22}
.chapter{min-height:100vh;position:relative;padding:110px max(7vw,24px);display:flex;flex-direction:column;justify-content:center}.hero{padding:0;min-height:100svh;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,13,.10),#07110d 94%),url('/slamet/assets/slamet-cinematic-1920x1080.jpg') center center/cover no-repeat}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,4,.68),transparent 62%)}.hero-copy{position:relative;z-index:2;padding:10vw 8vw;max-width:1100px}.hero h1{font-family:Georgia,serif;font-size:clamp(88px,18vw,240px);line-height:.72;letter-spacing:-10px;margin:28px 0 24px}.hero h2{font:italic 400 clamp(30px,5vw,70px) Georgia;margin:0}.hero p{font-size:clamp(18px,2vw,26px);max-width:600px;line-height:1.5;color:#d3ddd7}.down{display:inline-block;margin-top:50px;text-decoration:none;font-size:11px;letter-spacing:2px;border-bottom:1px solid #fff;padding-bottom:8px}.water{background:linear-gradient(180deg,#07110d,#09251f 70%,#0c3c38)}.narrative{max-width:1000px}.narrative>p{font:400 clamp(38px,7vw,92px) Georgia;margin:.28em 0;color:#e9eee8}.narrative h2,.section-copy h2,.wildlife h2,.people>h2,.scars h2,.timeline>h2,.explainer>h2,.mapsec>h2,.voices>h2,.coverage h2{font:400 clamp(38px,5.5vw,78px) Georgia;max-width:1000px}.river-line{position:absolute;right:8vw;top:0;height:100%;width:2px;background:linear-gradient(transparent,#87c9bd,transparent);box-shadow:0 0 25px #8de2d0}.story-link{display:inline-block;margin-top:25px;text-decoration:none;border-bottom:1px solid #90c8bb;padding-bottom:8px}.forest{background:radial-gradient(circle at 80% 40%,#31533c55,transparent 32%),linear-gradient(#08140d,#030805)}.section-copy{max-width:1050px}.section-copy p{font-size:18px;color:#bdc8c0;max-width:650px;line-height:1.7}.time-machine{display:flex;align-items:center;gap:12px;margin:55px 0 25px;font-size:12px;letter-spacing:2px}.track{height:1px;background:#ffffff55;flex:1}.track i{display:block;width:8px;height:8px;border-radius:50%;background:#d9eee6;transform:translateY(-4px)}.wildlife{background:#020604}.species{display:grid;grid-template-columns:repeat(2,1fr);margin-top:50px;border-top:1px solid #ffffff20}.species article{min-height:180px;padding:30px;border-bottom:1px solid #ffffff20;border-right:1px solid #ffffff20;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,transparent,#17302433)}.species b{font:400 clamp(26px,4vw,52px) Georgia}.species span{color:#82998d;margin-top:8px;font-style:italic}.species .rare{grid-column:1/-1;min-height:260px}.people{background:#e6e1d5;color:#111b16}.portraits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#777;margin-top:45px}.portraits article{min-height:430px;background:linear-gradient(180deg,#d8d4c9,#69736d);padding:25px;display:flex;flex-direction:column;justify-content:flex-end}.portraits article:nth-child(even){background:linear-gradient(180deg,#b9beb8,#303d36)}.portraits span{font-size:11px}.portraits h3{font:400 30px Georgia;margin:12px 0}.portraits p{line-height:1.5}.scars{background:linear-gradient(120deg,#1b110b,#090806)}.topics{display:flex;flex-wrap:wrap;gap:10px;max-width:900px}.topics span{border:1px solid #b78d6755;padding:13px 16px;font-size:12px;letter-spacing:1px}.note{max-width:700px;color:#b9b3aa;line-height:1.7;margin-top:40px;font-size:14px}.timeline{background:#e9e5db;color:#121914}.years{margin-top:55px;max-width:900px;border-left:1px solid #2e4439}.years article{padding:0 0 45px 35px;position:relative}.years article:before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:#263f33}.years b{font:400 34px Georgia}.years p{color:#4d5b54}.years .now b{font-weight:bold}.explainer{background:#0b1b15}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1000px}.choices button{padding:30px 12px;background:#ffffff08;border:1px solid #ffffff18;color:#fff;font-size:17px;text-align:left}.known{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.known b{font-size:10px;letter-spacing:1px;border:1px solid #6f9e8c;padding:9px}.mapsec{background:#d7d2c5;color:#172019}.mapmock{height:570px;max-width:1000px;position:relative;margin-top:30px;background:radial-gradient(circle,#758478 0 3%,transparent 4%),linear-gradient(135deg,#c9c3b4,#a8b0a5);border-radius:50% 40% 45% 35%;overflow:hidden}.peak{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font:700 30px Georgia;text-align:center}.peak small{display:block;font:10px Arial;letter-spacing:1px}.p{position:absolute;background:#172019;color:white;border:0;padding:10px 12px;font-size:10px;letter-spacing:1px}.pemalang{right:18%;top:26%}.tegal{left:23%;top:23%}.brebes{left:10%;top:42%}.banyumas{left:30%;bottom:20%}.purbalingga{right:25%;bottom:22%}.voices{background:#070807}.voicegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:40px}.voicegrid div{aspect-ratio:1/1;background:linear-gradient(145deg,#333,#0c0c0c);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;filter:grayscale(1);transition:.3s}.voicegrid div:hover{filter:none;background:linear-gradient(145deg,#355443,#111)}.voicegrid span{font-size:10px}.voicegrid b{font:400 18px Georgia;margin:8px 0}.voicegrid small{color:#aaa}.future{background:linear-gradient(180deg,#08110d 0,#735e43 55%,#d9b77f 100%);min-height:110vh}.future>div{max-width:1000px}.future h2{font:400 clamp(44px,7vw,100px) Georgia;line-height:1.05}.future p{font-size:20px;max-width:650px;line-height:1.7}.futurelinks{display:flex;gap:25px;margin-top:45px}.futurelinks span{border-bottom:1px solid;padding-bottom:8px;letter-spacing:2px}.ending{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;background:linear-gradient(#d9b77f,#17251e 70%)}.ending p{font:italic 26px Georgia}.ending h2{font:400 clamp(35px,5vw,70px) Georgia;max-width:1000px}.ending strong{font:700 clamp(80px,15vw,200px) Georgia;letter-spacing:-7px;line-height:.9}.ending span{font:italic 28px Georgia}.ending small{margin-top:20px;letter-spacing:3px}.coverage{padding:100px max(7vw,24px);background:#f2efe8;color:#172019}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.newsgrid a{text-decoration:none}.thumb{aspect-ratio:16/10;background:#b9c0b8 center/cover no-repeat}.newsgrid time{display:block;font-size:10px;letter-spacing:1px;margin-top:14px;color:#66736b}.newsgrid h3{font:400 24px Georgia;line-height:1.2;margin:8px 0}.empty{padding:25px;border:1px solid #bfc6be;max-width:750px}.empty p{line-height:1.6}footer{padding:30px max(7vw,24px);display:flex;gap:25px;align-items:center;background:#020604;color:#adb8b1;font-size:12px}footer b{color:white}footer a{margin-left:auto}
@media(max-width:800px){.top{padding:15px 17px}.top span{display:none}.chapter{padding:90px 20px}.intro-copy h1{letter-spacing:-3px}.hero-copy{padding:100px 20px 45px}.hero h1{letter-spacing:-5px}.species{grid-template-columns:1fr}.species .rare{grid-column:auto}.portraits{grid-template-columns:1fr 1fr}.portraits article{min-height:300px}.choices{grid-template-columns:1fr 1fr}.voicegrid{grid-template-columns:repeat(2,1fr)}.mapmock{height:440px}.newsgrid{grid-template-columns:1fr}.futurelinks{gap:14px;flex-wrap:wrap}.ending{padding:25px}.ending strong{letter-spacing:-3px}footer{flex-wrap:wrap}footer a{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.mist,.tear,.ripple{animation:none!important}.intro{transition:opacity .25s,visibility .25s}}
/* V1.3 — mobile-first cinematic pass */
@media(max-width:800px){
 html,body{width:100%;max-width:100%;overflow-x:hidden}
 .top{width:100%;height:64px;padding:16px 18px;background:linear-gradient(180deg,rgba(2,6,4,.88),rgba(2,6,4,.18));}
 .brand{font-size:18px;letter-spacing:3px}.top button{font-size:29px;padding:0}
 .intro{width:100vw;height:100svh;background-position:center center}.intro:before{background:linear-gradient(180deg,rgba(2,6,4,.18),rgba(2,6,4,.38) 50%,rgba(2,6,4,.86))}
 .skip{right:16px;top:16px}.intro-copy{width:100%;padding:24px 22px;margin-top:18vh}.intro-copy h1{font-size:clamp(58px,21vw,88px);line-height:.82;letter-spacing:-4px;margin:14px 0 22px}.intro-copy em{display:block;font-size:16px;line-height:1.2;letter-spacing:4px;margin-top:13px}.intro-copy p{font-size:14px;line-height:1.55;max-width:310px}.tear{top:27%}
 .chapter{width:100%;min-height:auto;padding:84px 20px 70px}
 .hero{min-height:100svh;padding:0;display:block}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,6,.18) 0%,rgba(3,8,6,.30) 42%,rgba(7,17,13,.94) 88%,#07110d 100%),url('/slamet/assets/slamet-cinematic-1920x1080.jpg') 58% center/cover no-repeat}.hero-bg:after{background:linear-gradient(90deg,rgba(2,6,4,.18),transparent 75%)}
 .hero-copy{min-height:100svh;width:100%;max-width:none;padding:0 20px 64px;display:flex;flex-direction:column;justify-content:flex-end}.hero small{font-size:9px;letter-spacing:2.1px}.hero h1{font-size:clamp(62px,20.5vw,92px);line-height:.78;letter-spacing:-4px;margin:16px 0 16px;white-space:nowrap}.hero h2{font-size:clamp(31px,10vw,43px);line-height:1.02;max-width:330px}.hero p{font-size:16px;line-height:1.48;max-width:320px;margin:22px 0 0}.down{margin-top:32px;font-size:10px;align-self:flex-start}
 .water{min-height:100svh;padding-top:105px}.narrative>p{font-size:clamp(38px,12vw,54px);line-height:1.04}.narrative h2,.section-copy h2,.wildlife h2,.people>h2,.scars h2,.timeline>h2,.explainer>h2,.mapsec>h2,.voices>h2,.coverage h2{font-size:clamp(39px,11vw,54px);line-height:1.02}.river-line{right:16px;opacity:.55}
 .forest,.wildlife,.people,.scars,.timeline,.explainer,.mapsec,.voices,.future{min-height:100svh}.section-copy p{font-size:16px}.time-machine{margin-top:38px}
 .species{display:block;margin-top:30px}.species article,.species .rare{min-height:44svh;padding:24px 18px}.species b{font-size:35px}
 .people{padding-left:0;padding-right:0}.people>h2,.people>small{margin-left:20px;margin-right:20px}.portraits{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;margin-top:30px}.portraits article{min-width:86vw;min-height:68svh;scroll-snap-align:center;padding:24px}.portraits h3{font-size:31px}
 .topics{gap:8px}.topics span{padding:11px 12px;font-size:10px}.note{font-size:13px}
 .years{margin-top:35px}.years article{padding-left:25px;padding-bottom:35px}.years b{font-size:29px}
 .choices{grid-template-columns:1fr 1fr;gap:8px}.choices button{min-height:86px;padding:16px 12px;font-size:14px}.known b{font-size:9px}
 .mapmock{width:calc(100vw - 40px);height:72vw;min-height:300px;max-height:430px;margin-top:24px}.peak{font-size:22px}.p{font-size:8px;padding:7px}
 .voicegrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:2px;margin-left:-20px;margin-right:-20px;padding:0 20px}.voicegrid div{min-width:76vw;aspect-ratio:4/5;scroll-snap-align:center}.voicegrid b{font-size:22px}
 .future{min-height:100svh;padding-top:110px;padding-bottom:90px}.future h2{font-size:clamp(46px,13vw,62px)}.future p{font-size:17px}.futurelinks{font-size:11px}
 .ending{min-height:100svh;width:100%;padding:80px 20px 50px}.ending p{font-size:20px}.ending h2{font-size:35px}.ending strong{font-size:clamp(72px,23vw,105px);letter-spacing:-4px}.ending span{font-size:24px}
 .coverage{padding:75px 20px}.newsgrid{grid-template-columns:1fr;gap:30px}.newsgrid h3{font-size:26px}
 footer{padding:28px 20px 38px;display:block}footer span,footer a{display:block;margin-top:10px}
}
@media(max-width:380px){.hero h1{font-size:19vw}.hero h2{font-size:9vw}.intro-copy h1{font-size:20vw}}

/* ===== V1.4 MOBILE SCENE OVERRIDE ===== */
@media (max-width: 700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{background:#06100c}
  .top{height:62px;padding:0 18px;background:linear-gradient(180deg,rgba(3,11,8,.92),rgba(3,11,8,.18));border:0}
  .top .brand{font-size:17px;letter-spacing:.22em}.top #progress{display:none}.top button{font-size:25px}
  .hero{min-height:100svh!important;height:100svh!important;width:100%;padding:0!important;display:flex!important;align-items:flex-end!important;position:relative;overflow:hidden}
  .hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-image:linear-gradient(180deg,rgba(2,9,7,.12) 0%,rgba(2,9,7,.18) 35%,rgba(2,9,7,.88) 78%,#06100c 100%),url('/slamet/assets/slamet-cinematic-1920x1080.jpg')!important;background-size:cover!important;background-position:58% center!important;opacity:1!important;filter:saturate(.92) contrast(1.04)}
  .hero-copy{position:relative!important;z-index:2!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 24px calc(38px + env(safe-area-inset-bottom))!important;transform:none!important}
  .hero-copy small{font-size:10px!important;letter-spacing:.2em!important}.hero-copy h1{font-size:clamp(52px,17vw,68px)!important;line-height:.86!important;margin:12px 0 12px!important;letter-spacing:-.045em!important;white-space:nowrap}.hero-copy h2{font-size:clamp(28px,9vw,38px)!important;line-height:1.02!important;max-width:320px!important;margin:0 0 16px!important}.hero-copy p{font-size:17px!important;line-height:1.5!important;max-width:330px!important;margin:0 0 25px!important;color:rgba(255,255,255,.88)!important}.hero-copy .down{font-size:11px!important;letter-spacing:.18em!important;padding-bottom:8px!important}
  .chapter:not(.hero){min-height:auto!important;height:auto!important;padding:0!important;display:block!important;overflow:hidden;position:relative}
  .chapter:not(.hero)::before{content:"";display:block;width:100%;height:56svh;min-height:390px;background-image:linear-gradient(180deg,rgba(3,12,9,.05),rgba(3,12,9,.12) 55%,#07110d 100%),url('/slamet/assets/slamet-cinematic-1920x1080.jpg');background-size:cover;background-position:center;filter:saturate(.78)}
  #air::before{background-position:50% 75%} #hutan::before{background-position:74% 48%;filter:saturate(.65) brightness(.72)} #penghuni::before{background-position:85% 45%;filter:saturate(.55) brightness(.55)} #manusia::before{background-position:35% 55%;filter:saturate(.7) brightness(.62)} #perubahan::before{background-position:62% 48%;filter:saturate(.45) brightness(.55)} #taman::before{background-position:70% 44%;filter:saturate(.62) brightness(.62)} #berubah::before{background-position:52% 52%;filter:saturate(.65) brightness(.58)} #kabupaten::before{background-position:50% 40%;filter:saturate(.7) brightness(.58)} #voices::before{background-position:25% 48%;filter:saturate(.5) brightness(.52)} #masa-depan::before{background-position:43% 43%;filter:saturate(.95) brightness(.82)}
  .narrative,.section-copy,.wildlife>small,.wildlife>h2,.people>small,.people>h2,.scars>small,.scars>h2,.scars>.topics,.scars>.note,.timeline>small,.timeline>h2,.timeline>.years,.explainer>small,.explainer>h2,.explainer>.choices,.explainer>.known,.mapsec>small,.mapsec>h2,.mapsec>.mapmock,.mapsec>.note,.voices>small,.voices>h2,.voices>.voicegrid,.future>div{position:relative!important;width:auto!important;max-width:none!important;margin:0!important;padding-left:22px!important;padding-right:22px!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important}
  .narrative,.section-copy{padding-top:24px!important;padding-bottom:44px!important}.narrative small,.section-copy small,.chapter>small{font-size:10px!important;letter-spacing:.2em!important}.narrative p{font-size:clamp(34px,10.5vw,46px)!important;line-height:1.03!important;margin:10px 0!important}.narrative h2,.section-copy h2,.wildlife>h2,.people>h2,.scars>h2,.timeline>h2,.explainer>h2,.mapsec>h2,.voices>h2,.future h2{font-size:clamp(34px,10vw,44px)!important;line-height:1.04!important;margin:12px 0 18px!important}
  .story-link{font-size:13px!important;display:inline-block;margin-top:12px}.river-line{display:none!important}
  .time-machine{overflow-x:auto!important;display:flex!important;gap:10px!important;padding:14px 0 4px!important}.time-machine .track{min-width:50px!important}
  .species,.portraits{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;padding:0 22px 42px!important;margin-top:18px!important}.species article,.portraits article{min-width:78vw!important;scroll-snap-align:center!important;min-height:240px!important;padding:22px!important}
  .wildlife>small,.people>small,.scars>small,.timeline>small,.explainer>small,.mapsec>small,.voices>small{display:block;padding-top:24px!important}.wildlife>h2,.people>h2,.scars>h2,.timeline>h2,.explainer>h2,.mapsec>h2,.voices>h2{padding-bottom:6px!important}
  .topics{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:18px!important}.topics span{white-space:nowrap!important;font-size:11px!important}.scars>.note,.mapsec>.note{padding-bottom:42px!important;font-size:14px!important;line-height:1.55!important}
  .years{padding-bottom:42px!important}.years article{padding:18px 0!important}.years article b{font-size:28px!important}
  .choices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding-bottom:18px!important}.choices button{min-height:58px!important;font-size:14px!important}.known{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:42px!important}.known b{min-width:180px!important;font-size:10px!important}
  .mapmock{height:390px!important;margin:10px 22px 16px!important;padding:0!important}.voicegrid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;padding-bottom:42px!important}.voicegrid>div{min-width:72vw!important;height:250px!important;scroll-snap-align:center!important}
  .future>div{padding-top:24px!important;padding-bottom:48px!important}.future p{font-size:17px!important;line-height:1.55!important}.futurelinks{display:flex!important;gap:8px!important;overflow:auto!important}.futurelinks span{white-space:nowrap!important}
  .ending{min-height:100svh!important;padding:70px 24px 40px!important;background-image:linear-gradient(180deg,rgba(3,10,8,.28),#06100c 90%),url('/slamet/assets/slamet-cinematic-1920x1080.jpg')!important;background-size:cover!important;background-position:center!important}.ending p{font-size:17px!important}.ending h2{font-size:clamp(36px,11vw,48px)!important;line-height:1.05!important}.ending strong{font-size:clamp(58px,18vw,78px)!important}
  .coverage{padding:54px 20px!important}.coverage h2{font-size:38px!important}.newsgrid{grid-template-columns:1fr!important;gap:28px!important}.newsgrid .thumb{height:220px!important}
  footer{padding:30px 20px!important;gap:10px!important;align-items:flex-start!important;flex-direction:column!important}
  .intro{width:100vw!important;height:100svh!important}.intro-copy{left:22px!important;right:22px!important;bottom:12vh!important;width:auto!important}.intro-copy h1{font-size:clamp(50px,16vw,68px)!important}.skip{right:16px!important;top:calc(18px + env(safe-area-inset-top))!important}
}

/* V1.5 DESKTOP VISUAL FIX — scoped to desktop only; mobile V1.4 remains unchanged */
@media (min-width: 701px){
  .hero-bg{
    background-image:linear-gradient(180deg,rgba(7,17,13,.08) 0%,rgba(7,17,13,.18) 55%,#07110d 100%),url('/slamet/assets/slamet-cinematic-1920x1080.jpg')!important;
    background-size:cover!important;
    background-position:center 48%!important;
    opacity:1!important;
  }
  .hero-bg:after{background:linear-gradient(90deg,rgba(2,6,4,.58) 0%,rgba(2,6,4,.18) 46%,rgba(2,6,4,.05) 72%,rgba(2,6,4,.18) 100%)!important}

  /* Give every documentary chapter a visible landscape scene on desktop. */
  .chapter:not(.hero){
    min-height:100vh;
    display:grid;
    grid-template-columns:minmax(360px,44%) minmax(0,56%);
    align-items:stretch;
    padding:0!important;
    overflow:hidden;
  }
  .chapter:not(.hero)::before{
    content:"";
    display:block;
    grid-column:1;
    grid-row:1;
    min-height:100vh;
    background-image:linear-gradient(180deg,rgba(3,12,9,.04),rgba(3,12,9,.22)),url('/slamet/assets/slamet-cinematic-1920x1080.jpg');
    background-size:cover;
    background-position:center;
    filter:saturate(.84) contrast(1.04);
  }
  .chapter:not(.hero)>*{grid-column:2;position:relative;z-index:2}
  .chapter:not(.hero)>.river-line{grid-column:1 / -1;position:absolute;right:44%;top:0;height:100%;z-index:3}

  .water .narrative,.forest .section-copy,.wildlife>small,.wildlife>h2,.wildlife>.species,
  .people>small,.people>h2,.people>.portraits,.scars>small,.scars>h2,.scars>.topics,.scars>.note,
  .timeline>small,.timeline>h2,.timeline>.years,.explainer>small,.explainer>h2,.explainer>.choices,.explainer>.known,
  .mapsec>small,.mapsec>h2,.mapsec>.mapmock,.mapsec>.note,.voices>small,.voices>h2,.voices>.voicegrid,
  .future>div{
    margin-left:clamp(42px,5vw,86px);
    margin-right:clamp(42px,5vw,86px);
  }
  .water .narrative,.forest .section-copy,.future>div{align-self:center}
  .wildlife,.scars,.explainer,.voices,.people,.timeline,.mapsec{align-content:center;padding-top:80px!important;padding-bottom:80px!important}

  .species,.portraits,.voicegrid{width:auto;margin-top:34px}
  .portraits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portraits article{min-height:260px}
  .choices{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
  .mapmock{height:min(58vh,560px);width:auto}
  .voicegrid{grid-template-columns:repeat(3,minmax(0,1fr))}

  /* alternate the visual side to create a cinematic editorial rhythm */
  .forest::before,.people::before,.timeline::before,.mapsec::before,.future::before{grid-column:2}
  .forest>*,.people>*,.timeline>*,.mapsec>*,.future>*{grid-column:1}
  .forest .section-copy,.people>small,.people>h2,.people>.portraits,
  .timeline>small,.timeline>h2,.timeline>.years,.mapsec>small,.mapsec>h2,.mapsec>.mapmock,.mapsec>.note,
  .future>div{margin-left:clamp(42px,5vw,86px);margin-right:clamp(42px,5vw,86px)}

  .future{background:#735e43}
  .future::before{background-image:linear-gradient(180deg,rgba(3,12,9,.05),rgba(80,57,33,.22)),url('/slamet/assets/slamet-cinematic-1920x1080.jpg')}

  .ending{
    background-image:linear-gradient(180deg,rgba(4,10,8,.20),rgba(23,37,30,.88) 72%,#17251e 100%),url('/slamet/assets/slamet-cinematic-1920x1080.jpg')!important;
    background-size:cover!important;
    background-position:center!important;
  }
}

/* V1.6 — Penghuni Slamet + audio-ready foundation */
.top-actions{display:flex;align-items:center;gap:8px}.sound-btn{border:1px solid rgba(255,255,255,.25);background:rgba(4,12,9,.32);color:#fff;border-radius:999px;padding:8px 11px;font-size:9px;letter-spacing:.12em;cursor:pointer}.wildlife-v16{background:#06100c}.wildlife-head{position:relative;z-index:2}.wildlife-head p{max-width:720px;color:#c9d0c9;line-height:1.7;font-size:15px}.species-v16{position:relative;z-index:2}.species-v16 .animal-card{position:relative;overflow:hidden;isolation:isolate;background:#0a1712;min-height:420px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-end}.animal-card:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--animal);background-size:cover;background-position:center;transform:scale(1.01);filter:saturate(.78) contrast(1.05)}.animal-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,7,5,.03) 18%,rgba(2,7,5,.22) 48%,rgba(2,7,5,.94) 100%)}.animal-copy{padding:26px;width:100%;text-shadow:0 2px 18px rgba(0,0,0,.5)}.animal-copy em{display:block;font-style:normal;font-size:9px;letter-spacing:.18em;color:#d7c18a;margin-bottom:8px}.animal-copy b{display:block;font-family:Georgia,serif;font-size:30px;line-height:1}.animal-copy i{display:block;font-family:Georgia,serif;font-size:13px;color:#d5d8d4;margin:7px 0 14px}.animal-copy p{font-size:13px;line-height:1.55;margin:0 0 15px;color:#eef0ec}.animal-copy span{font-size:8px;letter-spacing:.12em;color:#b9c1ba}.animal-card--slamet{background:radial-gradient(circle at 68% 34%,rgba(153,118,61,.3),transparent 25%),linear-gradient(145deg,#15251d,#050b08 65%)}.animal-card--slamet:before{background-image:radial-gradient(circle at 55% 36%,rgba(207,161,83,.24),transparent 9%),linear-gradient(145deg,transparent 48%,rgba(183,125,58,.08));filter:none}.animal-card--slamet .animal-copy b{font-size:27px}.wildlife-source{position:relative;z-index:2;margin:28px clamp(42px,5vw,86px) 0;padding:20px 22px;border-left:2px solid #a98b55;background:rgba(0,0,0,.22);max-width:900px}.wildlife-source>b{font-size:9px;letter-spacing:.18em;color:#d7c18a}.wildlife-source p,.wildlife-source a,.wildlife-source summary{font-size:12px;line-height:1.6;color:#cbd1cc}.wildlife-source a{text-decoration:underline;text-underline-offset:3px}.wildlife-source details{margin-top:10px}.wildlife-source summary{cursor:pointer;color:#e7e8e3}
@media(min-width:701px){.wildlife-v16{display:block!important;padding:100px 0!important;min-height:auto!important}.wildlife-v16:before{display:none!important}.wildlife-v16 .wildlife-head{margin:0 clamp(42px,5vw,86px)!important}.wildlife-v16 .wildlife-head h2{max-width:850px;font-size:clamp(48px,6vw,84px);line-height:.98;margin:12px 0 20px}.wildlife-v16 .species-v16{margin:42px clamp(42px,5vw,86px) 0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.species-v16 .animal-card{min-height:520px}.animal-card:nth-child(2):before{background-position:center 28%}.animal-card:nth-child(5):before{background-position:center 28%}}
@media(max-width:700px){.top-actions{gap:4px}.sound-btn{font-size:8px;padding:7px 9px}.wildlife-v16 .wildlife-head{padding:24px 22px 0!important;margin:0!important}.wildlife-v16 .wildlife-head small{font-size:10px;letter-spacing:.2em}.wildlife-v16 .wildlife-head h2{font-size:clamp(34px,10vw,44px);line-height:1.04;margin:12px 0 14px}.wildlife-v16 .wildlife-head p{font-size:14px;line-height:1.6}.wildlife-v16 .species-v16{padding:8px 22px 20px!important;margin:0!important;display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory}.species-v16 .animal-card{min-width:84vw!important;min-height:64svh!important;scroll-snap-align:center}.wildlife-source{margin:0 22px 42px;padding:18px}.animal-copy{padding:22px}.animal-copy b{font-size:28px}}


/* V1.7 CINEMATIC MOTION — JPEG 1920x1080 + fog + parallax + slow zoom */
.hero-bg{will-change:transform;animation:slametSlowZoom 22s ease-in-out infinite alternate}
.chapter:not(.wildlife-v16){overflow:hidden}
.chapter:not(.hero):not(.wildlife-v16)::before{background-position:center calc(50% + var(--slamet-parallax,0px))!important;will-change:background-position}
.slamet-fog{position:absolute;inset:-12% -35%;z-index:1;pointer-events:none;overflow:hidden;opacity:.22;mix-blend-mode:screen;background:radial-gradient(ellipse at 18% 55%,rgba(235,245,239,.28) 0 12%,transparent 36%),radial-gradient(ellipse at 58% 38%,rgba(220,236,228,.20) 0 10%,transparent 34%),radial-gradient(ellipse at 88% 62%,rgba(236,244,239,.18) 0 11%,transparent 33%);filter:blur(18px);animation:slametFogDrift 28s linear infinite alternate;transform:translate3d(-4%,0,0)}
.hero .slamet-fog{z-index:1;opacity:.30}.chapter>*:not(.slamet-fog){position:relative;z-index:2}.hero-bg{z-index:0}.hero-copy{z-index:3!important}
@keyframes slametSlowZoom{from{transform:scale(1.00)}to{transform:scale(1.075)}}
@keyframes slametFogDrift{from{transform:translate3d(-5%,1%,0) scale(1.02)}to{transform:translate3d(7%,-2%,0) scale(1.08)}}
@media(max-width:700px){.slamet-fog{opacity:.16;filter:blur(14px);animation-duration:34s}.hero .slamet-fog{opacity:.24}.hero-bg{animation-duration:26s}}
@media(prefers-reduced-motion:reduce){.hero-bg,.slamet-fog{animation:none!important}.chapter:not(.hero)::before{background-position:center!important}}


/* V1.7.1 FOG VISIBILITY HOTFIX — foreground fog above photography, below copy */
.slamet-fog{inset:-8% -28%!important;z-index:2!important;opacity:.68!important;mix-blend-mode:normal!important;filter:blur(10px)!important;background:linear-gradient(180deg,transparent 10%,rgba(238,245,241,.08) 28%,rgba(235,244,239,.32) 48%,rgba(225,238,231,.16) 63%,transparent 82%)!important;animation:slametFogLayerA 20s ease-in-out infinite alternate!important;will-change:transform,opacity}
.slamet-fog::before,.slamet-fog::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:50%;will-change:transform}
.slamet-fog::before{background:radial-gradient(ellipse at 15% 52%,rgba(246,249,247,.58) 0 10%,rgba(237,245,240,.28) 18%,transparent 39%),radial-gradient(ellipse at 53% 45%,rgba(246,249,247,.48) 0 9%,rgba(231,241,235,.23) 19%,transparent 38%),radial-gradient(ellipse at 88% 57%,rgba(246,249,247,.52) 0 10%,rgba(231,241,235,.22) 20%,transparent 40%);filter:blur(20px);animation:slametFogLayerB 27s linear infinite alternate}
.slamet-fog::after{inset:20% -8% 4%;background:radial-gradient(ellipse at 28% 58%,rgba(255,255,255,.34) 0 9%,rgba(235,244,239,.18) 21%,transparent 43%),radial-gradient(ellipse at 73% 48%,rgba(255,255,255,.30) 0 10%,rgba(235,244,239,.15) 23%,transparent 45%);filter:blur(28px);animation:slametFogLayerC 34s ease-in-out infinite alternate}
.hero .slamet-fog{opacity:.78!important;z-index:2!important}.hero-copy{z-index:4!important}.chapter>*:not(.slamet-fog){position:relative;z-index:3}
@keyframes slametFogLayerA{0%{transform:translate3d(-8%,1%,0) scale(1.05);opacity:.56}100%{transform:translate3d(8%,-1%,0) scale(1.12);opacity:.78}}
@keyframes slametFogLayerB{0%{transform:translate3d(-10%,0,0) scale(1)}100%{transform:translate3d(12%,-3%,0) scale(1.10)}}
@keyframes slametFogLayerC{0%{transform:translate3d(7%,2%,0) scale(1.04)}100%{transform:translate3d(-9%,-2%,0) scale(1.13)}}
@media(max-width:700px){.slamet-fog{opacity:.58!important;filter:blur(8px)!important}.hero .slamet-fog{opacity:.70!important}.slamet-fog::before{filter:blur(16px)}.slamet-fog::after{filter:blur(22px)}}
@media(prefers-reduced-motion:reduce){.slamet-fog,.slamet-fog::before,.slamet-fog::after{animation:none!important}}

/* V1.8 EDITORIAL TYPE + FLY-IN TITLES — reference-inspired, no layout rewrite */
html,body,button,input,textarea,select{font-family:Arial,Helvetica,sans-serif!important}
body,.chapter p,.chapter .note,.wildlife-head p,.animal-copy p,.coverage p,.coverage h3,.ending p{font-family:Arial,Helvetica,sans-serif!important}
.chapter p,.section-copy p,.wildlife-head p,.animal-copy p,.scars .note,.mapsec .note,.future p,.ending p,.coverage p{ text-align:justify; text-justify:inter-word; hyphens:auto; line-height:1.72 }
.hero-copy h1,.hero-copy h2,.chapter h2,.wildlife-head h2,.animal-copy b,.portraits h3,.ending h2,.ending strong,.coverage h2{
  font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif!important;
  font-stretch:condensed;font-weight:700;
}
/* chapter title palette */
#hero .hero-copy h1{color:#f2f0e6!important}
#hero .hero-copy h2{color:#c9d98a!important}
#air h2{color:#79c9d7!important}
#hutan h2{color:#76b66d!important}
#penghuni h2{color:#d3b66e!important}
#manusia h2{color:#e3b37a!important}
#perubahan h2{color:#d87863!important}
#taman h2{color:#c9a96b!important}
#berubah h2{color:#9bc6a3!important}
#kabupaten h2{color:#8eb6c9!important}
#voices h2{color:#d7a4c4!important}
#masa-depan h2{color:#e1c886!important}
.ending h2{color:#e8d7a0!important}.coverage h2{color:#2d8259!important}

/* Words begin scattered, then assemble when section enters the viewport. */
.fly-title{perspective:900px}
.fly-title .fly-word{display:inline-block;opacity:0;filter:blur(7px);transform:translate3d(var(--fly-x,0),var(--fly-y,24px),0) rotate(var(--fly-r,0deg)) scale(.92);transition:transform .92s cubic-bezier(.16,.8,.2,1),opacity .62s ease,filter .78s ease;transition-delay:var(--fly-delay,0ms);will-change:transform,opacity,filter}
.fly-title.is-assembled .fly-word{opacity:1;filter:blur(0);transform:translate3d(0,0,0) rotate(0) scale(1)}
@media(max-width:700px){
  .chapter p,.section-copy p,.wildlife-head p,.animal-copy p,.scars .note,.mapsec .note,.future p,.ending p,.coverage p{line-height:1.68}
  .fly-title .fly-word{filter:blur(4px);transition-duration:.72s,.5s,.62s}
}
@media(prefers-reduced-motion:reduce){.fly-title .fly-word{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}}

/* V1.9 — 4-scene photographic intro story */
.intro-story{display:block!important;overflow:hidden!important;background:#020604!important;transition:opacity .7s ease,visibility .7s ease}
.intro-story:before{display:none!important}.intro-slides{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.intro-slides::-webkit-scrollbar{display:none}
.intro-slide{--intro-bg:url('/slamet/assets/slamet-cinematic-1920x1080.jpg');--intro-pos:center 46%;position:relative;width:100%;height:100svh;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;background:#020604;overflow:hidden;isolation:isolate}
.intro-slide--1{--intro-pos:center 46%}.intro-slide--2{--intro-pos:42% center}.intro-slide--3{--intro-pos:62% center}.intro-slide--4{--intro-pos:center 40%}
.intro-slide:before{content:"";position:absolute;inset:-4%;z-index:0;background-image:var(--intro-bg);background-size:cover;background-repeat:no-repeat;background-position:var(--intro-pos);transform:scale(1.035);animation:introSceneZoom 16s ease-in-out infinite alternate;will-change:transform}.intro-slide:after{content:"";position:absolute;z-index:1;left:-18%;right:-18%;bottom:8%;height:34%;pointer-events:none;background:radial-gradient(ellipse at 20% 60%,rgba(244,249,246,.22),transparent 34%),radial-gradient(ellipse at 62% 48%,rgba(244,249,246,.16),transparent 38%),radial-gradient(ellipse at 90% 58%,rgba(244,249,246,.18),transparent 32%);filter:blur(24px);animation:introFog 24s ease-in-out infinite alternate}
.intro-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(2,6,4,.14) 0%,rgba(2,6,4,.18) 38%,rgba(2,6,4,.82) 78%,rgba(2,6,4,.96) 100%)}
.intro-slide-copy{position:absolute;z-index:3;left:max(6vw,26px);bottom:max(9vh,58px);width:min(760px,86vw);font-family:Arial,Helvetica,sans-serif}.intro-slide-copy small{display:block;font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.22em;color:#d8e2dc;margin-bottom:16px}.intro-slide-copy h2{font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif;font-size:clamp(48px,7vw,100px);line-height:.88;letter-spacing:-.035em;margin:0 0 22px;color:#d8d477;max-width:900px}.intro-slide--2 h2{color:#79c9d7}.intro-slide--3 h2{color:#76b66d}.intro-slide--4 h2{color:#e1c886}.intro-slide-copy p{font:400 clamp(17px,1.55vw,22px)/1.65 Arial,Helvetica,sans-serif;text-align:justify;text-justify:inter-word;max-width:660px;margin:8px 0;color:rgba(255,255,255,.92)}.intro-scroll{display:inline-block;margin-top:22px;font:700 10px Arial;letter-spacing:.2em;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:7px}.intro-continue{margin-top:28px;border:1px solid rgba(255,255,255,.7);background:rgba(4,13,9,.38);backdrop-filter:blur(8px);color:#fff;padding:14px 18px;font:700 11px Arial;letter-spacing:.16em;cursor:pointer}.intro-continue:hover{background:#fff;color:#07110d}.intro-dots{position:absolute;z-index:6;right:24px;top:50%;transform:translateY(-50%);display:grid;gap:9px}.intro-dots i{width:5px;height:5px;border:1px solid rgba(255,255,255,.75);border-radius:50%;transition:.25s}.intro-dots i.active{height:22px;border-radius:6px;background:#fff}.intro-story .skip{position:absolute;z-index:7}
@keyframes introSceneZoom{from{transform:scale(1.035) translate3d(0,0,0)}to{transform:scale(1.10) translate3d(-.7%,-.4%,0)}}
@keyframes introFog{from{transform:translate3d(-5%,1%,0);opacity:.58}to{transform:translate3d(7%,-1%,0);opacity:.9}}
@media(max-width:700px){.intro-slide-copy{left:22px;right:22px;bottom:calc(54px + env(safe-area-inset-bottom));width:auto}.intro-slide-copy h2{font-size:clamp(43px,13.5vw,62px);line-height:.9;margin-bottom:18px}.intro-slide-copy p{font-size:16px;line-height:1.58;max-width:none}.intro-slide-copy small{font-size:9px;letter-spacing:.18em}.intro-dots{right:12px}.intro-slide--1{--intro-pos:58% center}.intro-slide--2{--intro-pos:45% center}.intro-slide--3{--intro-pos:60% center}.intro-slide--4{--intro-pos:55% center}.intro-story .skip{font-size:9px}}
@media(prefers-reduced-motion:reduce){.intro-slide:before,.intro-slide:after{animation:none!important}}

/* V1.9.2 — typography refinement: calmer editorial scale */
:root{--slamet-green:#6fa77f;--slamet-cream:#f0eadc;--slamet-gold:#d2b77d}
body{font-family:Arial,Helvetica,sans-serif!important;font-size:17px}
.hero-copy h1{font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif!important;font-weight:800!important;font-size:clamp(64px,10vw,142px)!important;line-height:.82!important;letter-spacing:-.045em!important;margin:22px 0 18px!important}
.hero-copy h2{font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif!important;font-style:normal!important;font-weight:700!important;font-size:clamp(30px,4vw,58px)!important;line-height:1!important;letter-spacing:-.02em!important}
.hero-copy p{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(17px,1.35vw,20px)!important;line-height:1.72!important;max-width:650px!important;text-align:justify}
.chapter h2,.wildlife-head h2,.people>h2,.scars h2,.timeline>h2,.explainer>h2,.mapsec>h2,.voices>h2,.coverage h2,.future h2,.ending h2{font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif!important;font-weight:800!important;font-size:clamp(48px,5vw,70px)!important;line-height:.98!important;letter-spacing:-.025em!important}
.narrative>p{font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif!important;font-size:clamp(36px,4.6vw,64px)!important;line-height:1.04!important;letter-spacing:-.02em!important}
.chapter p,.section-copy p,.wildlife-head p,.animal-copy p,.portraits p,.scars .note,.mapsec .note,.future p,.ending p,.coverage p{font-family:Arial,Helvetica,sans-serif!important;font-size:18px;line-height:1.72!important;text-align:justify;text-justify:inter-word;hyphens:auto;max-width:720px}
.animal-copy b,.portraits h3,.newsgrid h3{font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.015em}
/* Restrained palette: white on photography, green/cream on flat sections */
.water h2,.forest h2,.wildlife h2,.scars h2,.explainer h2,.voices h2{color:var(--slamet-green)!important}.people>h2,.timeline>h2,.mapsec>h2,.coverage h2{color:#28774f!important}.future h2{color:var(--slamet-cream)!important}
/* Intro typography */
.intro-slide-copy{width:min(700px,84vw)!important}.intro-slide-copy h2{font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif!important;font-weight:800!important;font-size:clamp(44px,5.4vw,76px)!important;line-height:.94!important;letter-spacing:-.025em!important;margin:0 0 18px!important;color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.38)}
.intro-slide-copy p{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(17px,1.25vw,19px)!important;line-height:1.68!important;max-width:620px!important;color:rgba(255,255,255,.94)!important}.intro-slide-copy small{font-family:Arial,Helvetica,sans-serif!important;font-size:10px!important;letter-spacing:.18em!important;color:rgba(255,255,255,.78)!important}
.intro-slide--1 .intro-slide-copy h2{color:#fff!important}.intro-slide--2 .intro-slide-copy h2{color:#d7eee6!important}.intro-slide--3 .intro-slide-copy h2{color:#d9ead9!important}.intro-slide--4 .intro-slide-copy h2{color:#f0dfb5!important}
/* Softer assembly motion */
.fly-title .fly-word{filter:blur(3px)!important;transition:transform .68s cubic-bezier(.2,.72,.22,1),opacity .44s ease,filter .52s ease!important}
@media(max-width:700px){body{font-size:16px}.hero-copy h1{font-size:clamp(54px,16vw,72px)!important;line-height:.84!important;letter-spacing:-.04em!important}.hero-copy h2{font-size:clamp(28px,8.5vw,38px)!important}.hero-copy p{font-size:17px!important;line-height:1.68!important}.chapter h2,.wildlife-head h2,.people>h2,.scars h2,.timeline>h2,.explainer>h2,.mapsec>h2,.voices>h2,.coverage h2,.future h2,.ending h2{font-size:clamp(36px,10.5vw,44px)!important;line-height:1!important}.narrative>p{font-size:clamp(32px,9vw,40px)!important;line-height:1.06!important}.chapter p,.section-copy p,.wildlife-head p,.animal-copy p,.portraits p,.scars .note,.mapsec .note,.future p,.ending p,.coverage p{font-size:17px!important;line-height:1.7!important}.intro-slide-copy{left:24px!important;right:32px!important;width:auto!important}.intro-slide-copy h2{font-size:clamp(36px,10.5vw,46px)!important;line-height:.98!important;margin-bottom:16px!important}.intro-slide-copy p{font-size:16.5px!important;line-height:1.64!important}.intro-slide-copy small{font-size:9px!important}.fly-title .fly-word{filter:blur(2px)!important}}

/* V1.9.3 — reading rhythm: responsive editorial typography, no forced justify */
body{font-family:Arial,Helvetica,sans-serif!important}
.hero-copy p,.chapter p,.section-copy p,.wildlife-head p,.animal-copy p,.portraits p,.scars .note,.mapsec .note,.future p,.ending p,.coverage p,.intro-slide-copy p{
  text-align:left!important;text-justify:auto!important;hyphens:none!important;word-spacing:normal!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.hero-copy p{font-size:clamp(17px,1.25vw,19px)!important;line-height:1.66!important;max-width:610px!important}
.chapter h2,.wildlife-head h2,.people>h2,.scars h2,.timeline>h2,.explainer>h2,.mapsec>h2,.voices>h2,.coverage h2,.future h2,.ending h2{
  font-size:clamp(44px,4.5vw,64px)!important;line-height:.98!important;letter-spacing:-.022em!important;max-width:820px
}
.narrative>p{font-size:clamp(34px,4vw,56px)!important;line-height:1.08!important;max-width:760px!important}
.chapter p,.section-copy p,.wildlife-head p,.portraits p,.scars .note,.mapsec .note,.future p,.ending p,.coverage p{font-size:clamp(17px,1.18vw,19px)!important;line-height:1.68!important;max-width:650px!important}
.animal-copy p{font-size:14px!important;line-height:1.58!important;max-width:36ch!important}.animal-copy b{font-size:clamp(27px,2.2vw,34px)!important;line-height:1.02!important}.animal-copy i{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.4!important}
.intro-slide-copy{width:min(650px,82vw)!important}.intro-slide-copy h2{font-size:clamp(40px,4.7vw,68px)!important;line-height:.98!important;letter-spacing:-.018em!important;max-width:780px!important}.intro-slide-copy p{font-size:clamp(17px,1.15vw,19px)!important;line-height:1.62!important;max-width:570px!important;margin:7px 0!important}.intro-slide-copy small{font-size:10px!important;line-height:1.3!important}
@media(max-width:700px){
  .hero-copy h1{font-size:clamp(52px,15vw,68px)!important;line-height:.88!important}
  .hero-copy h2{font-size:clamp(27px,7.8vw,35px)!important;line-height:1.04!important}
  .hero-copy p{font-size:17px!important;line-height:1.62!important;max-width:34ch!important}
  .chapter h2,.wildlife-head h2,.people>h2,.scars h2,.timeline>h2,.explainer>h2,.mapsec>h2,.voices>h2,.coverage h2,.future h2,.ending h2{font-size:clamp(32px,9.2vw,40px)!important;line-height:1.02!important;letter-spacing:-.015em!important;max-width:92vw!important}
  .narrative>p{font-size:clamp(29px,8vw,36px)!important;line-height:1.09!important;max-width:92vw!important}
  .chapter p,.section-copy p,.wildlife-head p,.portraits p,.scars .note,.mapsec .note,.future p,.ending p,.coverage p{font-size:16.5px!important;line-height:1.64!important;max-width:35ch!important}
  .animal-copy p{font-size:13.5px!important;line-height:1.56!important;max-width:32ch!important}
  .intro-slide-copy{left:24px!important;right:38px!important;width:auto!important;bottom:calc(58px + env(safe-area-inset-bottom))!important}
  .intro-slide-copy h2{font-size:clamp(32px,9vw,40px)!important;line-height:1.02!important;letter-spacing:-.012em!important;margin-bottom:14px!important;max-width:90%!important}
  .intro-slide-copy p{font-size:16px!important;line-height:1.58!important;max-width:32ch!important;margin:6px 0!important}
  .intro-scroll{margin-top:18px!important}
}

/* V1.9.4 — Sharp Titles: preserve fly-in motion without rasterizing headline text */
.fly-title .fly-word,
.fly-title.is-assembled .fly-word{
  filter:none!important;
  -webkit-filter:none!important;
  transition-property:transform,opacity!important;
  will-change:transform,opacity!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
@media(max-width:700px){
  .fly-title .fly-word,
  .fly-title.is-assembled .fly-word{filter:none!important;-webkit-filter:none!important}
}

/* V1.9.5 — compact speaker-only audio control */
.sound-btn{
  width:38px!important;height:38px!important;padding:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:50%!important;letter-spacing:0!important;
}
.speaker-icon{width:19px;height:19px;display:block;overflow:visible}
.speaker-icon path{fill:#fff;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.speaker-icon .speaker-wave{fill:none}
.sound-btn[aria-pressed="false"] .speaker-wave{display:none}
.sound-btn[aria-pressed="true"] .speaker-mute{display:none}
.sound-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:700px){
  .sound-btn{width:36px!important;height:36px!important;padding:0!important}
  .speaker-icon{width:18px;height:18px}
}

/* V2.0 VISUAL STORY PACK — full-bleed generated thematic backgrounds */
@media(min-width:801px){
  .hero{min-height:100vh!important;position:relative!important;background:#06100c!important}
  .hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-image:url('/slamet/assets/visuals/hero.jpg')!important;background-size:cover!important;background-position:center 45%!important;background-repeat:no-repeat!important;transform:scale(1.015);z-index:0!important}
  .hero-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,5,.72) 0%,rgba(2,8,5,.36) 42%,rgba(2,8,5,.08) 70%),linear-gradient(180deg,rgba(2,8,5,.08),rgba(2,8,5,.18) 65%,rgba(2,8,5,.58));z-index:1}
  .hero-bg:after{display:none!important}.hero-copy{position:relative!important;z-index:4!important;min-height:100vh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:12vh 8vw 8vh!important;max-width:920px!important}
  .chapter:not(.hero):not(.wildlife-v16){min-height:100vh!important;background-color:#07110d!important;background-image:none!important;isolation:isolate}
  .chapter:not(.hero):not(.wildlife-v16)::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-2!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center calc(50% + var(--slamet-parallax,0px))!important;transform:scale(1.04)}
  .chapter:not(.hero):not(.wildlife-v16)::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,9,6,.78),rgba(3,9,6,.34) 55%,rgba(3,9,6,.18)),linear-gradient(180deg,rgba(3,9,6,.12),rgba(3,9,6,.62));pointer-events:none}
  #air::before{background-image:url('/slamet/assets/visuals/air.jpg')!important}
  #hutan::before{background-image:url('/slamet/assets/visuals/hutan.jpg')!important}
  #manusia::before{background-image:url('/slamet/assets/visuals/manusia.jpg')!important}
  #perubahan::before{background-image:url('/slamet/assets/visuals/perubahan.jpg')!important}
  #taman::before{background-image:url('/slamet/assets/visuals/taman.jpg')!important}
  #berubah::before{background-image:url('/slamet/assets/visuals/taman.jpg')!important}
  #kabupaten::before{background-image:url('/slamet/assets/visuals/kabupaten.jpg')!important}
  #voices::before{background-image:url('/slamet/assets/visuals/voices.jpg')!important}
  #masa-depan::before{background-image:url('/slamet/assets/visuals/future.jpg')!important}
  .water,.forest,.people,.scars,.timeline,.explainer,.mapsec,.voices,.future{color:#f4f3eb!important}
  .section-copy p,.chapter .note,.future p,.years p{color:rgba(255,255,255,.86)!important}
  .portraits{background:rgba(0,0,0,.18)!important;backdrop-filter:blur(4px)}.portraits article{background:linear-gradient(180deg,rgba(10,20,15,.12),rgba(7,15,11,.72))!important;color:#fff!important}
  .timeline .years{background:rgba(5,12,9,.40);padding:30px;border-left-color:#d8e3dc}.years article:before{background:#e4eee8}.years b{color:#fff}.mapmock{background:rgba(12,24,18,.58)!important;border:1px solid rgba(255,255,255,.2)}
  .wildlife-v16{position:relative!important;isolation:isolate;background:#06100c!important}.wildlife-v16:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-2!important;background:url('/slamet/assets/visuals/penghuni.jpg') center/cover no-repeat!important;opacity:.55}.wildlife-v16:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,9,6,.58),rgba(3,9,6,.92))}
  .ending{position:relative!important;isolation:isolate;background:#07110d!important}.ending:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/slamet/assets/visuals/ending.jpg') center/cover no-repeat}.ending:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,9,6,.25),rgba(3,9,6,.78))}
}
/* Intro uses four separate generated scene images */
.intro-slide--1{--intro-bg:url('/slamet/assets/visuals/intro1.jpg')!important}.intro-slide--2{--intro-bg:url('/slamet/assets/visuals/intro2.jpg')!important}.intro-slide--3{--intro-bg:url('/slamet/assets/visuals/intro3.jpg')!important}.intro-slide--4{--intro-bg:url('/slamet/assets/visuals/intro4.jpg')!important}
\n\n/* V2.0.3 — continuous intro: native smooth scroll, clean type, one moving panorama */
.intro-story{
  --intro-pan-x:0px;--intro-pan-y:0px;
  background:#07110d!important;
  isolation:isolate;
}
.intro-story:before{
  content:""!important;display:block!important;position:absolute!important;inset:-5%!important;z-index:0!important;
  background-image:url('/slamet/assets/visuals/intro1.jpg')!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center 46%!important;
  transform:translate3d(var(--intro-pan-x),var(--intro-pan-y),0) scale(1.10)!important;
  transition:none!important;will-change:transform;
}
.intro-story:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,8,5,.38),rgba(2,8,5,.08) 62%),linear-gradient(180deg,rgba(2,8,5,.06),rgba(2,8,5,.24));
}
.intro-slides{
  position:absolute;inset:0;z-index:2;overflow-y:auto;overflow-x:hidden;
  scroll-snap-type:none!important;scroll-behavior:auto!important;overscroll-behavior:contain;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.intro-slide{
  background:transparent!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important;
  overflow:visible!important;isolation:auto!important;
}
.intro-slide:before{display:none!important;background-image:none!important;animation:none!important}
.intro-slide:after{opacity:.38!important;z-index:1!important;filter:blur(30px)!important}
.intro-shade{background:linear-gradient(90deg,rgba(2,7,5,.34),rgba(2,7,5,.05) 70%)!important}
.intro-slide-copy h2,.intro-slide-copy p,.intro-slide-copy small,.intro-scroll{
  text-shadow:none!important;-webkit-text-shadow:none!important;filter:none!important;
}
.intro-slide-copy{z-index:3!important}
.intro-sound-btn{position:absolute!important;z-index:8!important;top:22px!important;right:118px!important;background:rgba(4,12,9,.28)!important;backdrop-filter:blur(5px)}
@media(max-width:700px){
  .intro-story:before{background-position:58% center!important;transform:translate3d(var(--intro-pan-x),var(--intro-pan-y),0) scale(1.16)!important}
  .intro-sound-btn{top:calc(16px + env(safe-area-inset-top))!important;right:102px!important}
  .intro-shade{background:linear-gradient(180deg,rgba(2,7,5,.05),rgba(2,7,5,.30) 82%)!important}
}
@media(prefers-reduced-motion:reduce){.intro-story:before{transform:scale(1.08)!important}}


/* V2.1 — interactive story foundation */
.interactive-card{cursor:pointer}.interactive-card:focus-visible{outline:2px solid #d7c18a;outline-offset:3px}.profile-link{display:inline-flex;margin-top:18px;padding:0 0 5px;border:0;border-bottom:1px solid rgba(255,255,255,.55);background:none;color:#fff;font:700 10px Arial,sans-serif;letter-spacing:.14em;cursor:pointer}.interactive-card:hover .profile-link{border-color:#d7c18a;color:#f1dca8}.topic-link{display:flex!important;flex-direction:column;gap:10px;cursor:pointer}.topic-link small{font-size:8px;letter-spacing:.14em;opacity:.65}.voicegrid .voice-card{aspect-ratio:1/1;background:linear-gradient(145deg,#333,#0c0c0c);padding:18px;border:0;color:#fff;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;filter:grayscale(1);transition:.3s;cursor:pointer}.voicegrid .voice-card:hover{filter:none;background:linear-gradient(145deg,#355443,#111)}.voicegrid .voice-card em{font-style:normal;font-size:8px;letter-spacing:.14em;margin-top:12px;color:#d7c18a}
.info-backdrop{position:fixed;inset:0;z-index:998;background:rgba(0,0,0,.58);opacity:0;transition:opacity .25s}.info-backdrop.show{opacity:1}.info-drawer{position:fixed;z-index:999;top:0;right:0;width:min(520px,92vw);height:100dvh;background:#07110d;color:#fff;transform:translateX(102%);transition:transform .38s cubic-bezier(.22,.8,.22,1);box-shadow:-20px 0 60px rgba(0,0,0,.35);border-left:1px solid rgba(255,255,255,.12)}.info-drawer.open{transform:none}.info-scroll{height:100%;overflow:auto;padding:clamp(70px,8vw,110px) clamp(28px,5vw,58px) 50px}.info-close{position:absolute;right:20px;top:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.2);color:#fff;font-size:26px;cursor:pointer}.info-drawer small{font:700 9px Arial,sans-serif;letter-spacing:.18em;color:#d7c18a}.info-drawer h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(38px,6vw,58px);line-height:.95;margin:14px 0 8px}.info-drawer>div>i{display:block;font:italic 18px Arial,sans-serif;color:#cfd7d1;margin-bottom:22px}.info-status{display:inline-block;border:1px solid #789486;padding:7px 10px;font-size:10px;letter-spacing:.1em;margin-bottom:22px}.info-drawer p{font:17px/1.68 Arial,sans-serif;color:#d9dfda;text-align:left;max-width:42ch}.info-meta{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.info-meta span{border:1px solid rgba(255,255,255,.15);padding:8px 10px;font-size:10px;color:#c6d0c9}.info-actions{display:grid;gap:8px;margin-top:28px}.info-actions a,.info-actions .disabled{display:block;padding:14px 16px;border:1px solid rgba(255,255,255,.22);font:700 11px Arial,sans-serif;letter-spacing:.08em;text-decoration:none;color:#fff}.info-actions a:hover{border-color:#d7c18a;color:#f1dca8}.info-actions .disabled{opacity:.38;cursor:not-allowed}.info-note{margin-top:28px!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:11px!important;color:#8fa096!important}.drawer-open{overflow:hidden}
@media(max-width:700px){.info-drawer{top:auto;bottom:0;right:0;width:100%;height:min(78dvh,760px);border-left:0;border-top:1px solid rgba(255,255,255,.15);border-radius:20px 20px 0 0;transform:translateY(102%)}.info-drawer.open{transform:none}.info-scroll{padding:64px 24px 36px}.info-close{top:12px;right:16px}.profile-link{font-size:9px}.voicegrid .voice-card{min-height:170px}}

/* V2.1.1 — interaction foundation for Manusia + Luka */
.portraits .story-card{cursor:pointer;position:relative}
.portraits .story-card em{display:block;margin-top:18px;font-style:normal;font-size:11px;letter-spacing:.14em;opacity:.72}
.portraits .story-card:hover,.portraits .story-card:focus-visible{outline:1px solid rgba(255,255,255,.55);outline-offset:3px}
.scars .topics button{font:inherit;color:inherit;background:rgba(12,18,15,.18);border:1px solid rgba(217,167,115,.38);padding:22px 32px;cursor:pointer;letter-spacing:.04em}
.scars .topics button small{display:block;margin-top:8px;font-size:10px;letter-spacing:.13em;opacity:.58}
.scars .topics button:hover,.scars .topics button:focus-visible{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.58);outline:none}
@media(max-width:700px){.scars .topics button{padding:18px 20px}.portraits .story-card em{margin-top:12px}}

/* V2.2 — complete navigation foundation */
.timeline-card{cursor:pointer}.timeline-card em{display:block;margin-top:10px;font:700 9px Arial,sans-serif;letter-spacing:.14em;color:#d7c18a;font-style:normal}.timeline-card:hover,.timeline-card:focus-visible{outline:1px solid rgba(255,255,255,.45);outline-offset:8px}
.status-help{max-width:650px;margin:28px 0 12px!important;font-size:13px!important;line-height:1.55!important;color:rgba(255,255,255,.7)!important}.known{display:flex!important;flex-wrap:wrap;gap:12px}.known button{border:1px solid rgba(153,220,196,.72);background:rgba(4,14,10,.22);color:#fff;padding:15px 20px;font:700 11px Arial,sans-serif;letter-spacing:.1em;cursor:pointer}.known button.active{background:#d7c18a;color:#07110d;border-color:#d7c18a}.known .status-reset{border-color:rgba(255,255,255,.3);opacity:.72}.choices .topic-link.status-hidden{display:none!important}.choices .topic-link{transition:opacity .2s,transform .2s}.choices .topic-link.status-match{outline:1px solid rgba(215,193,138,.65)}
.mapmock .p{cursor:pointer}.mapmock .p small{display:block;font-size:7px;letter-spacing:.12em;margin-top:5px;opacity:.65}.mapmock .p:hover,.mapmock .p:focus-visible{outline:1px solid #d7c18a;outline-offset:3px}
.futurelinks button{background:transparent;border:1px solid rgba(255,255,255,.24);color:inherit;padding:16px 20px;font:700 12px Arial,sans-serif;letter-spacing:.1em;cursor:pointer}.futurelinks button small{display:block;margin-top:7px;font-size:7px;opacity:.6}.futurelinks button:hover{border-color:#d7c18a}.archive-cta,.ending-archive{display:inline-block;margin-top:28px;color:#fff;text-decoration:none;border-bottom:1px solid #d7c18a;padding-bottom:6px;font:700 11px Arial,sans-serif;letter-spacing:.12em}.ending-archive{margin-top:22px}
@media(max-width:700px){.known button{padding:13px 14px;font-size:9px}.timeline-card em{font-size:8px}.futurelinks button{padding:13px 12px;font-size:10px}}

/* V2.3 — intro editorial image: label > title > image > narrative */
.intro-slide-copy{
  position:relative!important;
  left:auto!important;right:auto!important;bottom:auto!important;
  width:min(700px,84vw)!important;
  margin:0!important;
  padding:max(17vh,110px) 0 max(10vh,72px) max(6vw,26px)!important;
}
.intro-editorial{
  width:min(620px,76vw);margin:18px 0 20px;overflow:hidden;
  border:1px solid rgba(255,255,255,.16);background:#0a1510;
  box-shadow:0 16px 42px rgba(0,0,0,.24);
}
.intro-editorial img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.intro-slide{height:auto!important;min-height:100svh!important;display:flex!important;align-items:flex-end!important}
.intro-slide-copy p{margin:8px 0!important}
@media(max-width:700px){
  .intro-slide{align-items:flex-start!important}
  .intro-slide-copy{
    width:auto!important;margin:0!important;
    padding:clamp(38vh,44vh,48vh) 38px calc(64px + env(safe-area-inset-bottom)) 24px!important;
  }
  .intro-editorial{width:100%;margin:16px 0 18px;border-radius:2px}
  .intro-editorial img{aspect-ratio:16/10}
  .intro-slide-copy h2{max-width:100%!important;margin-bottom:0!important}
  .intro-slide-copy p{max-width:none!important}
}

/* V2.4 — editorial block alignment fix: title > image > narrative */
.intro-slide-copy{
  box-sizing:border-box!important;
  width:min(640px,calc(100vw - 52px))!important;
  padding:max(16vh,100px) 0 max(9vh,64px) 0!important;
  margin-left:max(6vw,26px)!important;
  margin-right:auto!important;
}
.intro-slide-copy small,.intro-slide-copy h2,.intro-slide-copy p,.intro-scroll,.intro-continue{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
}
.intro-editorial{
  display:block!important;
  box-sizing:border-box!important;
  position:relative!important;
  inset:auto!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  margin:18px 0 20px!important;
  padding:0!important;
  overflow:hidden!important;
}
.intro-editorial img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:700px){
  .intro-slide-copy{
    width:calc(100vw - 48px)!important;
    margin-left:24px!important;
    margin-right:24px!important;
    padding:clamp(34vh,40vh,44vh) 0 calc(64px + env(safe-area-inset-bottom))!important;
  }
  .intro-editorial{aspect-ratio:16/9!important;margin:14px 0 18px!important}
  .intro-slide-copy h2{width:100%!important;max-width:none!important}
  .intro-slide-copy p{width:100%!important;max-width:none!important}
}


/* V5.2 — Biodiversity CMS rendering */
.bio-data{position:relative;z-index:2;margin:34px clamp(42px,5vw,86px) 0;max-width:1050px}
.bio-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(215,193,138,.22);border:1px solid rgba(215,193,138,.22)}
.bio-stats article{background:#07130e;padding:24px 22px;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}
.bio-stats strong{font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif;font-size:clamp(46px,6vw,74px);line-height:.86;color:#d7c18a;letter-spacing:-.04em}
.bio-stats span{font:700 14px/1.25 Arial,Helvetica,sans-serif;color:#f0f1ed;margin-top:14px}
.bio-stats small{font:700 8px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.13em;color:#849087;margin-top:9px}
.bio-highlight{margin-top:12px;padding:22px 24px;border-left:2px solid #d7c18a;background:linear-gradient(90deg,rgba(215,193,138,.10),rgba(0,0,0,.10))}
.bio-highlight>span{display:block;font:700 9px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.18em;color:#d7c18a;margin-bottom:10px}
.bio-highlight>strong{display:block;font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif;font-size:clamp(25px,3vw,38px);line-height:1.04;color:#f0f1ed}
.bio-highlight p{font-size:14px!important;line-height:1.6!important;max-width:760px!important;margin:12px 0 8px!important;color:#c9d0c9!important;text-align:left!important}
.bio-highlight small{font:400 10px/1.45 Arial,Helvetica,sans-serif;color:#8f9991}
@media(max-width:700px){
 .bio-data{margin:26px 22px 10px}
 .bio-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .bio-stats article{padding:17px 10px;min-height:125px}
 .bio-stats strong{font-size:42px}
 .bio-stats span{font-size:11px;margin-top:11px}
 .bio-stats small{font-size:6.5px;letter-spacing:.08em}
 .bio-highlight{padding:18px 16px}
 .bio-highlight>strong{font-size:26px}
 .bio-highlight p{font-size:13px!important;max-width:none!important}
}

/* V5.3 Dynamic CMS highlight carousel */
.bio-highlights{margin-top:14px}.bio-highlight-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 2px 10px}.bio-highlight-head>span{font:700 9px/1.4 Arial;letter-spacing:.18em;color:#d7c18a}.bio-highlight-head>small{font:400 9px/1.4 Arial;color:#7f8b83}.bio-highlight-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 1px 10px;scrollbar-width:thin}.bio-highlight-card{box-sizing:border-box;flex:0 0:min(82vw,560px);scroll-snap-align:start;min-height:230px;padding:22px 24px;border-left:2px solid #d7c18a;background:linear-gradient(120deg,rgba(215,193,138,.11),rgba(0,0,0,.18));display:flex;flex-direction:column}.bio-highlight-card>span{font:700 8px/1.4 Arial;letter-spacing:.16em;color:#d7c18a}.bio-highlight-card>strong{font-family:Arial,sans-serif;font-size:clamp(31px,4vw,48px);line-height:1;color:#f0f1ed;margin-top:13px}.bio-highlight-card h3{font:700 15px/1.3 Arial;color:#eef1ed;margin:8px 0 0}.bio-highlight-card p{font-size:13px!important;line-height:1.55!important;color:#b9c2bb!important;margin:13px 0 14px!important;max-width:650px!important;text-align:left!important}.bio-highlight-card>small{font:400 9px/1.4 Arial;color:#87928a;margin-top:auto}@media(max-width:700px){.bio-highlight-head{align-items:flex-start;flex-direction:column;gap:3px}.bio-highlight-card{flex-basis:88%;padding:19px 17px;min-height:245px}.bio-highlight-card>strong{font-size:34px}.bio-highlight-card h3{font-size:13px}}


/* V5.3.1 — Mobile highlight carousel fix */
.bio-highlight-track{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:scroll!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:0;
}
.bio-highlight-card{
  flex-grow:0!important;
  flex-shrink:0!important;
}
@media(max-width:700px){
  .bio-data{min-width:0;max-width:none!important;overflow:visible}
  .bio-highlights{min-width:0;width:100%;overflow:visible;padding-top:4px}
  .bio-highlight-head{position:relative;z-index:3;margin-bottom:12px;padding-right:8px}
  .bio-highlight-track{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    padding:0 10vw 12px 0!important;
  }
  .bio-highlight-card{
    flex:0 0 86vw!important;
    width:86vw!important;
    min-width:86vw!important;
    max-width:86vw!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always;
  }
}


/* V5.5.1 — AIR CMS BRIDGE */
.air-cms-panel{margin:28px 0 22px;max-width:880px;border-top:1px solid rgba(121,201,215,.55);border-bottom:1px solid rgba(121,201,215,.3);padding:18px 0}
.air-main-stat{display:flex;gap:22px;align-items:center;padding:8px 0 20px}
.air-main-stat>strong{font-size:clamp(64px,9vw,118px);line-height:.8;color:#79c9d7;font-family:"Arial Narrow",Arial,sans-serif}
.air-main-stat b,.air-evidence b{font-size:12px;letter-spacing:.13em;color:#b9e4eb}
.air-main-stat p{margin:7px 0 4px!important;text-align:left!important;font-size:clamp(18px,2.2vw,27px);font-weight:700;line-height:1.35!important}
.air-main-stat small,.air-evidence small{font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.58)}
.air-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(121,201,215,.2);border:1px solid rgba(121,201,215,.18)}
.air-evidence article{background:rgba(4,20,22,.76);padding:18px}
.air-evidence p{font-size:13px!important;line-height:1.55!important;margin:8px 0 12px!important;text-align:left!important}
.air-scope-note{font-size:10px!important;line-height:1.45!important;margin:13px 0 0!important;color:rgba(255,255,255,.56);text-align:left!important}
.air-await{font-size:12px!important;color:rgba(255,255,255,.62)}
@media(max-width:700px){
 .air-cms-panel{margin-top:22px}.air-main-stat{align-items:flex-start;gap:15px}
 .air-main-stat>strong{font-size:70px}.air-main-stat p{font-size:18px!important}
 .air-evidence{grid-template-columns:1fr}.air-evidence article{padding:15px}
}

/* V5.6 — HUTAN CMS BRIDGE */
.forest-cms-panel{margin:28px 0 22px;max-width:920px;border-top:1px solid rgba(197,178,112,.45);padding-top:18px}
.forest-scope{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.forest-scope>b{font-size:10px;letter-spacing:.16em;color:#cbb875}
.forest-scope>strong{font-size:clamp(22px,3vw,34px);line-height:1.05}.forest-scope>span{font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.58)}
.forest-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(197,178,112,.2);border:1px solid rgba(197,178,112,.2)}
.forest-stats article{background:rgba(7,18,12,.82);padding:18px;min-height:235px}.forest-stats strong{display:block;font-size:clamp(34px,4vw,54px);line-height:1;color:#d3bd70;margin-bottom:14px}
.forest-stats strong i{font-size:.45em;font-style:normal}.forest-stats b{font-size:10px;letter-spacing:.11em;color:#dfd4aa}
.forest-stats p{font-size:12px!important;line-height:1.55!important;text-align:left!important;margin:10px 0 15px!important}.forest-stats small{font-size:9px;letter-spacing:.11em;color:rgba(255,255,255,.55)}
.forest-note{font-size:10px!important;line-height:1.5!important;text-align:left!important;color:rgba(255,255,255,.55);margin:13px 0 0!important}
@media(max-width:700px){.forest-stats{grid-template-columns:1fr}.forest-stats article{min-height:0;padding:16px}.forest-stats strong{font-size:42px}}

/* V5.6.2 — secondary forest research layers */
.forest-research-layers{margin-top:24px;border-top:1px solid rgba(255,255,255,.16);padding-top:18px}
.forest-research-layers h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;color:rgba(255,255,255,.7)}
.forest-research-layers article{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.forest-research-layers article div{display:flex;flex-direction:column}.forest-research-layers strong{font-size:34px;color:#d3bd70;line-height:1}.forest-research-layers strong i{font-size:.48em;font-style:normal}
.forest-research-layers b{font-size:9px;letter-spacing:.12em;margin-top:7px;color:#dfd4aa}.forest-research-layers p{font-size:12px!important;line-height:1.55!important;text-align:left!important;margin:0!important}
.forest-research-layers small{grid-column:2;font-size:9px;letter-spacing:.1em;color:rgba(255,255,255,.5);margin-top:-12px}
@media(max-width:700px){.forest-research-layers article{grid-template-columns:1fr;gap:9px}.forest-research-layers small{grid-column:1;margin-top:0}}

/* V5.8 — Penghuni Slamet CMS bridge */
.poksai-feature{position:relative;z-index:2;margin:34px clamp(42px,5vw,86px) 0;padding:34px 38px;border-top:1px solid rgba(215,193,138,.5);border-bottom:1px solid rgba(215,193,138,.25);background:linear-gradient(90deg,rgba(8,22,15,.92),rgba(8,22,15,.55));max-width:1050px}
.poksai-kicker{font-size:9px;letter-spacing:.2em;color:#d7c18a;font-weight:700}.poksai-feature h3{font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(38px,5vw,64px);line-height:1;margin:10px 0 4px;color:#d7c18a}.poksai-feature>i{font-family:Georgia,serif;color:#d8ddd8;font-size:15px}.poksai-feature>p{margin:20px 0;max-width:720px!important}.poksai-year{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.poksai-year strong{font-size:34px;color:#d7c18a}.poksai-year span{font-size:11px;letter-spacing:.08em;max-width:150px}.poksai-year b{font-size:24px;color:#6d8975}.poksai-feature>small{font-size:9px;letter-spacing:.12em;color:#9eaaa1}.species-await{position:relative;z-index:2;margin:35px clamp(42px,5vw,86px)}
@media(max-width:700px){.poksai-feature{margin:24px 22px 8px;padding:25px 22px}.poksai-feature h3{font-size:38px}.poksai-year{gap:8px}.poksai-year strong{font-size:28px}.poksai-year span{max-width:118px;font-size:9px}.species-await{margin:24px 22px}}

/* V5.8.1 — verified species profile modal */
.species-profile-modal-v581{position:fixed;inset:0;z-index:99999;background:rgba(1,10,6,.78);backdrop-filter:blur(9px);display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .22s ease}.species-profile-modal-v581.is-open{opacity:1;pointer-events:auto}.species-profile-panel-v581{width:min(620px,100%);height:100%;overflow:auto;background:#03160e;border-left:1px solid rgba(215,193,138,.35);padding:76px 48px 48px;color:#eef3ef;transform:translateX(28px);transition:transform .22s ease;box-shadow:-24px 0 70px rgba(0,0,0,.35)}.species-profile-modal-v581.is-open .species-profile-panel-v581{transform:none}.species-profile-close-v581{position:absolute;right:24px;top:22px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}.species-profile-kicker-v581{color:#d7c18a;font-size:10px;font-weight:700;letter-spacing:.2em}.species-profile-panel-v581 h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(48px,6vw,76px);line-height:.96;color:#fff;margin:20px 0 8px}.species-profile-panel-v581>i{font-family:Georgia,serif;font-size:20px;color:#d7c18a}.species-profile-meta-v581{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.species-profile-meta-v581 span{border:1px solid rgba(215,193,138,.28);padding:8px 10px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.species-profile-panel-v581>p{font-size:18px;line-height:1.65;max-width:520px}.species-profile-safety-v581{margin-top:34px;padding:20px 0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);display:grid;gap:8px}.species-profile-safety-v581 b,.species-profile-source-v581 small{font-size:9px;letter-spacing:.18em;color:#d7c18a}.species-profile-safety-v581 span{font-size:13px;color:#b8c3bc}.species-profile-source-v581{margin-top:34px;display:grid;gap:10px}.species-profile-source-v581 strong{font-size:16px;line-height:1.4}.species-profile-source-v581 a{display:inline-block;width:max-content;max-width:100%;margin-top:10px;padding:12px 16px;border:1px solid rgba(215,193,138,.45);color:#d7c18a;text-decoration:none;font-size:11px;letter-spacing:.08em}.species-profile-source-v581 a:hover{background:#d7c18a;color:#06150d}
@media(max-width:700px){.species-profile-panel-v581{padding:70px 24px 36px}.species-profile-panel-v581 h2{font-size:48px}.species-profile-panel-v581>p{font-size:16px}}

/* V5.10 — MANUSIA DI KAKI SLAMET */
.people-v510{padding-bottom:110px!important}
.people-v510 .people-head{max-width:920px;margin:0 auto 38px;padding:0 24px}
.people-v510 .people-head small,.people-v510 .people-study-copy>span,.people-v510 .people-now-head>span{font-size:10px;letter-spacing:.19em;font-weight:700;color:#d5b970}
.people-v510 .people-head p,.people-v510 .people-now-head p{max-width:720px;color:rgba(255,255,255,.78)}
.people-study{max-width:1120px;margin:0 auto;padding:34px;border:1px solid rgba(213,185,112,.34);background:linear-gradient(135deg,rgba(4,25,16,.92),rgba(8,18,13,.76))}
.people-study-copy strong{display:block;font-size:clamp(72px,10vw,138px);line-height:.86;color:#d5b970;margin:28px 0 16px;font-family:"Arial Narrow",Arial,sans-serif}
.people-study-copy h3{font-size:clamp(27px,3vw,42px);line-height:1.04;max-width:760px;margin:0 0 18px}
.people-study-copy p{max-width:760px!important;color:rgba(255,255,255,.8)}
.people-study-copy em,.people-evidence em{font-style:normal;font-size:9px;letter-spacing:.16em;color:#9fb4a7;font-weight:700}
.people-use-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(213,185,112,.28);border-left:1px solid rgba(213,185,112,.28);margin-top:34px}
.people-use-grid article{padding:24px;border-right:1px solid rgba(213,185,112,.28);border-bottom:1px solid rgba(213,185,112,.28)}
.people-use-grid b{display:block;font-size:48px;color:#d5b970;line-height:1}.people-use-grid span{display:block;margin-top:10px;font-size:14px;line-height:1.4}
.people-scope{font-size:13px!important;max-width:850px!important;color:rgba(255,255,255,.58)!important;margin:22px 0 0!important}
.people-now{max-width:1120px;margin:56px auto 0}.people-now-head{padding:0 4px 22px}.people-now-head h3{font-size:clamp(32px,4vw,54px);margin:10px 0}
.people-evidence{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.people-evidence article{padding:24px 20px;min-height:300px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(2,15,9,.5)}
.people-evidence small{font-size:9px;letter-spacing:.15em;color:#d5b970}.people-evidence b{display:block;font-size:29px;line-height:1;margin:26px 0 10px;color:#f1e4b8}.people-evidence h4{font-size:19px;margin:0 0 14px}.people-evidence p{font-size:14px!important;line-height:1.55!important;max-width:none!important;color:rgba(255,255,255,.72)}
.people-editorial-note{max-width:1120px;margin:28px auto 0;padding:20px 24px;border-left:2px solid #d5b970;background:rgba(0,0,0,.2)}.people-editorial-note b{font-size:9px;letter-spacing:.18em;color:#d5b970}.people-editorial-note p{font-size:13px!important;max-width:900px!important;color:rgba(255,255,255,.65);margin-bottom:0}
@media(max-width:900px){.people-use-grid{grid-template-columns:repeat(2,1fr)}.people-evidence{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-left:0;padding:0 22px}.people-evidence article{min-width:78vw;scroll-snap-align:center;border-left:1px solid rgba(255,255,255,.18)}.people-now-head{padding:0 22px}.people-study{margin:0 22px;padding:24px}.people-editorial-note{margin:24px 22px 0}.people-v510 .people-head{padding:0 22px}.people-study-copy strong{font-size:82px}}
@media(max-width:520px){.people-use-grid b{font-size:40px}.people-use-grid article{padding:18px 14px}.people-study{margin:0 16px}.people-v510 .people-head,.people-now-head{padding-left:18px;padding-right:18px}.people-editorial-note{margin-left:16px;margin-right:16px}}

/* V5.12 — LUKA DI TUBUH SLAMET */
.scars-v512{padding:100px max(22px,calc((100vw - 1120px)/2)) 110px;background:linear-gradient(rgba(15,10,8,.58),rgba(9,11,8,.78)),var(--scar-bg,transparent);color:#f5f0e9}
.scars-head{max-width:850px;margin-bottom:44px}.scars-head small,.scar-study-label,.scar-turn>span,.scar-causality small{font-size:10px;letter-spacing:.19em;font-weight:800;color:#e58b70}.scars-head h2{font-size:clamp(44px,6vw,82px);line-height:.95;color:#e67f67;margin:14px 0 24px}.scars-head p{max-width:760px;color:rgba(255,255,255,.78)}
.scar-study{border:1px solid rgba(229,139,112,.3);background:rgba(13,16,12,.82);padding:30px;margin:0 0 28px;backdrop-filter:blur(8px)}
.scar-number-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}
.scar-number-row article{padding:26px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);min-height:220px}.scar-number-row b{font-size:clamp(52px,7vw,88px);line-height:.9;color:#e58b70}.scar-number-row span{font-size:20px;color:#e58b70}.scar-number-row p{font-size:15px!important;max-width:240px!important}.scar-number-row em,.scar-duo em,.scar-timeline em,.scar-causality em{font-style:normal;font-size:9px;letter-spacing:.13em;color:#a9b9ad}
.scar-scope{font-size:13px!important;color:rgba(255,255,255,.6)!important;max-width:850px!important;margin:20px 0 0!important}
.scar-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.scar-duo article{padding:28px;background:rgba(0,0,0,.22);border-left:2px solid #e58b70}.scar-duo b{font-size:clamp(45px,6vw,72px);color:#e58b70}.scar-duo b i{font-size:20px;font-style:normal}.scar-duo h3{font-size:24px;margin:8px 0 14px}.scar-duo p{font-size:14px!important;color:rgba(255,255,255,.73)}
.scar-turn{margin:62px 0 24px}.scar-turn h3{font-size:clamp(30px,4vw,52px);max-width:900px;margin:10px 0}
.scar-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15)}.scar-timeline article{background:rgba(10,14,10,.9);padding:30px;min-height:300px}.scar-timeline time{color:#e58b70;font-size:13px;font-weight:800;letter-spacing:.12em}.scar-timeline h3{font-size:25px;margin:22px 0 12px}.scar-timeline p{font-size:14px!important;color:rgba(255,255,255,.72)}
.scar-causality{margin-top:38px;padding:34px;border:1px solid rgba(229,139,112,.45);background:rgba(45,20,14,.65)}.scar-causality h3{font-size:clamp(28px,4vw,46px);max-width:850px;margin:12px 0}.scar-causality p{max-width:880px!important;color:rgba(255,255,255,.8)}
.scar-editorial{margin-top:28px;padding:20px 24px;border-left:2px solid #e58b70;background:rgba(0,0,0,.32)}.scar-editorial b{font-size:9px;letter-spacing:.18em;color:#e58b70}.scar-editorial p{font-size:13px!important;max-width:900px!important;color:rgba(255,255,255,.67);margin-bottom:0}
@media(max-width:760px){.scars-v512{padding:82px 18px 90px;background:linear-gradient(rgba(6,8,6,.84),rgba(7,8,6,.91)),var(--scar-bg,transparent)}.scars-head h2{font-size:48px}.scars-head p{color:rgba(255,255,255,.88)}.scar-study{padding:20px 16px;background:rgba(5,12,8,.94)}.scar-number-row{grid-template-columns:1fr}.scar-number-row article{min-height:0;padding:22px 18px}.scar-number-row b{font-size:62px}.scar-duo{grid-template-columns:1fr}.scar-duo article{background:rgba(0,0,0,.42)}.scar-timeline{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:none;margin-right:-18px;scrollbar-width:none}.scar-timeline::-webkit-scrollbar{display:none}.scar-timeline article{min-width:82vw;scroll-snap-align:center;border:1px solid rgba(255,255,255,.16);background:rgba(5,11,7,.96)}.scar-causality{padding:24px 20px;background:rgba(35,14,10,.92)}.scar-editorial{background:rgba(0,0,0,.55)}}

/* V5.12.1 — MOBILE READABILITY FINAL: 04 MANUSIA + 05 LUKA */
@media(max-width:760px){
  /* Section 04: force a consistent dark cinematic reading surface. */
  .people-v510{
    background-color:#07110c!important;
    color:#f4f1e8!important;
  }
  .people-v510:before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(to bottom,rgba(3,10,7,.78),rgba(4,12,8,.92));
    z-index:0;
  }
  .people-v510>*{position:relative;z-index:1}
  .people-v510 .people-head h2,
  .people-v510 .people-now-head h3{color:#f4f1e8!important}
  .people-v510 .people-head p,
  .people-v510 .people-now-head p,
  .people-v510 .people-study-copy p,
  .people-v510 .people-scope,
  .people-v510 .people-editorial-note p{color:rgba(255,255,255,.84)!important}
  .people-v510 .people-study{
    background:rgba(5,20,13,.97)!important;
    border-color:rgba(213,185,112,.38)!important;
  }
  .people-v510 .people-study-copy h3{color:#f5f2e9!important}
  .people-v510 .people-use-grid article{
    background:rgba(9,28,19,.98)!important;
  }
  .people-v510 .people-use-grid span{color:#f1eee5!important}
  .people-v510 .people-evidence{
    background:transparent!important;
  }
  .people-v510 .people-evidence article{
    background:rgba(8,25,17,.98)!important;
    color:#f5f2e9!important;
    border-color:rgba(213,185,112,.28)!important;
  }
  .people-v510 .people-evidence h4{color:#f5f2e9!important}
  .people-v510 .people-evidence p{color:rgba(255,255,255,.82)!important}
  .people-v510 .people-editorial-note{
    background:rgba(5,18,12,.96)!important;
  }

  /* Section 05: tighter transition and safe distance from sticky header. */
  .scars-v512{padding-top:108px!important}
  .scars-v512 .scars-head{margin-bottom:28px!important}
  .scars-v512 .scar-study{margin-bottom:22px!important}
  .scars-v512 .scar-turn{
    margin:34px 0 18px!important;
    padding-top:4px;
  }
  .scars-v512 .scar-turn h3{
    margin-top:8px!important;
    line-height:1.08!important;
  }
  .scars-v512 .scar-timeline article{
    min-height:0!important;
    padding:28px 26px!important;
  }
  .scars-v512 .scar-scope{
    color:rgba(255,255,255,.76)!important;
  }
  .scars-v512 .scar-causality p,
  .scars-v512 .scar-editorial p{
    color:rgba(255,255,255,.82)!important;
  }
}
@media(max-width:520px){
  .people-v510 .people-head,
  .people-v510 .people-now-head{background:transparent!important}
  .people-v510 .people-study-copy strong{color:#d9bc70!important}
  .people-v510 .people-use-grid b{color:#d9bc70!important}
  .scars-v512 .scars-head h2{font-size:46px!important}
}

/* V5.14 — SECTION 06 TAMAN NASIONAL */
.tn-v514{padding:110px max(24px,calc((100vw - 1120px)/2));background:#e8e4d9;color:#142018;position:relative}
.tn-head{max-width:920px}.tn-head>small,.tn-status span,.tn-five span,.tn-known small,.tn-law span{font-size:10px;font-weight:800;letter-spacing:.18em;color:#66764f}.tn-head h2{font-size:clamp(48px,7vw,88px);line-height:.94;margin:16px 0 28px;max-width:1000px}.tn-head p{max-width:790px;font-size:18px;line-height:1.7}
.tn-status{margin:55px 0;padding:32px;background:#173325;color:#f5f1e7;border-left:5px solid #c8a960}.tn-status strong{display:block;font-size:clamp(42px,6vw,72px);line-height:1;margin:12px 0;color:#d7bd75}.tn-status p{max-width:850px;color:rgba(255,255,255,.82)}.tn-status em,.tn-track em,.tn-law em{font-style:normal;font-size:9px;letter-spacing:.14em;opacity:.66}
.tn-track{margin:70px 0 75px;position:relative}.tn-track:before{content:"";position:absolute;left:154px;top:10px;bottom:10px;width:1px;background:#9c9a8b}.tn-track article{display:grid;grid-template-columns:130px 48px 1fr;min-height:170px}.tn-track time{font-size:12px;font-weight:800;letter-spacing:.12em;padding-top:4px}.tn-track i{width:13px;height:13px;background:#173325;border:3px solid #d7bd75;border-radius:50%;margin-left:18px;z-index:1}.tn-track article>div{padding:0 0 48px 16px;max-width:720px}.tn-track b{display:block;font-size:27px;line-height:1.12;margin-bottom:12px}.tn-track p{font-size:15px;line-height:1.65;color:#495149}
.tn-five{display:grid;grid-template-columns:230px 1fr;gap:34px;padding:38px;background:#173325;color:#fff}.tn-five strong{display:block;font-size:96px;line-height:.85;color:#d7bd75;margin-top:18px}.tn-five small{color:#d7bd75;letter-spacing:.16em}.tn-regencies{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.15)}.tn-regencies b{background:#173325;padding:18px;font-size:20px}.tn-five>p{grid-column:2;font-size:13px;color:rgba(255,255,255,.72);margin:0}
.tn-known{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:65px 0}.tn-known article{padding:32px;border:1px solid #aaa796}.tn-known h3{font-size:30px;line-height:1.1;margin:14px 0}.tn-known p{color:#555b54}
.tn-law{padding:34px;border-top:1px solid #989687;border-bottom:1px solid #989687}.tn-law h3{font-size:32px;margin:12px 0}.tn-law p{max-width:820px}.tn-editorial{margin-top:28px;padding:22px;background:rgba(23,51,37,.08);border-left:3px solid #66764f}.tn-editorial>b{font-size:9px;letter-spacing:.17em}.tn-editorial p{font-size:13px;max-width:900px;margin-bottom:0}
@media(max-width:760px){.tn-v514{padding:105px 20px 90px;background:#0b1811;color:#f4f1e8}.tn-head h2{font-size:48px}.tn-head p{font-size:16px;color:rgba(255,255,255,.82)}.tn-status{margin:36px -2px;padding:26px 20px;background:#173325}.tn-status strong{font-size:48px}.tn-track{margin:48px 0}.tn-track:before{left:7px}.tn-track article{display:grid;grid-template-columns:28px 1fr;min-height:0}.tn-track time{grid-column:2;color:#d7bd75;margin-bottom:10px}.tn-track i{grid-column:1;grid-row:1/3;margin:3px 0 0 1px}.tn-track article>div{grid-column:2;padding:0 0 38px 0}.tn-track b{font-size:24px;color:#f4f1e8}.tn-track p{color:rgba(255,255,255,.72)}.tn-five{display:block;padding:25px 20px}.tn-five strong{font-size:78px}.tn-regencies{margin:25px 0 18px;grid-template-columns:1fr 1fr}.tn-regencies b{font-size:14px;padding:14px 10px}.tn-five>p{color:rgba(255,255,255,.75)}.tn-known{grid-template-columns:1fr;margin:42px 0}.tn-known article{border-color:rgba(255,255,255,.22);background:#102219}.tn-known h3{color:#f4f1e8}.tn-known p{color:rgba(255,255,255,.72)}.tn-law{border-color:rgba(255,255,255,.25)}.tn-law h3{color:#f4f1e8}.tn-law p{color:rgba(255,255,255,.76)}.tn-editorial{background:#13261c;border-color:#d7bd75}.tn-editorial p{color:rgba(255,255,255,.74)}}

/* V5.14.1 — SECTION 06 DESKTOP CONTRAST + LAYOUT FINAL */
@media(min-width:761px){
  .tn-v514{
    background:
      linear-gradient(90deg,rgba(4,13,9,.92) 0%,rgba(6,17,12,.82) 48%,rgba(5,14,10,.88) 100%),
      transparent!important;
    color:#f3efe5!important;
    overflow:hidden;
  }
  .tn-v514 .tn-head>small,
  .tn-v514 .tn-status span,
  .tn-v514 .tn-five span,
  .tn-v514 .tn-known small,
  .tn-v514 .tn-law span{color:#d5b96c!important}
  .tn-v514 .tn-head h2{color:#d7b768!important;text-shadow:0 2px 18px rgba(0,0,0,.34)}
  .tn-v514 .tn-head p{color:rgba(255,255,255,.86)!important}
  .tn-v514 .tn-head p b{color:#fff!important}

  .tn-v514 .tn-status{
    background:rgba(16,55,37,.96)!important;
    border-left-color:#d7b768!important;
    box-shadow:0 20px 55px rgba(0,0,0,.18);
  }
  .tn-v514 .tn-status p{color:rgba(255,255,255,.88)!important}

  .tn-v514 .tn-track{margin:54px 0 60px!important}
  .tn-v514 .tn-track:before{background:rgba(215,183,104,.58)!important}
  .tn-v514 .tn-track article{min-height:145px!important}
  .tn-v514 .tn-track time{color:#d7b768!important}
  .tn-v514 .tn-track i{background:#173325!important;border-color:#d7b768!important}
  .tn-v514 .tn-track b{color:#f6f2e8!important}
  .tn-v514 .tn-track p{color:rgba(255,255,255,.75)!important}
  .tn-v514 .tn-track em{color:rgba(215,183,104,.74)!important}

  .tn-v514 .tn-five{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    grid-template-columns:minmax(180px,230px) minmax(0,1fr)!important;
    gap:28px!important;
    background:rgba(16,55,37,.97)!important;
    overflow:hidden;
  }
  .tn-v514 .tn-regencies{
    min-width:0;
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .tn-v514 .tn-regencies b{
    min-width:0;
    overflow-wrap:anywhere;
    color:#fff!important;
  }
  .tn-v514 .tn-five>p{
    min-width:0;
    max-width:720px;
    color:rgba(255,255,255,.78)!important;
  }

  .tn-v514 .tn-known{gap:20px!important;margin:52px 0!important}
  .tn-v514 .tn-known article{
    background:rgba(7,24,16,.74)!important;
    border-color:rgba(215,183,104,.45)!important;
  }
  .tn-v514 .tn-known h3{color:#f3efe5!important}
  .tn-v514 .tn-known p{color:rgba(255,255,255,.76)!important}

  .tn-v514 .tn-law{
    background:rgba(6,20,14,.68);
    border-color:rgba(215,183,104,.48)!important;
  }
  .tn-v514 .tn-law h3{color:#f3efe5!important}
  .tn-v514 .tn-law p{color:rgba(255,255,255,.76)!important}
  .tn-v514 .tn-law em{color:rgba(215,183,104,.72)!important}

  .tn-v514 .tn-editorial{
    background:rgba(15,44,30,.84)!important;
    border-left-color:#d7b768!important;
  }
  .tn-v514 .tn-editorial>b{color:#d7b768!important}
  .tn-v514 .tn-editorial p{color:rgba(255,255,255,.78)!important}
  .tn-v514 .tn-editorial strong{color:#fff!important}
}
@media(min-width:761px) and (max-width:1050px){
  .tn-v514 .tn-five{grid-template-columns:180px minmax(0,1fr)!important;padding:30px 26px!important}
  .tn-v514 .tn-five strong{font-size:78px!important}
  .tn-v514 .tn-regencies b{font-size:16px!important;padding:15px 12px!important}
  .tn-v514 .tn-known h3{font-size:26px!important}
}

/* V5.15 — SECTION 07 + 08 */
.future-v515,.districts-v515{padding:110px max(24px,calc((100vw - 1120px)/2));position:relative}
.future-v515{background:linear-gradient(90deg,rgba(5,17,11,.94),rgba(8,23,15,.84));color:#f4f0e6}
.future-head,.districts-head{max-width:930px}.future-head>small,.districts-head>small,.future-rule span,.future-caution small,.districts-mapnote span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#d5b96c}.future-head h2,.districts-head h2{font-size:clamp(48px,7vw,86px);line-height:.95;margin:15px 0 26px}.future-head p{max-width:820px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.65}
.future-rule{margin:50px 0 24px;padding:32px;border-left:4px solid #d5b96c;background:#173325}.future-rule strong{display:block;font-size:clamp(30px,4vw,48px);line-height:1.02;color:#d7bd75;margin:12px 0 16px}.future-rule p{max-width:850px;color:rgba(255,255,255,.8)}
.future-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.16)}.future-grid article{padding:32px;background:rgba(5,18,12,.96);min-height:240px}.future-grid article>b{color:#d5b96c;font-size:12px}.future-grid h3{font-size:30px;margin:16px 0 12px}.future-grid p{color:rgba(255,255,255,.72);font-size:15px;line-height:1.65}
.future-caution{margin-top:38px;padding:34px;border:1px solid rgba(215,185,108,.45);background:rgba(55,35,13,.42)}.future-caution h3{font-size:clamp(30px,4vw,46px);max-width:900px;margin:12px 0}.future-caution p{max-width:900px;color:rgba(255,255,255,.8)}
.future-source{margin-top:24px;padding:20px 24px;border-left:2px solid #d5b96c;background:rgba(0,0,0,.22)}.future-source b{font-size:9px;letter-spacing:.16em;color:#d5b96c}.future-source p{font-size:13px;color:rgba(255,255,255,.68);max-width:900px;margin-bottom:0}

.districts-v515{background:#e7e1d3;color:#142018}.districts-head p{max-width:820px;font-size:18px;line-height:1.65}.districts-number{margin:48px 0 24px;padding:32px;background:#173325;color:#fff;display:grid;grid-template-columns:170px 1fr;align-items:center}.districts-number strong{font-size:110px;line-height:.8;color:#d7bd75}.districts-number span{font-size:23px;font-weight:800;line-height:1.15}.districts-number em{grid-column:2;font-style:normal;font-size:9px;letter-spacing:.14em;opacity:.55}
.districts-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#aaa796}.districts-list article{background:#f2eee4;padding:24px 18px;min-width:0}.districts-list span{font-size:10px;color:#7b6c43;font-weight:800}.districts-list h3{font-size:clamp(17px,2vw,23px);overflow-wrap:anywhere;margin:18px 0 14px}.districts-list p{font-size:13px;color:#596058;line-height:1.55}
.districts-mapnote{margin-top:50px;padding:34px;border:1px solid #9d9989}.districts-mapnote h3{font-size:clamp(30px,4vw,46px);max-width:900px;margin:12px 0}.districts-mapnote p{max-width:850px;color:#51584f}.districts-context{margin-top:24px;padding:24px;background:rgba(23,51,37,.08);border-left:3px solid #66764f}.districts-context b{font-size:9px;letter-spacing:.17em}.districts-context p{font-size:14px;max-width:900px;margin-bottom:0}
@media(max-width:760px){.future-v515,.districts-v515{padding:105px 20px 90px}.future-head h2,.districts-head h2{font-size:47px}.future-head p,.districts-head p{font-size:16px}.future-grid{grid-template-columns:1fr}.future-grid article{min-height:0;padding:26px 22px}.future-caution{padding:25px 20px}.districts-v515{background:#0b1811;color:#f4f0e6}.districts-head p{color:rgba(255,255,255,.8)}.districts-number{grid-template-columns:115px 1fr;padding:24px 18px}.districts-number strong{font-size:82px}.districts-number span{font-size:17px}.districts-list{grid-template-columns:1fr;background:rgba(255,255,255,.16)}.districts-list article{background:#102219;color:#fff;padding:22px}.districts-list h3{font-size:26px;color:#f4f0e6}.districts-list p{color:rgba(255,255,255,.7)}.districts-mapnote{border-color:rgba(215,185,108,.42);background:#102219}.districts-mapnote h3{color:#f4f0e6}.districts-mapnote p{color:rgba(255,255,255,.72)}.districts-context{background:#13261c;border-color:#d5b96c}.districts-context p{color:rgba(255,255,255,.72)}}

/* V5.15.1 — SECTION 08 EDITORIAL FINISH */
@media(min-width:761px){
 .districts-v515{
   background:linear-gradient(90deg,rgba(5,16,11,.91),rgba(8,23,16,.76),rgba(5,15,10,.88)),transparent!important;
   color:#f3efe5!important;overflow:hidden
 }
 .districts-v515 .districts-head>small,.districts-v515 .districts-mapnote span{color:#d7bd75!important}
 .districts-v515 .districts-head h2{color:#b9d7e5!important;text-shadow:0 2px 18px rgba(0,0,0,.35)}
 .districts-v515 .districts-head p{color:rgba(255,255,255,.82)!important}
 .districts-v515 .districts-head p b{color:#fff!important}
 .districts-v515 .districts-number{box-shadow:0 20px 55px rgba(0,0,0,.18)}
 .districts-v515 .districts-list{
   display:grid!important;
   grid-template-columns:repeat(6,minmax(0,1fr))!important;
   gap:14px!important;background:transparent!important
 }
 .districts-v515 .districts-list article{
   background:rgba(242,238,228,.96)!important;
   border:1px solid rgba(215,183,104,.35);
   min-width:0!important;padding:26px 24px!important;min-height:210px
 }
 .districts-v515 .districts-list article:nth-child(1),
 .districts-v515 .districts-list article:nth-child(2){grid-column:span 3}
 .districts-v515 .districts-list article:nth-child(3),
 .districts-v515 .districts-list article:nth-child(4),
 .districts-v515 .districts-list article:nth-child(5){grid-column:span 2}
 .districts-v515 .districts-list h3{
   font-size:28px!important;line-height:1.05!important;overflow-wrap:normal!important;word-break:normal!important
 }
 .districts-v515 .districts-list p{font-size:14px!important;line-height:1.55!important}
 .districts-v515 .districts-mapnote{
   background:rgba(6,22,15,.82)!important;border-color:rgba(215,183,104,.45)!important
 }
 .districts-v515 .districts-mapnote h3{color:#f3efe5!important}
 .districts-v515 .districts-mapnote p{color:rgba(255,255,255,.76)!important}
 .districts-v515 .districts-context{
   background:rgba(15,44,30,.86)!important;border-left-color:#d7bd75!important
 }
 .districts-v515 .districts-context b{color:#d7bd75!important}
 .districts-v515 .districts-context p{color:rgba(255,255,255,.78)!important}
}
@media(min-width:761px) and (max-width:980px){
 .districts-v515 .districts-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .districts-v515 .districts-list article:nth-child(n){grid-column:auto!important}
 .districts-v515 .districts-list article:last-child{grid-column:1/-1!important}
}
@media(max-width:760px){
 .districts-v515 .districts-list h3{overflow-wrap:normal!important;word-break:normal!important}
 .districts-v515 .districts-mapnote h3{color:#f4f0e6!important}
}

/* V5.15.2 — SECTION 08 CARD TEXT CONTRAST HOTFIX */
.districts-v515 .districts-list article{
  color:#142018!important;
}
.districts-v515 .districts-list article span{
  color:#7b6428!important;
  opacity:1!important;
}
.districts-v515 .districts-list article h3{
  color:#102219!important;
  opacity:1!important;
  text-shadow:none!important;
}
.districts-v515 .districts-list article p{
  color:#3f4b43!important;
  opacity:1!important;
}
@media(max-width:760px){
  .districts-v515 .districts-list article{
    color:#f4f0e6!important;
  }
  .districts-v515 .districts-list article span{color:#d7bd75!important}
  .districts-v515 .districts-list article h3{color:#f4f0e6!important}
  .districts-v515 .districts-list article p{color:rgba(255,255,255,.78)!important}
}

/* V5.16 — SECTION 09 + 10 */
.voices-v516,.future20-v516{padding:110px max(24px,calc((100vw - 1120px)/2));position:relative;color:#f4f0e6}
.voices-v516{background:linear-gradient(90deg,rgba(11,14,13,.93),rgba(22,18,19,.75));}
.voices-intro,.future20-head{max-width:930px}.voices-intro>small,.future20-head>small,.voices-question span,.voices-empty>small,.voices-note b,.future20-statement small{font-size:10px;letter-spacing:.18em;font-weight:800;color:#d8a7c9}.voices-intro h2,.future20-head h2{font-size:clamp(48px,7vw,86px);line-height:.96;margin:16px 0 26px}.voices-intro p,.future20-head p{max-width:850px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.8)}
.voices-question{margin:48px 0 22px;padding:30px;border-left:4px solid #d8a7c9;background:rgba(50,32,44,.76)}.voices-question blockquote{margin:12px 0 0;font-size:clamp(32px,5vw,58px);line-height:1.06;font-weight:800;color:#e2b1d2}
.voices-empty{padding:42px 34px;background:rgba(7,12,10,.86);border:1px solid rgba(216,167,201,.28)}.voices-empty h3{font-size:34px;margin:10px 0}.voices-empty p{max-width:850px;color:rgba(255,255,255,.7)}.voice-wave{height:52px;display:flex;align-items:center;gap:7px;margin-bottom:20px}.voice-wave i{width:3px;height:18px;background:#d8a7c9;opacity:.75}.voice-wave i:nth-child(2n){height:38px}.voice-wave i:nth-child(3n){height:26px}.voice-wave i:nth-child(5){height:48px}
.voices-schema{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13);margin-top:22px}.voices-schema article{background:rgba(7,16,12,.94);padding:25px}.voices-schema b{color:#d8a7c9;font-size:11px}.voices-schema span{display:block;font-size:18px;font-weight:800;margin:15px 0 8px}.voices-schema p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.66)}.voices-note{margin-top:22px;padding:22px;border-left:2px solid #d8a7c9;background:rgba(0,0,0,.25)}.voices-note p{margin-bottom:0;max-width:900px;color:rgba(255,255,255,.7)}

.future20-v516{background:linear-gradient(100deg,rgba(5,18,12,.95),rgba(11,31,21,.82));}.future20-head>small,.future20-statement small{color:#d7bd75}.future20-head h2{color:#d9c178}.future20-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:55px 0 28px;color:#d7bd75;font-size:18px;font-weight:800}.future20-line i{height:1px;background:linear-gradient(90deg,#d7bd75,rgba(215,189,117,.2));position:relative}.future20-line i:after{content:"";position:absolute;right:0;top:-5px;width:11px;height:11px;border-radius:50%;background:#d7bd75}
.future20-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.future20-grid article{padding:32px;background:rgba(7,24,16,.86);border:1px solid rgba(215,189,117,.22);min-height:250px}.future20-grid small{font-size:10px;letter-spacing:.17em;color:#d7bd75;font-weight:800}.future20-grid h3{font-size:31px;line-height:1.08;margin:17px 0}.future20-grid p{color:rgba(255,255,255,.68);line-height:1.6}
.future20-statement{margin-top:40px;padding:35px;background:#173325;border-left:4px solid #d7bd75}.future20-statement h3{font-size:clamp(34px,5vw,54px);margin:12px 0}.future20-statement p{max-width:850px;color:rgba(255,255,255,.78)}.future20-archive{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:25px 28px;border:1px solid rgba(215,189,117,.45);color:#f4f0e6;text-decoration:none}.future20-archive span{font-size:9px;letter-spacing:.16em;color:#d7bd75}.future20-archive strong{font-size:19px}
@media(max-width:760px){.voices-v516,.future20-v516{padding:105px 20px 90px}.voices-intro h2,.future20-head h2{font-size:46px}.voices-intro p,.future20-head p{font-size:16px}.voices-question{padding:24px 20px}.voices-schema{grid-template-columns:1fr 1fr}.future20-grid{grid-template-columns:1fr}.future20-grid article{min-height:0;padding:26px 22px}.future20-statement{padding:27px 22px}.future20-archive{align-items:flex-start;flex-direction:column}}
.voices-live{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.voice-live-card{background:rgba(7,12,10,.88);border:1px solid rgba(216,167,201,.28);padding:28px;min-width:0}.voice-live-card img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:22px}.voice-live-card small,.voice-live-card time{font-size:10px;letter-spacing:.12em;color:#d8a7c9}.voice-live-card blockquote{margin:16px 0;font-size:clamp(24px,3vw,38px);line-height:1.12;font-weight:750}.voice-live-card h3{font-size:18px;margin:10px 0}.voice-live-card audio{width:100%;margin-top:16px}.cms-section-cta{display:inline-block;margin-top:28px;padding:13px 18px;border:1px solid currentColor;color:inherit;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.1em}@media(max-width:760px){.voices-live{grid-template-columns:1fr}.voice-live-card{padding:22px}}
/* V5.20 — Wall of Voices media */
.voice-media-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.voice-media-btn{appearance:none;border:1px solid rgba(216,167,201,.55);background:rgba(216,167,201,.08);color:#f4f0e6;padding:11px 13px;font:800 9px Arial,sans-serif;letter-spacing:.12em;cursor:pointer}.voice-media-btn:hover{background:#d8a7c9;color:#171016}.voice-media-modal[hidden]{display:none}.voice-media-modal{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.86);display:grid;place-items:center;padding:24px}.voice-media-shell{position:relative;width:min(960px,94vw);background:#07100c;border:1px solid rgba(255,255,255,.18);padding:54px 18px 18px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.voice-media-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#fff;font-size:32px;cursor:pointer}.voice-media-shell iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.voice-media-shell audio{display:block;width:min(720px,100%);margin:30px auto}.voice-external-video{display:block;padding:45px 20px;text-align:center;color:#f4f0e6;font-weight:800}.voice-modal-open{overflow:hidden}@media(max-width:760px){.voice-media-actions{flex-direction:column}.voice-media-btn{width:100%;text-align:left}.voice-media-modal{padding:12px}.voice-media-shell{width:100%;padding:50px 10px 10px}}

/* V5.21 — Profil 5 Kabupaten */
.district-profile-trigger{cursor:pointer;position:relative;transition:transform .22s ease,box-shadow .22s ease}.district-profile-trigger:hover,.district-profile-trigger:focus{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,0,0,.18);outline:2px solid rgba(211,178,94,.65);outline-offset:-2px}.district-open{display:block;margin-top:24px;font-size:11px;letter-spacing:.14em;color:#8b6b1f}.district-profile-modal{position:fixed;inset:0;z-index:10020;background:rgba(1,8,5,.88);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:24px}.district-profile-modal.open{display:flex}.district-profile-dialog{position:relative;width:min(760px,100%);max-height:88vh;overflow:auto;background:#f0ede4;color:#102018;border:1px solid rgba(211,178,94,.6);padding:clamp(28px,5vw,56px)}.district-profile-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#102018;font-size:36px;cursor:pointer}.district-profile-dialog figure{margin:-56px -56px 34px;height:260px;overflow:hidden}.district-profile-dialog figure img{width:100%;height:100%;object-fit:cover}.district-profile-dialog>div>small,.district-profile-dialog section small{font-size:10px;font-weight:800;letter-spacing:.16em;color:#876b25}.district-profile-dialog h2{font-size:clamp(38px,7vw,72px);margin:8px 0 18px}.district-profile-dialog p{font-size:17px;line-height:1.7}.district-profile-dialog .district-lead{font-size:20px}.district-profile-dialog section{border-top:1px solid rgba(16,32,24,.2);padding-top:18px;margin-top:20px}.district-profile-dialog a{display:inline-block;margin-top:28px;color:#244c39;font-size:12px;font-weight:800;letter-spacing:.08em}
@media(max-width:640px){.district-profile-modal{padding:10px}.district-profile-dialog{padding:28px 22px}.district-profile-dialog figure{margin:-28px -22px 26px;height:210px}.district-profile-dialog p{font-size:16px}.district-profile-dialog .district-lead{font-size:18px}}

/* V5.21.5 — true floating district profile modal */
body.district-modal-open{overflow:hidden!important;touch-action:none}
.district-profile-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;background:rgba(1,8,5,.86)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none!important;align-items:center!important;justify-content:center!important;padding:clamp(12px,3vw,28px)!important;overflow:hidden!important}
.district-profile-modal.open{display:flex!important}
.district-profile-dialog{position:relative!important;width:min(760px,94vw)!important;height:auto!important;max-height:min(86dvh,820px)!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#f0ede4!important;color:#102018!important;border:1px solid rgba(211,178,94,.65)!important;border-radius:18px!important;padding:clamp(32px,5vw,56px)!important;box-shadow:0 30px 100px rgba(0,0,0,.65)!important;transform:none!important;margin:0!important;touch-action:pan-y!important}
.district-profile-close{position:sticky!important;z-index:20!important;top:0!important;float:right!important;margin:-20px -20px 8px 12px!important;width:46px!important;height:46px!important;border-radius:50%!important;border:1px solid rgba(16,32,24,.22)!important;background:rgba(240,237,228,.96)!important;color:#102018!important;font-size:30px!important;line-height:40px!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:0 6px 20px rgba(0,0,0,.12)!important}
@media(max-width:640px){.district-profile-modal{padding:12px!important}.district-profile-dialog{width:94vw!important;max-height:85dvh!important;border-radius:16px!important;padding:28px 20px 34px!important}.district-profile-close{margin:-14px -8px 8px 10px!important;width:44px!important;height:44px!important}.district-profile-dialog figure{margin:-28px -20px 26px!important;height:200px!important}}

/* V5.24 — Narative network identity inside SLAMET */
.top-brand-group{display:flex;align-items:center;gap:14px;min-width:0}.network-brand{display:flex;align-items:center;text-decoration:none;color:inherit;opacity:.92;border-left:1px solid rgba(255,255,255,.24);padding-left:14px}.network-brand img{display:block;max-width:132px;max-height:28px;width:auto;height:auto;object-fit:contain}.network-brand b{font-size:12px;letter-spacing:.08em;white-space:nowrap}@media(max-width:640px){.top-brand-group{gap:8px}.network-brand{padding-left:8px}.network-brand img{max-width:92px;max-height:23px}.network-brand b{font-size:10px}.top .brand{font-size:14px}}

/* V5.24.2 — compact Narative network brand. Keep SLAMET hero full-height on mobile. */
.top .top-brand-group .network-brand{
  flex:0 0 auto!important;
  width:auto!important;
  height:32px!important;
  max-width:150px!important;
  overflow:hidden!important;
  background:transparent!important;
  border-radius:0!important;
}
.top .top-brand-group .network-brand img{
  display:block!important;
  width:auto!important;
  height:28px!important;
  max-width:132px!important;
  max-height:28px!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
}
@media(max-width:640px){
  .top .top-brand-group .network-brand{
    height:27px!important;
    max-width:104px!important;
  }
  .top .top-brand-group .network-brand img{
    width:auto!important;
    height:23px!important;
    max-width:92px!important;
    max-height:23px!important;
  }
}

/* V5.24.4 — UNIFIED CINEMATIC FLOW
   Remove legacy full-bleed section visual system. Keep hero, editorial/card media,
   intro, district modal and all interactive components unchanged. */
.chapter:not(.hero)::before,
.chapter:not(.hero)::after,
.wildlife-v16::before,
.wildlife-v16::after,
#air::before,#hutan::before,#penghuni::before,#manusia::before,#perubahan::before,
#taman::before,#berubah::before,#kabupaten::before,#voices::before,#masa-depan::before{
  content:none!important;
  display:none!important;
  background-image:none!important;
}

@media (max-width:700px){
  .chapter:not(.hero){
    min-height:auto!important;
    height:auto!important;
    display:block!important;
    padding:0!important;
    overflow:visible!important;
  }
  /* No standalone visual spacer between chapters. */
  .chapter:not(.hero)::before{height:0!important;min-height:0!important}
}

@media (min-width:701px){
  .chapter:not(.hero){
    min-height:auto!important;
    display:block!important;
    grid-template-columns:none!important;
    padding:96px max(7vw,32px)!important;
    overflow:visible!important;
  }
  .chapter:not(.hero)>*{
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .chapter:not(.hero)>.river-line{display:none!important}
  .water .narrative,.forest .section-copy,.wildlife>small,.wildlife>h2,.wildlife>.species,
  .people>small,.people>h2,.people>.portraits,.scars>small,.scars>h2,.scars>.topics,.scars>.note,
  .timeline>small,.timeline>h2,.timeline>.years,.explainer>small,.explainer>h2,.explainer>.choices,.explainer>.known,
  .mapsec>small,.mapsec>h2,.mapsec>.mapmock,.mapsec>.note,.voices>small,.voices>h2,.voices>.voicegrid,
  .future>div{
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* Keep the ending clean too: no separate full-screen photograph. */
.ending,.ending::before,.ending::after{
  background-image:none!important;
}
.ending::before,.ending::after{content:none!important;display:none!important}