/* A continuous camera journey with native, reversible scrolling. */
html{scroll-behavior:smooth} .story-track{position:relative}.story-track.is-disabled{height:auto!important}
.immersive-world{--ink:#153d32;--paper:#f4f8f2}.immersive-world .header{position:fixed;inset:0 0 auto;z-index:25;background:#f7fcf6d9;backdrop-filter:blur(16px)}
.immersive-world .story-experience{padding:0}.immersive-world .experience-switch{position:fixed;top:80px;left:0;right:0;z-index:20;margin:0;padding:8px 4%;min-height:58px}
.immersive-world .story-shell{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;background:#e5ede4}
.immersive-world .story-main{height:calc(100% - 72px);min-height:0;max-height:none;overflow:hidden}
.immersive-world .story-copy{top:24%;left:4%;width:29%;max-width:440px;max-height:calc(76% - 60px);overflow:auto;scrollbar-width:thin;pointer-events:auto;padding:0 10px 16px 0}
.immersive-world .story-copy h1{font-size:clamp(34px,4.2vw,65px);line-height:1.08;letter-spacing:-1px;margin:16px 0 22px;overflow-wrap:anywhere}
.immersive-world .story-copy>.eyebrow{font-size:12px;letter-spacing:1.5px}.immersive-world .moment-copy{font-size:17px;line-height:1.65;color:#365540}
.immersive-world .story-world{position:absolute;inset:0 0 0 32%;width:auto;height:auto;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 60% 35%,#ebf5e4,#c3dcd1 68%,#9bc3b6)}
.immersive-world .story-world:after{background:linear-gradient(90deg,#e5ede4 0%,transparent 6%),linear-gradient(0deg,#d3e3d6 0%,transparent 23%)}
.immersive-world .cinema-coordinate{top:155px;left:4%;right:4%;color:#28523c}.immersive-world .cinema-coordinate>span:last-child{display:none}
.immersive-world .story-extras{top:155px;right:3%;max-width:min(750px,92vw)}
.immersive-world .story-extras[open]{top:155px;bottom:90px;background:#f7fcf4f7}
.immersive-world .story-stage-top{top:155px;left:18px;right:auto;width:auto;padding:0}
.immersive-world .story-stage-top>div{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;max-width:430px;border-radius:18px;background:#f9fff3d1}
.immersive-world .story-stage-top button{font-size:12px;padding:9px 10px;min-height:36px}
.immersive-world .story-camera{bottom:175px;right:22px}.immersive-world .story-camera button{height:39px;width:39px}
.immersive-world .cinema-subtitles{left:9%;right:9%;bottom:44px;min-height:90px;padding:16px 23px;background:#fafff0ed;box-shadow:0 12px 36px #1f4a2c17}
.immersive-world .cinema-subtitles>p{font-size:17px;line-height:1.5}.immersive-world .actor-labels,.immersive-world .scene-caption{display:none}
.immersive-world .cinema-dock{position:absolute;inset:auto 0 0;height:72px;min-height:72px;padding:12px 4%;display:flex;flex-wrap:nowrap;gap:22px;background:#f4f9ed;z-index:10;justify-content:space-between}
.immersive-world .cinema-playback{max-width:330px;flex:1;min-width:80px}.immersive-world .cinema-sound-controls{width:auto;gap:7px;flex:none}.immersive-world .cinema-sound-controls button,.immersive-world .cinema-sound-controls summary{font-size:13px;padding:10px}
.language-control{flex:none;display:flex;align-items:center}.language-control select{font:inherit;font-size:14px;color:#214b35;background:#e1edcf;border:1px solid #b0c696;border-radius:99px;padding:11px 30px 11px 13px;cursor:pointer;max-width:150px}
.immersive-world .scroll-cue{position:absolute;top:auto;bottom:91px;left:4%;right:auto;gap:12px;max-width:30%;font-size:12px;flex-wrap:wrap}.immersive-world .scroll-cue a{font-size:12px}.immersive-world .scroll-cue>span:nth-child(2){display:none}
.immersive-world .story-actions{position:static;margin-top:18px;display:flex}.immersive-world .story-actions button{font-size:14px}.immersive-world .story-transport{position:static;margin-top:12px;display:flex;gap:18px;min-height:36px}
.immersive-world .story-transport #story-position{display:none}.immersive-world .intro-goals{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.immersive-world .intro-goals button{min-height:32px;font-size:13px;padding:6px 0;aspect-ratio:1}
.immersive-world .cinema-entry{position:fixed;left:4%;bottom:88px;top:auto;transform:none;background:#f8fff1fa;z-index:30}
.pointer-glow{position:absolute;width:300px;height:300px;border-radius:50%;left:var(--pointer-x,50%);top:var(--pointer-y,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,#faffc51f,transparent 65%);pointer-events:none;z-index:1;transition:opacity .5s}
#journey-progress{position:absolute;left:0;top:0;height:3px;background:#447a45;width:var(--journey-progress,0%);z-index:20;box-shadow:0 0 14px #619b5377}
.immersive-world .sdg-strip{padding:35px 4%;background:#e9f1df}.immersive-world .story-simple-scene{padding:100px 30px 130px}
#language-status{position:absolute;top:60px;left:4%;font-size:13px;z-index:10;color:#2c5b3a}
html[lang=hi] body,html[lang=te] body,html[lang=ta] body{font-family:'Noto Sans',system-ui,sans-serif}html[lang=hi] .story-copy h1,html[lang=te] .story-copy h1,html[lang=ta] .story-copy h1{font-family:system-ui,sans-serif;font-size:clamp(30px,3vw,47px);line-height:1.5;letter-spacing:0}html[lang=te] .moment-copy,html[lang=ta] .moment-copy{line-height:1.85}
@media(max-width:1100px) and (min-width:800px){.immersive-world .story-copy{width:32%;top:24%}.immersive-world .story-copy h1{font-size:43px}.immersive-world .story-world{left:35%}.immersive-world .moment-copy{font-size:16px}.immersive-world .cinema-dock{gap:12px;padding:12px 3%}.immersive-world #cinema-duration{display:none}.immersive-world .cinema-subtitles{left:5%;right:5%}}
@media(max-width:799px){
 .immersive-world .header{height:62px}.immersive-world .experience-switch{height:52px;top:62px}.immersive-world .story-shell{height:100svh;min-height:560px}.immersive-world .story-main{height:calc(100% - 112px);min-height:0}
 .immersive-world .story-copy{position:absolute;top:155px;left:20px;right:20px;width:auto;max-width:none;padding:0 5px 10px 0;max-height:29%;pointer-events:auto;z-index:4;overflow:auto;background:linear-gradient(180deg,#e5ede4f5 88%,#e5ede400)}
 .immersive-world .story-copy h1{font-size:32px;line-height:1.15;margin:8px 0 12px;letter-spacing:-.6px}.immersive-world .story-copy>.eyebrow{font-size:12px;letter-spacing:.8px}.immersive-world .moment-copy{font-size:16px;line-height:1.5}.immersive-world .moment-goals{margin-top:9px}.immersive-world .moment-goals button{font-size:12px;min-height:32px;padding:6px 9px}.immersive-world .moment-action a{font-size:14px;min-height:40px}
 .immersive-world .story-actions,.immersive-world .story-transport{display:none}.immersive-world .story-world{position:absolute;inset:46% 0 0;min-height:0;height:auto;overflow:hidden}.immersive-world .story-world:after{background:linear-gradient(180deg,#e5ede4 0,transparent 22%,transparent 85%,#e5ede4)}
 .immersive-world .cinema-coordinate{top:125px;left:20px}.immersive-world .story-extras{top:119px;right:15px}.immersive-world .story-extras[open]{bottom:125px;max-height:none}.immersive-world .story-stage-top{top:3px;right:10px;left:10px}.immersive-world .story-stage-top>div{justify-content:center;max-width:none;margin:auto}.immersive-world .story-stage-top button{padding:7px 9px;font-size:12px;min-height:32px}
 .immersive-world .cinema-subtitles{left:12px;right:12px;bottom:8px;min-height:68px;padding:10px 15px;border-radius:15px}.immersive-world .cinema-subtitles>span{font-size:10px;margin:0 0 4px}.immersive-world .cinema-subtitles>p{font-size:15px;line-height:1.45}.immersive-world .story-camera{bottom:102px;right:10px}.immersive-world .story-camera button{width:32px;height:32px;font-size:16px}
 .immersive-world .cinema-dock{height:112px;min-height:112px;padding:10px 16px;gap:8px 14px;flex-wrap:wrap}.language-control{order:1}.language-control select{max-width:125px;padding:8px 25px 8px 9px;font-size:13px}.immersive-world .cinema-playback{order:2;flex:1;max-width:none;gap:8px}.immersive-world .cinema-sound-controls{order:3;flex:1;justify-content:flex-end}.immersive-world .cinema-sound-controls button,.immersive-world .cinema-sound-controls summary{font-size:12px;min-height:32px;padding:7px}.immersive-world #cinema-duration{display:none}
 .immersive-world .scroll-cue{top:auto;bottom:121px;left:20px;right:20px;max-width:none;z-index:6;font-size:11px;justify-content:space-between}.immersive-world .scroll-cue a{font-size:11px;min-height:0}.immersive-world .scroll-cue>span:nth-child(2){display:none}.immersive-world .intro-goals{max-width:410px;margin-top:12px}.immersive-world .intro-goals button{min-height:30px;aspect-ratio:auto;font-size:12px}
 .immersive-world .cinema-entry{bottom:122px;left:14px;max-width:calc(100vw - 28px)}.immersive-world .cinema-entry>p{font-size:14px}
 html[lang=hi] .story-copy h1,html[lang=te] .story-copy h1,html[lang=ta] .story-copy h1{font-size:27px;line-height:1.45}html[lang=te] .moment-copy,html[lang=ta] .moment-copy{line-height:1.6}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pointer-glow{display:none}}
#goal-caption{font-size:15px;line-height:1.65;color:#31543c;padding:0 20px 20px;min-height:70px;text-align:center}.chapter-goals{display:flex;flex-wrap:wrap;gap:7px}#chapter-link{display:flex;flex-wrap:wrap;gap:7px}#chapter-link button{border-radius:9px;padding:8px;background:#e5edda;color:#245035;text-align:left;font-size:14px}

.immersive-world #world{padding-top:140px}.immersive-world #platforms{scroll-margin-top:145px}@media(max-width:799px){.immersive-world #world{padding-top:114px}.immersive-world #platforms{scroll-margin-top:120px}}
@media(max-width:799px){.immersive-world .story-copy{max-height:34%;min-height:0}.immersive-world .story-world{inset:55% 0 0}.immersive-world .story-stage-top>div{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.immersive-world .story-stage-top button{white-space:nowrap;flex:none}.immersive-world .story-copy h1{font-size:29px}.immersive-world .cinema-subtitles{min-height:60px}.immersive-world .cinema-subtitles>p{font-size:14px}}

.immersive-world .scroll-cue>span:nth-child(2){display:inline}.immersive-world .scroll-cue{max-width:34%}@media(max-width:799px){.immersive-world .scroll-cue{max-width:none;font-size:10px;gap:5px}.immersive-world .scroll-cue a{font-size:10px}.immersive-world .scroll-cue>span:nth-child(2){max-width:44%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}