@font-face{font-family:Kishkindha Display;src:url('assets/kishkindha-display.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#0d0c0a;--ivory:#fff4df;--gold:#f6b93b;--saffron:#ff9f1c;--turmeric:#ffd45c;--vermilion:#e94b24;--edge:clamp(24px,5vw,90px);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--ink);scrollbar-color:var(--saffron) #16100b;scrollbar-width:thin}body{margin:0;color:var(--ivory);font:16px/1.5 Arial,Helvetica,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none;text-underline-offset:.22em}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--turmeric);outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.48}::selection{background:var(--vermilion);color:#fff9e8}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#visual,#fallback-image,.cinema-shade,#speed-lines{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#visual{z-index:1;opacity:0;transition:opacity .55s cubic-bezier(.16,1,.3,1)}#visual.ready{opacity:1}#visual canvas{display:block;width:100%;height:100%}#fallback-image{object-fit:cover;z-index:0}.cinema-shade{z-index:2;background:linear-gradient(90deg,#070807d1,transparent 69%),linear-gradient(0deg,#080807d9,transparent 58%,#0808073b);transition:background .7s cubic-bezier(.16,1,.3,1)}body[data-scene=aakriti] .cinema-shade,body[data-scene=kapish] .cinema-shade,body[data-scene=manu] .cinema-shade,body[data-scene=anjani] .cinema-shade,body[data-scene=jaganraj] .cinema-shade{background:linear-gradient(270deg,#070706d4,transparent 66%),linear-gradient(0deg,#080807c9,transparent 62%,#08080724)}body[data-scene=threshold] .cinema-shade{background:linear-gradient(#01040a99,transparent),linear-gradient(0deg,#01040a88,transparent)}body[data-scene=world] .cinema-shade{background:linear-gradient(90deg,#080807c4,transparent 62%),linear-gradient(0deg,#080807d2,transparent 95%)}body[data-scene=title] .cinema-shade{background:linear-gradient(0deg,#080807ed,#08080735 95%)}
header{position:fixed;z-index:30;top:0;left:0;width:100%;padding:14px var(--edge);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#080807b8,transparent);gap:16px}header nav{display:flex;align-items:center;gap:36px;font-size:14px}header nav a,header button{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;transition:color .2s cubic-bezier(.16,1,.3,1)}.brand{width:180px;display:block;line-height:0}.brand img{width:100%;height:60px;object-fit:contain}.menu-glyph{display:inline-flex;width:18px;flex-direction:column;gap:5px;margin-left:10px;vertical-align:middle}.menu-glyph i{height:1px;background:currentColor;width:18px;transition:width .25s cubic-bezier(.16,1,.3,1)}.menu-glyph i:last-child{width:12px}.skip{position:fixed;top:-100px;left:20px;z-index:60;background:var(--ink);padding:18px}.skip:focus{top:15px}
.chapter{height:calc(var(--length)*100svh);outline:none}#story{position:fixed;inset:0;z-index:5;pointer-events:none}.scene-copy{position:absolute;left:var(--edge);right:var(--edge);bottom:16%;opacity:0;visibility:hidden;transform:translateY(var(--rise,0px));pointer-events:none;max-width:min(47vw,760px)}.scene-copy:first-child{opacity:1;visibility:visible}.scene-copy a{pointer-events:auto}.scene-copy.right{left:auto;right:var(--edge);width:min(39vw,570px)}.scene-copy.center{left:7%;right:7%;max-width:none;bottom:auto;top:48%;text-align:center;transform:translateY(calc(-50% + var(--rise,0px)))}.scene-copy.character{bottom:14%;isolation:isolate}.scene-copy.character::before{content:"";position:absolute;z-index:-1;inset:-44px -58px -34px;background:radial-gradient(ellipse at center,#120c08d9 0,#120b08a8 43%,transparent 74%);filter:blur(8px)}.eyebrow{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.23em;line-height:1.5;color:#ffd67a;margin:0 0 22px;text-transform:uppercase;text-shadow:0 2px 12px #000}.eyebrow span{height:1px;width:35px;background:linear-gradient(90deg,var(--vermilion),var(--turmeric))}.center .eyebrow{justify-content:center}.display{font-family:Kishkindha Display,Georgia,serif;text-transform:uppercase;font-weight:400;line-height:1.08;letter-spacing:-.018em;margin:0;font-size:clamp(52px,6.2vw,96px);color:var(--saffron);background:radial-gradient(circle at 13% 31%,#fff1a6 0 1.2px,transparent 2.3px),radial-gradient(circle at 76% 64%,#7c1f12 0 1px,transparent 2.2px),linear-gradient(105deg,#ff7a1a 0%,#ffd45c 26%,#f29b20 48%,#e54824 72%,#ffd96c 100%);background-size:19px 17px,23px 21px,100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.7px #6f2418;filter:drop-shadow(0 2px 1px #4b160c) drop-shadow(0 10px 24px #0009);text-wrap:balance}.beginning .display{font-size:clamp(58px,6.2vw,96px)}.intro{font-size:18px;line-height:1.62;max-width:470px;margin:22px 0 26px;color:#fff6e8;letter-spacing:.01em;text-shadow:0 2px 14px #000}.center .intro{margin:22px auto}.text-link{display:inline-flex;align-items:center;gap:32px;font-size:14px;min-height:44px;border-bottom:1px solid #ffbe5c9a;padding:3px 0}.text-link:hover{color:var(--turmeric);border-color:var(--turmeric)}.text-link span{font-size:23px}.years .display{font-size:clamp(104px,16vw,230px);letter-spacing:-.018em}.years .intro{font-size:14px;letter-spacing:.45em}.character .display{font-size:clamp(62px,6.6vw,96px)}.jaganraj .display{font-size:clamp(56px,6vw,90px)}.threshold .display{font-size:clamp(54px,6.6vw,96px)}.world .display{font-size:clamp(48px,5.5vw,88px)}.world .intro{max-width:550px}.title{top:59%!important}.title .wordmark{display:block;width:100%;max-width:1250px;height:auto;max-height:40svh;object-fit:contain;margin:-40px auto -30px;filter:drop-shadow(0 8px 15px #000)}.title .intro{font-size:13px;letter-spacing:.23em;max-width:none}.final-actions{display:flex;justify-content:center;gap:40px;margin-top:30px}
footer{position:fixed;z-index:30;bottom:0;left:0;width:100%;display:flex;align-items:center;gap:20px;padding:15px var(--edge) 31px;background:linear-gradient(transparent,#080807da);font-size:12px}footer button{font-size:12px;min-height:44px;padding:8px 10px;white-space:nowrap;border:1px solid transparent;transition:color .2s,background .2s,border-color .2s,transform .2s cubic-bezier(.16,1,.3,1)}footer button:active,.text-link:active{transform:translateY(1px)}#chapter-jump{display:flex;align-items:center;gap:18px;margin-left:-10px}#chapter-count{color:var(--gold);font-size:12px}.progress{height:1px;flex:1;background:#f5ecda30;overflow:hidden}.progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}#motion-toggle,#sound-toggle{color:#c9bfae}#play-toggle{border-color:#dfbc7e65;padding:8px 16px}#copyright{position:absolute;right:var(--edge);bottom:7px;margin:0;color:#c9bfae;font-size:9px;letter-spacing:.04em;line-height:1.2;text-align:right}dialog{border:1px solid #dfbc7e50;background:#13110ff5;color:var(--ivory);padding:35px;max-width:850px;width:calc(100% - 36px);max-height:85svh}dialog::backdrop{background:#000c;backdrop-filter:blur(14px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.15em;margin-bottom:25px}.dialog-head button{font-size:14px;letter-spacing:0;min-height:44px;padding:8px 12px}#chapter-links{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}#chapter-links a{display:flex;gap:16px;align-items:baseline;min-height:58px;padding:18px 0;border-top:1px solid #dfbc7e25;font-family:Kishkindha Display,Georgia,serif;font-size:22px;line-height:1.4;transition:color .2s,padding-left .25s cubic-bezier(.16,1,.3,1)}#chapter-links small{font-family:Arial,sans-serif;font-size:11px;color:var(--gold)}#chapter-links a[aria-current]{color:var(--gold)}
#instrument{position:fixed;z-index:4;right:3%;top:20%;width:min(43vw,600px);aspect-ratio:1;opacity:0;pointer-events:none;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}#instrument img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}#instrument-label{position:fixed;z-index:5;right:9%;bottom:20%;font-size:11px;letter-spacing:.26em;color:var(--gold);opacity:0;pointer-events:none}#speed-lines{z-index:3;opacity:0;background:repeating-conic-gradient(from 13deg at 50% 48%,transparent 0deg 13deg,#f5dfb233 13.05deg 13.14deg,transparent 13.2deg 25deg);mask-image:radial-gradient(ellipse,transparent 15%,#000 90%)}body.reduced .chapter{height:110svh}body.reduced .chapter:last-child{height:150svh}body.reduced #speed-lines,body.reduced #instrument{display:none}.no-script{position:relative;z-index:5;padding:100px var(--edge)}.no-script img{max-width:100%}
@media(max-width:760px){header{padding-top:12px}.brand{width:140px}.brand img{height:46px}header nav{gap:18px}header nav>a{display:none}header button{font-size:13px}.scene-copy{bottom:19%;max-width:none}.scene-copy.right{left:var(--edge);right:var(--edge);width:auto}.scene-copy.character{bottom:20%}.scene-copy.character::before{inset:-28px -30px -24px}.display,.beginning .display{font-size:clamp(40px,10vw,72px);line-height:1.14}.character .display{font-size:clamp(42px,11vw,76px)}.jaganraj .display{font-size:clamp(35px,9.2vw,66px)}.world .display{font-size:clamp(33px,8.8vw,62px);line-height:1.22}.threshold .display{font-size:10vw}.years .display{font-size:25vw}.eyebrow{font-size:10px;letter-spacing:.14em;gap:12px;margin-bottom:18px}.eyebrow span{width:24px}.jaganraj .eyebrow{font-size:9px}.intro{font-size:16px;line-height:1.6;max-width:310px;margin:18px 0}.cinema-shade,body[data-scene=aakriti] .cinema-shade,body[data-scene=kapish] .cinema-shade,body[data-scene=manu] .cinema-shade,body[data-scene=anjani] .cinema-shade,body[data-scene=jaganraj] .cinema-shade{background:linear-gradient(0deg,#080807ee,transparent 110%),linear-gradient(90deg,#08080733,transparent)}body[data-scene=world] .cinema-shade{background:linear-gradient(0deg,#080807f5,transparent 115%)}.scene-copy.center{left:var(--edge);right:var(--edge);top:48%}.title{top:58%!important}.title .wordmark{width:116%;max-width:none;max-height:none;margin:0 -8%}.title .intro{font-size:11px;line-height:1.9;letter-spacing:.16em;max-width:280px}.final-actions{gap:22px;margin-top:20px}.final-actions .text-link{font-size:12px;gap:12px}footer{gap:14px;padding-bottom:29px;flex-wrap:wrap}#chapter-jump{gap:9px;font-size:11px}.progress{min-width:30px}#motion-toggle{font-size:11px}#play-toggle{order:4;position:absolute;bottom:88px;right:var(--edge);font-size:11px;min-height:44px;padding:7px 11px;background:#08080777}#copyright{left:var(--edge);right:var(--edge);bottom:8px;font-size:8px;text-align:center;letter-spacing:.025em}#chapter-links{grid-template-columns:1fr}#chapter-links a{font-size:20px;padding:16px 0}dialog{padding:24px}#instrument{width:62vw;right:-2%;top:18%}#instrument-label{top:49%;bottom:auto;right:7%;font-size:9px}.text-link{font-size:13px}}
@media(max-height:600px) and (min-width:761px){.scene-copy{bottom:18%}.display,.beginning .display,.aakriti .display,.kapish .display,.manu .display,.anjani .display,.jaganraj .display{font-size:12vh}.intro{font-size:15px;margin:16px 0}.eyebrow{margin-bottom:15px}.title .wordmark{max-height:34vh}.title .intro{margin:15px auto}.final-actions{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

#sound-toggle{color:#c9bfae}@media(max-width:760px){#chapter-name{max-width:108px;overflow:hidden;text-overflow:ellipsis}footer{gap:12px}#sound-toggle{font-size:11px}}

#instrument-veil{position:fixed;inset:0;background:linear-gradient(90deg,#080b0be8,#080b0bf2);opacity:0;z-index:3;pointer-events:none}body.reduced #instrument-veil{display:none}

#prologue{position:fixed;z-index:40;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px var(--edge);overflow:hidden;background:linear-gradient(#050403e8,#0b0704ee);text-align:center;isolation:isolate}
.prologue-active header,.prologue-active footer,.prologue-active #story{opacity:0;pointer-events:none}
#prologue::before,#prologue::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none}#prologue::before{background:radial-gradient(ellipse at 50% 50%,#7b321b42 0 7%,#2810072b 22%,transparent 48%);animation:prologue-portal 5.3s both cubic-bezier(.16,1,.3,1)}#prologue::after{background:linear-gradient(90deg,transparent 46%,#f9c25d42 49.8%,#fff0ac8c 50%,#f9c25d42 50.2%,transparent 54%);transform:scaleX(0);animation:prologue-rift 1.4s 2.15s both cubic-bezier(.16,1,.3,1)}
.production-lockup{display:flex;align-items:center;justify-content:center;margin:0 0 24px}.production-lockup img{display:block;object-fit:contain}.prologue-caizon{width:min(29vw,350px);height:auto;box-shadow:0 16px 30px #000c;animation:prologue-logo 1.55s both cubic-bezier(.16,1,.3,1)}
.prologue-presents{margin:0 0 23px;color:#ffe1a0;font-family:Kishkindha Display,Georgia,serif;font-size:clamp(19px,2vw,28px);letter-spacing:.18em;text-transform:uppercase;animation:prologue-presents 1s 1.45s both cubic-bezier(.16,1,.3,1)}
#prologue h2{margin:0;line-height:0;animation:prologue-title 1.25s 2.15s both cubic-bezier(.16,1,.3,1)}.prologue-wordmark{display:block;width:min(65vw,810px);height:auto;filter:drop-shadow(0 17px 42px #000)}
.prologue-actions{display:flex;gap:10px;margin-top:28px;animation:prologue-enter .9s 3.25s both cubic-bezier(.16,1,.3,1)}.prologue-actions button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;padding:10px 20px;border:1px solid #e5ad4c;background:#1d100a;color:#ffe5a5;font-family:Kishkindha Display,Georgia,serif;font-size:15px;letter-spacing:.035em;text-transform:uppercase;box-shadow:0 13px 28px #0009;transition:background .2s,border-color .2s,transform .2s}.prologue-actions .primary{background:#e5ad4c;color:#201007}.prologue-actions button:hover{background:#6a3012;border-color:#ffdc83;color:#fff0c6;transform:translateY(-2px)}.prologue-actions .primary:hover{background:#ffd267;color:#201007}.prologue-actions button:active{transform:translateY(1px)}
#prologue.leaving{animation:prologue-leave .75s both cubic-bezier(.7,0,.84,0)}
@keyframes prologue-logo{0%{opacity:0;transform:translateY(-24px) scale(.82);filter:blur(14px)}55%,80%{opacity:1;transform:none;filter:none}100%{opacity:.78;transform:translateY(-7px) scale(.96)}}@keyframes prologue-presents{from{opacity:0;letter-spacing:.55em;transform:translateY(12px);filter:blur(8px)}to{opacity:1;letter-spacing:.18em;transform:none;filter:none}}@keyframes prologue-title{from{opacity:0;clip-path:inset(48% 0 48%);transform:scaleX(.7);filter:blur(10px)}65%{opacity:1;clip-path:inset(0);transform:scaleX(1.04);filter:none}to{opacity:1;clip-path:inset(0);transform:none;filter:none}}@keyframes prologue-enter{from{opacity:0;transform:translateY(16px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes prologue-portal{0%{transform:scale(.2);opacity:0}42%{transform:scale(.7);opacity:1}100%{transform:scale(1.6);opacity:.55}}@keyframes prologue-rift{0%{transform:scaleX(0);opacity:0}35%{opacity:1}100%{transform:scaleX(1);opacity:0}}@keyframes prologue-leave{to{opacity:0;transform:scale(1.035);filter:blur(12px)}}
@media(max-width:760px){.production-lockup{margin-bottom:18px}.prologue-caizon{width:min(52vw,190px)}.prologue-presents{margin-bottom:16px;font-size:18px}.prologue-wordmark{width:min(84vw,480px)}.prologue-actions{flex-direction:column;width:min(100%,310px);margin-top:22px}.prologue-actions button{width:100%;min-height:46px;font-size:13px}}

@media(max-width:760px){.title .wordmark{width:100%;margin:0}}@media(max-width:380px){footer .progress{display:none}footer{justify-content:space-between;gap:8px}#chapter-name{max-width:100px}}

.sound-bars{height:18px;display:flex;align-items:center;gap:3px;color:currentColor}.sound-bars i{display:block;width:2px;background:currentColor;border-radius:2px;transform-origin:center}
.sound-bars i:nth-child(1){height:7px}.sound-bars i:nth-child(2){height:16px}.sound-bars i:nth-child(3){height:11px}
@media(hover:hover){header nav a:hover,header button:hover,footer button:hover,.dialog-head button:hover{color:var(--gold)}header button:hover .menu-glyph i:last-child{width:18px}#play-toggle:hover,footer button:hover{background:#dfbc7e15;border-color:#dfbc7e50}.text-link:hover{color:var(--turmeric);border-color:var(--turmeric)}#chapter-links a:hover{color:var(--gold);padding-left:8px}}
@media(max-width:760px){footer button{padding-inline:6px}#chapter-jump{margin-left:-6px}}

/* The journey controls sit apart from the story as a small ceremonial instrument. */
footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding:16px var(--edge) 34px;background:linear-gradient(transparent 10%,#080807e8 78%)}
.progress{display:none}
#chapter-jump{align-self:end;gap:12px;margin:0;padding:8px 12px 8px 0;color:#e6d4b7;text-align:left}
#chapter-jump::before{content:"";width:18px;height:18px;border:1px solid #d6a34e;border-radius:50%;box-shadow:inset 0 0 0 4px #2a1a0d}
#chapter-count{min-width:20px;color:#ffd36b;font-size:11px;letter-spacing:.14em}
#chapter-name{font-family:Kishkindha Display,Georgia,serif;font-size:17px;line-height:1;letter-spacing:.01em}
.journey-controls{display:flex;align-items:end;gap:13px}
.journey-settings{display:flex;gap:2px;padding:2px;border:1px solid #c98b353d;background:#160f09a6;box-shadow:0 10px 26px #0008}
footer .journey-settings button{position:relative;min-height:42px;padding:8px 11px 8px 23px;color:#dec9a6;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
footer .journey-settings button::before{content:"";position:absolute;left:10px;top:50%;width:5px;height:5px;border:1px solid currentColor;border-radius:50%;transform:translateY(-50%);opacity:.86}
footer .journey-settings button[aria-pressed="true"]{color:#ffcf68}
footer .journey-settings button[aria-pressed="true"]::before{background:currentColor;box-shadow:0 0 10px #f1a830}
#play-toggle{position:relative;min-height:52px;padding:10px 21px 10px 51px;border:1px solid #e5ad4c;background:linear-gradient(135deg,#5f2b12,#27130b 55%,#4e210c);box-shadow:0 12px 28px #000a,inset 0 0 0 1px #ffe19a32;color:#ffe3a0;font-family:Kishkindha Display,Georgia,serif;font-size:17px;line-height:1;letter-spacing:.015em;text-transform:uppercase}
#play-toggle::before{content:"";position:absolute;left:16px;top:50%;width:22px;height:22px;border:1px solid #ffe1a1;border-radius:50%;box-shadow:inset 0 0 0 4px #4b210e;transform:translateY(-50%)}
#play-toggle::after{content:"";position:absolute;left:25px;top:50%;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #ffe1a1;transform:translateY(-50%)}
#play-toggle[aria-pressed="true"]::after{left:25px;width:7px;height:10px;border:0;border-left:2px solid #ffe1a1;border-right:2px solid #ffe1a1;transform:translateY(-50%)}
#play-toggle:hover{border-color:#ffdc83;background:linear-gradient(135deg,#793716,#35170b 55%,#652a0e);color:#fff0c6;transform:translateY(-2px)}
#play-toggle:active{transform:translateY(1px)}
.text-link{gap:14px;min-height:46px;padding:8px 15px;border:1px solid #f5bd5f7a;background:#180e09b8;box-shadow:0 9px 24px #0008;color:#ffe3a0;font-family:Kishkindha Display,Georgia,serif;font-size:16px;letter-spacing:.02em;text-transform:uppercase}
.text-link span{font-size:18px;line-height:1}.text-link:hover{border-color:#ffd26b;background:#38200d;color:#fff0be}
#chapter-links a{border-top:0;margin:2px 0;padding:15px 12px;border:1px solid transparent}
#chapter-links a:hover{padding-left:18px;background:#e5ad4c10;border-color:#e5ad4c42}
@media(max-width:760px){footer{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px var(--edge) 35px;align-items:end}#chapter-jump{min-width:0;padding-left:0}#chapter-name{display:block;max-width:122px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.journey-controls{flex-direction:column;align-items:end;gap:7px}.journey-settings{gap:0}footer .journey-settings button{min-height:34px;padding:6px 8px 6px 19px;font-size:8px;letter-spacing:.06em}footer .journey-settings button::before{left:8px;width:4px;height:4px}#play-toggle{position:relative;right:auto;bottom:auto;order:initial;min-height:46px;padding:8px 15px 8px 42px;font-size:14px;background:linear-gradient(135deg,#5f2b12,#27130b 55%,#4e210c)}#play-toggle::before{left:13px;width:20px;height:20px}#play-toggle::after{left:21px;border-top-width:4px;border-bottom-width:4px;border-left-width:6px}#play-toggle[aria-pressed="true"]::after{left:21px;height:9px}.text-link{min-height:42px;padding:7px 12px;font-size:13px}#copyright{left:var(--edge);right:var(--edge);bottom:7px}}