@font-face{font-family:Caslon;src:url(assets/caslon.woff2);font-display:swap}@font-face{font-family:HindiBook;src:url(/koan/assets/fonts/hi-serif-400.woff2);font-display:swap}@font-face{font-family:HindiUI;src:url(/koan/assets/fonts/hi-sans-400.woff2);font-display:swap}
:root{--night:#0b1b24;--paper:#e7e8dd;--muted:#a9b8b8;--line:#adc4c329;--gutter:clamp(24px,6vw,110px)}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--night);color:var(--paper);font:14px/1.75 Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}button,summary,a{-webkit-tap-highlight-color:transparent}button,summary{touch-action:manipulation}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-family:Caslon,Georgia,serif;font-weight:400}h2{font-size:clamp(40px,5.6vw,84px);line-height:1.12;letter-spacing:-.025em}p+p{margin-top:20px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #abd9dc;outline-offset:7px}::selection{background:#52777e;color:white}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;z-index:30;top:-80px;left:20px;background:var(--paper);color:var(--night);padding:12px}.skip:focus{top:20px}.book-flower,.pocket-front{display:none}
.masthead{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:26px var(--gutter);font-size:12px}.thea{display:flex;align-items:center;gap:14px}.thea img{width:36px}.masthead>div{display:flex;align-items:center;gap:35px}.masthead button{background:none;color:inherit;padding:10px 0}.masthead button span{margin-left:12px}.language{border-bottom:1px solid #a6b9b060}
#cinema-world{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#0b1b24}#cinema-world canvas{display:block;width:100%;height:100%}main,footer{position:relative;z-index:1}.journey{height:780svh;position:relative}.journey-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.opening-type{position:absolute;left:9%;top:27%;max-width:44%;color:#e8eadc}.cover-credit{font-size:12px}.opening-type h1{font-size:clamp(150px,20vw,310px);line-height:.95;letter-spacing:-.04em;margin:10px 0 18px}.cover-question{font:19px/1.8 HindiBook,serif}.open-book{display:inline-flex;gap:40px;align-items:center;margin-top:32px;border-bottom:1px solid #d4e1d377;padding:10px 0;font-size:12px}.open-book span{font-size:24px}.cover-colophon{position:absolute;left:var(--gutter);right:var(--gutter);bottom:25px;display:flex;justify-content:space-between;font-size:11px}.cover-colophon p{margin:0}.cover-colophon p:last-child{text-align:right}.cover-colophon span{display:block;font-size:12px}.sky-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;opacity:0;pointer-events:none}.sky-copy h2{font-size:clamp(65px,8vw,125px)}.sky-copy a{margin-top:40px;border-bottom:1px solid #ffffff66;font-size:12px;pointer-events:auto}.film-body{position:relative}.chapter-pages{padding:120px var(--gutter);background:#101f27}.folio{display:block;font-size:11px;color:var(--muted);margin-bottom:26px}.chapter-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:65px}.chapter-heading>p{max-width:320px;font-size:13px;color:var(--muted)}.chapter-heading small{font-size:11px;display:block;margin-top:20px}.story-spread{display:grid;grid-template-columns:1fr 1.05fr;gap:9vw;align-items:center;background:linear-gradient(180deg,#0b1b2410,#0b1b24de 15%,#0b1b24 80%);padding-block:160px}.story-page h2{margin-bottom:32px}.premise{font:30px/1.35 Caslon,Georgia,serif;margin-bottom:25px}.story-page>p:not(.premise){max-width:490px;color:#bdc9c7}.story-links{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px;font-size:11px;color:var(--muted)}.story-links p{margin:0}.story-links strong{font-weight:400;color:var(--paper)}.text-link{display:inline-block;border-bottom:1px solid #a4c1c25c;padding-bottom:5px;font-size:12px}.picture-page figure img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}.picture-page figcaption{font:15px/1.8 HindiBook,Georgia,serif;margin-top:17px;color:#b7c4c0}.trailer-ticket{display:flex;align-items:center;gap:25px;width:100%;padding:24px 0;background:none;border-bottom:1px solid var(--line);text-align:left}.trailer-ticket b{display:grid;place-items:center;border:1px solid #b8d0c950;border-radius:50%;width:46px;height:46px;font-size:12px}.trailer-ticket span{font:25px Caslon,serif}.trailer-ticket small{display:block;font:10px/1.5 Arial,sans-serif;margin-top:7px;color:var(--muted)}
.contact-chapter{background:#0b171e;padding-top:100px}.contact-sheet{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px 20px}.contact-sheet li{min-width:0;will-change:transform}.frame-print{display:block;width:100%;padding:0;background:none;text-align:left;cursor:zoom-in}.frame-print img{width:100%;aspect-ratio:2.39;object-fit:cover;transition:filter .3s}.frame-print:hover img{filter:brightness(1.12)}.frame-print>span{display:flex;gap:10px;font-size:10px;color:var(--muted);margin-top:12px}.frame-print b{font-weight:400;margin-left:auto}.sheet-end{text-align:right;font-size:10px;color:var(--muted);margin-top:45px}.people-chapter{background:#dce2dc;color:#17303a}.people-chapter .folio,.people-chapter .chapter-heading>p{color:#526c6d}.cast-line{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}.performer>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%}.performer>p{font-size:11px;margin:22px 0 5px;color:#536c6a}.performer h3{font-size:32px;line-height:1.2;margin-bottom:18px}.performer details{font-size:12px;border-top:1px solid #27434c33;padding-block:12px}.performer summary{display:flex;justify-content:space-between;cursor:pointer}.performer details p{margin-top:18px}.performer details a{margin-top:16px}.makers-page{margin-top:75px;padding-top:45px;border-top:1px solid #27434c33;display:grid;grid-template-columns:1.5fr 1fr;gap:8vw}.camera{display:grid;grid-template-columns:130px 1fr;gap:25px}.camera img{width:130px;aspect-ratio:1;object-fit:cover}.camera h3,.making-credit h3{font-size:28px;line-height:1.2;margin:5px 0 14px}.camera p,.making-credit p{font-size:12px}.camera .text-link{margin-top:10px}.journal-chapter{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;background:#132b35}.journal-label{align-self:start;position:sticky;top:70px}.journal-label>p{max-width:290px;color:#a9bdba;margin-top:28px}.journal-years{display:block;margin-top:30px;font-size:12px}.journal-pages ol{list-style:none;padding:0;margin:0}.journal-pages li{display:grid;grid-template-columns:42px 1fr;gap:10px 20px;padding:25px 0;border-bottom:1px solid var(--line)}.journal-pages li:first-child{padding-top:0}.journal-pages .year{font-size:11px;color:#9fb2b3}.journal-pages h3{font-size:25px;line-height:1.25}.journal-pages li p{font-size:12px;color:#a8bab9;margin-top:8px}.journal-pages li>a{grid-column:2;font-size:11px;color:#bed2cf;display:flex;justify-content:space-between}.review-slip{margin-top:60px;border-left:1px solid #7ca0a4;padding-left:26px}.review-slip>span{font-size:10px;letter-spacing:.12em}.review-slip h3{font-size:34px;margin:16px 0}.review-slip p{font-size:13px;color:#acbfbf}.review-slip a{margin-top:20px}.review-slip small{display:block;margin-top:12px;color:#91a9aa;font-size:10px}.letter-chapter{background:#e8e8dd;color:#223d44}.letter-chapter .folio,.letter-chapter .chapter-heading>p{color:#617572}.open-letter{max-width:970px;margin:65px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:65px;font:21px/1.65 Caslon,Georgia,serif}.salutation{font-style:italic;margin-bottom:25px}.signature{font-size:29px;margin-top:35px}.signature-role{font:10px Arial,sans-serif}.author-note{max-width:970px;margin:50px auto 0;border-top:1px solid #34545a33;padding-top:20px;font-size:12px}.author-note summary{display:flex;justify-content:space-between;cursor:pointer}.author-note p{margin-top:20px;max-width:650px}.poster-chapter{background:#0b171e}.poster-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.poster{padding:0;background:none;text-align:left;cursor:zoom-in}.poster img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#13222a}.poster span{display:flex;justify-content:space-between;font-size:10px;line-height:1.5;color:#a4b6b7;margin-top:14px;gap:15px}.poster b{font-weight:400}.press-chapter{background:#122b34;display:grid;grid-template-columns:1fr 1fr;gap:55px 8vw}.press-intro>p{max-width:380px;margin-top:25px;color:#abc1c0}.download-slips{display:flex;flex-direction:column}.download-slips>a{display:grid;grid-template-columns:1fr auto;gap:15px;padding:28px 0;border-bottom:1px solid var(--line)}.download-slips span{font:30px/1.2 Caslon,serif}.download-slips small{font-size:10px;grid-column:1;color:#a5bcbd}.download-slips b{grid-row:1/3;grid-column:2;font:30px Caslon,serif}.press-contact{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#aac3c2}.press-contact a{border-bottom:1px solid #a4c1c25c}footer{background:#08181e;padding:40px var(--gutter);display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#a4bab8}
dialog{background:#10242d;color:var(--paper);border:1px solid #93b5b544;padding:50px;max-width:900px;width:calc(100% - 40px);max-height:90svh}dialog::backdrop{background:#020b11e8;backdrop-filter:blur(10px)}dialog form{position:absolute;top:10px;right:15px}.close{background:none;color:inherit;font-size:30px;padding:0 10px}#contents h2{font-size:50px;margin:25px 0}#contents>p{font-size:11px;color:#a2b9ba}#contents nav{display:grid}#contents nav a{display:flex;align-items:center;gap:30px;padding:15px 0;border-bottom:1px solid var(--line);font:24px Caslon,serif}#contents nav span{font:10px Arial,sans-serif;color:#9bb2b4}#contents nav b{font:20px Caslon,serif;margin-left:auto}#viewer{width:95vw;max-width:1500px;padding:50px 25px 20px}#viewer-image{max-height:64svh;width:100%;object-fit:contain}#viewer figcaption{font-size:12px;margin:16px 0}#frame-observation{font-size:12px;max-width:650px;color:#a9bfc0}.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px}.viewer-controls button{background:none;padding:12px 0}.viewer-thumbs{display:flex;gap:7px;overflow:auto;margin:16px 0}.viewer-thumbs button{background:none;padding:2px;flex:0 0 64px;border:1px solid transparent}.viewer-thumbs button[aria-pressed=true]{border-color:#c7dad2}.viewer-thumbs img{width:64px;height:35px;object-fit:cover}.viewer-open{overflow:hidden}#trailer-viewer{max-width:1200px;padding:50px 20px 20px}#trailer-frame{width:100%;aspect-ratio:16/9;border:0}.trailer-fallback{display:inline-block;font-size:12px;margin-top:15px}html[lang=hi] body{font-family:HindiUI,Arial,sans-serif}html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3,html[lang=hi] .premise,html[lang=hi] .open-letter{font-family:HindiBook,Georgia,serif;line-height:1.5}html[lang=hi] h2{font-size:clamp(36px,4.5vw,65px)}html[lang=hi] .opening-type h1{font-size:clamp(140px,17vw,260px);line-height:1.2}
@media(max-width:700px){.masthead{padding-top:20px}.thea span{display:none}.masthead>div{gap:23px}.journey{height:650svh}.opening-type{left:7%;top:23%;max-width:70%}.cover-credit{font-size:10px;max-width:180px}.opening-type h1{font-size:150px}.cover-question{font-size:16px}.cover-colophon{font-size:9px;gap:20px}.cover-colophon span{font-size:10px}.cover-colophon p:last-child{max-width:130px}.sky-copy h2{font-size:60px}.chapter-pages{padding:75px var(--gutter)}.story-spread{grid-template-columns:1fr;gap:55px}.story-page{max-width:550px}.picture-page figure img{aspect-ratio:1.2}.chapter-heading{display:block;margin-bottom:40px}.chapter-heading>p{margin-top:25px}.contact-sheet{grid-template-columns:repeat(2,1fr);gap:28px 12px}.frame-print>span{font-size:9px;gap:6px}.frame-print img{aspect-ratio:1.8}.cast-line{gap:35px;grid-template-columns:1fr}.performer{display:grid;grid-template-columns:42% 1fr;gap:0 22px}.performer>img{grid-row:1/5}.performer>p{margin-top:0}.performer h3{font-size:26px}.performer details{grid-column:2}.makers-page{grid-template-columns:1fr;gap:35px}.camera{grid-template-columns:85px 1fr}.camera img{width:85px}.journal-chapter{grid-template-columns:1fr;gap:45px}.journal-label{position:static}.journal-pages h3{font-size:24px}.journal-pages li{gap:10px}.open-letter{grid-template-columns:1fr;gap:25px;margin-top:40px;font-size:21px}.poster-rail{grid-template-columns:repeat(2,1fr);gap:35px 16px}.press-chapter{grid-template-columns:1fr;gap:35px}.press-contact{flex-direction:column;align-items:start}.press-contact a{font-size:11px;overflow-wrap:anywhere}footer{flex-wrap:wrap}footer>*{flex:1 1 40%}dialog{padding:40px 22px 25px}#contents h2{font-size:38px}#contents nav a{font-size:21px}.viewer-controls{font-size:9px}.viewer-controls button{font-size:10px}html[lang=hi] .opening-type h1{font-size:140px}}

.no-cinema .journey{height:100svh}
/* Preserve the approved framing, including the taller intimate close-ups. */
.frame-print img{aspect-ratio:3/2;object-fit:contain;background:#091219}.picture-page figure img{aspect-ratio:auto;object-fit:contain}
@media(max-width:700px){.frame-print img{aspect-ratio:3/2}.picture-page figure img{aspect-ratio:auto}}

/* The layered fallback appears only if the 3D scene cannot run. */
.story-spread{background:#0b1b24}
.scene-story{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;padding:70px var(--gutter);opacity:0;visibility:hidden;color:#203b43;pointer-events:none}.scene-story-inner{width:min(610px,100%);transform:translateY(var(--story-shift,0px));padding:35px 42px;background:#f5f4efee;box-shadow:0 14px 65px #112c3015}.scene-story h2{font-size:clamp(35px,4vw,58px);margin-bottom:22px}.scene-story .premise{font-size:23px;line-height:1.4}.scene-story p:not(.premise){font-size:13px}.scene-story .folio{color:#657c7c;margin-bottom:20px}.scene-story .story-links{margin-top:25px;color:#546b6c;pointer-events:auto}.scene-story .story-links strong{color:#203b43}.scene-story.on-white .scene-story-inner{background:transparent;box-shadow:none}.story-spread{display:block;background:#f5f4ef;color:#203b43;padding-block:65px}.story-spread .picture-page{max-width:850px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.story-spread .trailer-ticket{color:#203b43;border-color:#203b4333}.story-spread .trailer-ticket small,.story-spread figcaption{color:#536e70}.contact-chapter{background:#f5f4ef;color:#203b43}.contact-chapter .folio,.contact-chapter .chapter-heading>p,.contact-chapter .frame-print>span,.contact-chapter .sheet-end{color:#5b7375}.contact-chapter .frame-print img{background:#e8e9e3}
@media(max-width:700px){.scene-story{padding:50px 20px}.scene-story-inner{padding:25px}.scene-story h2{font-size:36px}.scene-story .premise{font-size:21px}.scene-story .story-links{gap:15px;font-size:10px}.story-spread .picture-page{display:block}.scene-story p+p{margin-top:14px}}

.no-cinema .scene-story{position:relative;opacity:1;visibility:visible;background:#f5f4ef}.no-cinema .journey,.no-cinema .journey-sticky{height:auto}.no-cinema .journey-sticky{padding-top:100svh;overflow:visible}.no-cinema .opening-type{top:22svh}.no-cinema .cover-colophon{top:88svh;bottom:auto}
/* Story belongs to the daylight scene; the bright reveal starts only after it. */
.scene-story{justify-content:flex-start;background:linear-gradient(90deg,#0a1c29d9,transparent 85%);color:#f2f0e4}.scene-story-inner{width:min(560px,48%);padding:0;background:none;box-shadow:none}.scene-story .folio,.scene-story .story-links{color:#c2d2d0}.scene-story .story-links strong{color:#f2f0e4}.scene-story .text-link{border-color:#dce6df66}
@media(max-width:700px){.scene-story{align-items:flex-end;padding-bottom:55px;background:linear-gradient(0deg,#0a1c29f2,transparent)}.scene-story-inner{width:100%;padding:0}.scene-story h2{font-size:34px}.scene-story .premise{font-size:20px}.scene-story .story-links{margin-top:18px}}

.no-cinema .scene-story{background:#203942}.no-cinema .scene-story-inner{width:min(610px,100%)}
.cloud-chapter{height:650svh;position:relative;color:#263e45}.cloud-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.cloud-synopsis,.cloud-statement{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:60px max(var(--gutter),calc((100vw - 980px)/2));opacity:0;visibility:hidden}.cloud-synopsis{align-items:center;text-align:center}.cloud-synopsis .folio,.cloud-statement .folio{color:#617a7d}.cloud-synopsis h2{font-size:clamp(48px,6vw,90px);margin-bottom:35px}.cloud-synopsis>p{font:clamp(24px,3vw,39px)/1.5 Caslon,Georgia,serif;max-width:820px}.cloud-statement h2{font-size:clamp(38px,4vw,58px);margin-bottom:26px}.statement-copy{columns:2;column-gap:55px;font:19px/1.55 Caslon,Georgia,serif}.statement-copy p{break-inside:avoid;margin-bottom:16px}.statement-copy .salutation{margin-bottom:15px}.statement-copy .signature{font-size:26px;margin-top:20px}.cloud-statement .signature-role{font-size:10px}.poster-passage{height:280svh;position:relative;background:#ffe4ac;--poster-progress:0;overflow:clip}.poster-sticky{position:sticky;top:0;height:100svh;overflow:hidden;perspective:1000px;background:#ffe4ac;color:#e80016}.poster-word{position:absolute;inset:4% 4% 8%;font:900 clamp(250px,55vw,1000px)/.9 Impact,'Arial Narrow',sans-serif;letter-spacing:-.055em;display:flex;align-items:center;justify-content:center;transform:translateZ(calc(var(--poster-progress)*400px)) scaleX(.9);transform-origin:50% 50%}.poster-person{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%;transform:translate3d(calc(var(--poster-progress)*-65vw),0,calc(var(--poster-progress)*650px)) rotateY(calc(var(--poster-progress)*-12deg));transform-origin:35% 60%}.poster-line{position:absolute;right:8%;bottom:18%;max-width:240px;font:30px/1.7 HindiBook,serif;opacity:calc(1 - var(--poster-progress)*2)}.poster-caption{position:absolute;bottom:35px;right:var(--gutter);font-size:11px;opacity:calc(1 - var(--poster-progress)*2)}.poster-word{opacity:calc(1 - max(0,var(--poster-progress) - .55)*2.25)}
@media(max-width:700px){.cloud-chapter{height:850svh}.cloud-synopsis,.cloud-statement{padding:30px 28px}.cloud-synopsis>p{font-size:26px}.cloud-statement h2{font-size:32px;margin-bottom:20px}.statement-copy{columns:1;font-size:16px;line-height:1.5}.statement-copy p{margin-bottom:12px}.statement-copy p+p{margin-top:12px}.statement-copy .signature{font-size:23px;margin-top:10px}.cloud-statement .folio{margin-bottom:15px}.poster-word{font-size:95vw;inset:8% 2%;letter-spacing:-.07em}.poster-person{object-position:35% 50%;width:150%;max-width:none;left:-30%}.poster-line{font-size:22px;right:7%;max-width:130px}.poster-passage{height:220svh}}

.no-cinema .cloud-chapter{height:auto;background:#f5f4ef}.no-cinema .cloud-sticky{position:relative;height:auto;overflow:visible}.no-cinema .cloud-synopsis,.no-cinema .cloud-statement{position:relative;opacity:1;visibility:visible;padding:80px var(--gutter)}.no-cinema .poster-passage{height:100svh}
html[lang=hi] .cloud-synopsis>p,html[lang=hi] .statement-copy{font-family:HindiBook,serif}html[lang=hi] .statement-copy{font-size:17px;line-height:1.7}
@font-face{font-family:RuhPoster;src:url(assets/title.woff2);font-weight:700;font-display:swap}.poster-word{font-family:RuhPoster,'Arial Narrow',sans-serif;font-weight:700;font-size:clamp(230px,48vw,800px);transform:translateZ(calc(var(--poster-progress)*400px)) scaleX(.78);letter-spacing:-.025em}.poster-line{z-index:2;text-shadow:0 1px 14px #ffe4ac;bottom:12%}.cloud-statement .statement-copy{position:relative}.cloud-statement .statement-copy:before{content:'';position:absolute;inset:-16px -25px;background:#f5f4ef99;filter:blur(14px);z-index:-1}
@media(max-width:700px){.poster-word{font-size:110vw;transform:translateZ(calc(var(--poster-progress)*400px)) scaleX(.72)}html[lang=hi] .statement-copy{font-size:14px;line-height:1.6}.cloud-statement .statement-copy{max-height:76svh;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}}
.scene-dialogue{position:absolute;z-index:3;left:var(--gutter);bottom:10%;width:min(460px,42%);margin:0;color:#fff9e8;font:clamp(28px,3.5vw,50px)/1.25 Caslon,Georgia,serif;text-wrap:balance;text-shadow:0 2px 25px #071620,0 1px 4px #071620;opacity:0;visibility:hidden;pointer-events:none}html[lang=hi] .scene-dialogue{font-family:HindiBook,serif;line-height:1.65}@media(max-width:700px){.scene-dialogue{left:26px;bottom:8%;width:80%;font-size:30px}}
/* KOAN's horizontal film-strip rhythm, with Ruh's ivory paper and complete shot compositions. */
.contact-chapter{background:#e8ebe2;color:#1c3942;padding:85px 0 45px;overflow:hidden}.stills-sticky{position:relative}.contact-chapter .chapter-heading{padding:0 var(--gutter);margin-bottom:25px;align-items:center}.contact-chapter .chapter-heading h2{font-size:clamp(45px,7vw,95px)}.contact-chapter .chapter-heading .folio,.contact-chapter .chapter-heading>p{color:#5e7578}.contact-chapter .chapter-heading>p{font-size:12px;max-width:260px}.stills-rail{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#78938d #d9e0d5;padding:40px 0 25px;overscroll-behavior-x:contain}.contact-sheet{display:flex;align-items:center;gap:4vw;list-style:none;width:max-content;padding:0 var(--gutter);margin:0}.contact-sheet li{flex:none;width:clamp(290px,42vw,700px);margin:0;scroll-snap-align:center}.contact-sheet li:nth-child(3n+2){width:clamp(250px,32vw,490px);margin-top:70px}.contact-sheet li:nth-child(3n){width:clamp(320px,49vw,800px);margin-top:-25px}.frame-print{width:100%;background:none;padding:0;cursor:zoom-in;text-align:left}.frame-print img{width:100%;height:clamp(240px,32vw,430px);max-height:55svh;aspect-ratio:auto;object-fit:contain;background:#dbe1d7;box-shadow:0 12px 35px #183c401a;transition:transform .35s,box-shadow .35s}.frame-print>span{font-size:10px;line-height:1.6;color:#36565f;display:flex;gap:15px;margin-top:14px;padding-bottom:8px;border-bottom:1px solid #315a5c26}.frame-print>span b{margin-left:auto}.frame-print:hover img{transform:translateY(-5px);box-shadow:0 18px 40px #183c4026}.stills-navigation{padding:25px var(--gutter) 0;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#526e72;font-size:11px}.stills-navigation>div{display:flex;gap:12px}.stills-navigation button{background:transparent;border:1px solid #68857f66;border-radius:50%;width:44px;height:44px;font-size:20px;transition:background .2s}.stills-navigation button:hover{background:#cedbcf}.contact-chapter .sheet-end{padding:0 var(--gutter);color:#728784;font-size:9px;margin-top:15px}
@media(max-width:700px){.contact-chapter{padding-top:65px}.contact-chapter .chapter-heading{display:block}.contact-chapter .chapter-heading>p{margin-top:20px}.stills-rail{padding-top:15px}.contact-sheet{gap:25px}.contact-sheet li{width:82vw}.contact-sheet li:nth-child(3n+2){width:75vw;margin-top:35px}.contact-sheet li:nth-child(3n){width:88vw;margin-top:0}.frame-print img{height:43svh;max-height:430px}.stills-navigation{font-size:10px}.stills-navigation button{width:38px;height:38px}}

.frame-print img{height:auto;max-height:55svh;background:transparent;box-shadow:none}.frame-print:hover img{box-shadow:none}@media(max-width:700px){.frame-print img{height:auto;max-height:52svh}}
/* Match Sarvesh's portrait to the cast's actual column width and 4:5 crop. */
.makers-page{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw}.camera{display:block}.camera>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%}.camera>div{margin-top:24px}.camera h3{font-size:32px}.making-credit{grid-column:2/4;align-self:center;max-width:470px}.making-credit .text-link{display:table;margin-top:18px}
/* Frames have no mats, bars, boxes or decorative outlines. */
.frame-print,.frame-print img,.frame-print>span{background:transparent!important;border:0;outline:0;box-shadow:none}.frame-print img{width:auto;max-width:100%;height:auto;max-height:55svh;margin-inline:auto}.frame-print>span{padding-inline:0}.frame-print:hover img{box-shadow:none}
@media(max-width:700px){.makers-page{grid-template-columns:1fr;gap:35px}.camera{display:grid;grid-template-columns:42% 1fr;gap:22px}.camera>div{margin:0}.camera h3{font-size:26px}.camera>img{width:100%;aspect-ratio:4/5}.making-credit{grid-column:auto}.frame-print img{max-height:52svh}}
.journal-chapter{display:block;padding:0;background:#122d38}.festival-journey{height:320svh;--festival-progress:0;position:relative}.festival-stage{position:sticky;top:0;height:100svh;overflow:hidden;perspective:1600px;background:#243f45}.festival-stage>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.festival-room{transform:scale(calc(1.04 + var(--festival-progress)*.35));transform-origin:58% 50%;filter:brightness(.75)}.festival-dance{transform:translate3d(calc(var(--festival-progress)*-60vw),0,calc(var(--festival-progress)*900px)) rotateY(calc(var(--festival-progress)*-10deg));transform-origin:40% 55%;opacity:calc(1 - min(1,max(0,var(--festival-progress) - .3)*3.3))}.festival-tv{transform:translate3d(calc((1 - var(--festival-progress))*28vw),0,calc(-500px + var(--festival-progress)*600px));transform-origin:70% 60%;opacity:clamp(0,calc((var(--festival-progress) - .3)*2.5),1)}.festival-stage:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0a2334c9);pointer-events:none}.festival-title{position:absolute;z-index:2;left:var(--gutter);bottom:8%;color:#f4f0dd;text-shadow:0 2px 25px #0a2334}.festival-title>span{font-size:11px;letter-spacing:.1em}.festival-title h2{font-size:clamp(48px,6vw,90px);margin-top:18px}.festival-ledger{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;padding:110px var(--gutter)}
@media(max-width:700px){.festival-journey{height:250svh}.festival-dance{object-position:55% 50%}.festival-tv{object-position:65% 50%}.festival-title{bottom:10%}.festival-title h2{font-size:46px}.festival-ledger{display:block;padding:75px var(--gutter)}.festival-ledger .journal-label{margin-bottom:45px}}

.no-cinema .festival-journey{height:100svh}.no-cinema .festival-stage{position:relative}
.dance-left{clip-path:inset(0 50% 0 0)}.dance-right{clip-path:inset(0 0 0 50%);transform:translate3d(calc(var(--festival-progress)*60vw),0,calc(var(--festival-progress)*900px)) rotateY(calc(var(--festival-progress)*10deg))!important;transform-origin:65% 55%}
/* Navigation and reading remain visible as the artwork adapts to the viewport. */
.scroll-cue{position:fixed;right:22px;bottom:22px;z-index:8;display:flex;align-items:center;gap:14px;pointer-events:none;color:#f4f3e5;mix-blend-mode:difference;font-size:10px}.scroll-cue i{display:block;width:1px;height:34px;background:currentColor;transform-origin:top;animation:scrollPulse 2s ease-in-out infinite}.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:40;background:#88a5a2;transform-origin:left;transform:scaleX(0);pointer-events:none}@keyframes scrollPulse{0%,100%{transform:scaleY(.55);opacity:.5}50%{transform:scaleY(1);opacity:1}}
.stills-rail{scrollbar-width:none;scroll-snap-type:none;cursor:grab;user-select:none;touch-action:pan-x pan-y}.stills-rail::-webkit-scrollbar{display:none}.stills-rail.is-grabbing,.stills-rail.is-grabbing *{cursor:grabbing!important}.stills-navigation>div{flex-shrink:0}.frame-print img{-webkit-user-drag:none}.making-credit{grid-column:2;align-self:start;max-width:none;display:block}.making-credit>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%}.making-credit>div{margin-top:24px}.making-credit strong{font:32px/1.2 Caslon,serif;display:block;margin-top:10px}.making-credit>div>p{color:#526c6a;font-size:11px}.statement-window{min-height:0}.statement-copy{transform:translateY(0)}
@media(min-width:701px) and (max-height:760px){.cloud-statement{padding-top:25px;padding-bottom:25px}.statement-copy{font-size:17px;line-height:1.45}.cloud-statement h2{font-size:42px;margin-bottom:18px}.cloud-statement .folio{margin-bottom:15px}}
@media(max-width:700px){.opening-type{top:15%}.opening-type h1{font-size:135px}.open-book{margin-top:20px}.cover-credit{max-width:200px}.cover-colophon{bottom:25px}.scroll-cue{right:17px;bottom:14px;font-size:9px}.scroll-cue i{height:25px}.cloud-statement{padding:45px 27px}.cloud-statement .statement-window{height:65svh;overflow:hidden}.cloud-statement .statement-copy{max-height:none;overflow:visible;font-size:18px;line-height:1.6}.cloud-statement h2{font-size:32px}.cloud-statement .folio{margin-bottom:12px}.cloud-chapter{height:1050svh}.making-credit{grid-column:auto;display:grid;grid-template-columns:42% 1fr;gap:22px}.making-credit>div{margin:0}.making-credit>img{width:100%;aspect-ratio:4/5}.making-credit strong{font-size:26px}.making-credit .text-link{font-size:11px;margin-top:12px}.festival-stage>.festival-dance{width:250%;left:-35%;object-fit:contain;object-position:center bottom}.festival-stage>.dance-right{left:-115%}.festival-stage>.festival-tv{width:180%;left:-65%;object-fit:contain;object-position:center bottom}.festival-title{bottom:8%}.festival-title h2{font-size:40px}.stills-navigation{padding-inline:24px;gap:15px}.stills-navigation button{width:38px;height:38px}.stills-navigation>div{gap:7px}dialog{max-height:90svh}#viewer-image{max-height:57svh}.viewer-controls{flex-wrap:wrap}.viewer-controls a{font-size:11px}.poster-line{bottom:11%}.camera p,.making-credit p{overflow-wrap:anywhere}}
@media(max-width:370px){.opening-type h1{font-size:115px}.cloud-statement .statement-copy{font-size:16px}.performer h3,.camera h3,.making-credit strong{font-size:23px}.stills-navigation>p{max-width:120px}}

.no-cinema .cloud-statement .statement-window{height:auto;overflow:visible}.no-cinema .cloud-statement .statement-copy{transform:none!important}

/* The statement reads in normal flow; only the synopsis travels through clouds. */
.cloud-chapter{height:240svh}.cloud-statement{position:relative;inset:auto;min-height:100svh;opacity:1;visibility:visible;background:#f5f4ef;padding:100px max(var(--gutter),calc((100vw - 980px)/2))}.cloud-statement .statement-window{height:auto;overflow:visible}.cloud-statement .statement-copy{max-height:none;overflow:visible;transform:none;columns:1;max-width:760px;font-size:22px;line-height:1.65}.cloud-statement .statement-copy:before{display:none}.stills-rail{scroll-behavior:auto}
@media(max-width:700px){.cloud-chapter{height:220svh}.cloud-statement{padding:65px 28px;min-height:0}.cloud-statement .statement-copy,html[lang=hi] .cloud-statement .statement-copy{font-size:19px;line-height:1.7}}

.no-cinema .cloud-chapter{height:auto}

.cloud-statement{color:#203e43}.making-credit{display:block;align-self:center}.making-credit>div{margin:0}.making-credit strong{font-size:clamp(28px,3vw,42px)}

.cloud-statement{height:280svh;min-height:0;padding:0;display:block}.statement-stage{position:sticky;top:0;height:100svh;padding:45px max(var(--gutter),calc((100vw - 980px)/2));display:flex;flex-direction:column;justify-content:center}.cloud-statement .statement-window{height:65svh;overflow:hidden}.cloud-statement .statement-copy{will-change:transform}.cloud-statement .statement-copy p:last-of-type{margin-bottom:15px}
@media(max-width:700px){.cloud-statement{height:380svh;padding:0}.statement-stage{padding:35px 28px}.cloud-statement .statement-window{height:65svh}}

.no-cinema .cloud-statement{height:auto}.no-cinema .statement-stage{position:relative;height:auto}.no-cinema .cloud-statement .statement-window{height:auto;overflow:visible}

.cloud-chapter{margin-top:-100svh}

.no-cinema .cloud-chapter{margin-top:0}

@media(max-width:700px){.cloud-synopsis{background:radial-gradient(ellipse at center,#f5f4eff0 10%,#f5f4efc0 46%,#f5f4ef00 78%)}}

.cover-colophon{bottom:70px}

.hero-fallback{display:none;position:absolute;inset:0;overflow:hidden;background:#f5f4ef}.hero-fallback img{position:absolute;max-width:none;pointer-events:none}.fallback-window,.fallback-foliage{inset:0;width:100%;height:100%;object-fit:cover}.hero-fallback .fallback-character{top:50%;height:max(127svh,56vw);width:auto}.fallback-woman{left:49%;transform:translate(-82.5%,-41.5%)}.fallback-man{left:51%;transform:translate(-48.8%,-42.2%)}.no-cinema .hero-fallback{display:block;height:100svh}.cinema-ready .hero-fallback{display:none}

/* Keep the opening legible where the white window crosses its lettering. */
.opening-type,.cover-colophon,.masthead{text-shadow:0 1px 3px #0b1b24,0 3px 18px #0b1b24b3}

@media(max-width:700px) and (max-aspect-ratio:7/10){
 .opening-type{left:7%;right:7%;top:10%;max-width:none;text-align:center;color:#203e43;text-shadow:none}
 .masthead>div{color:#203e43;text-shadow:none}
 .opening-type .cover-credit{max-width:none;margin-bottom:12px}
 .opening-type h1{font-size:min(112px,13svh)}
 html[lang=hi] .opening-type h1{font-size:min(100px,12svh);line-height:1.1}
 .opening-type .cover-question{font-size:clamp(12px,1.9svh,16px);margin-top:0}
 .hero-fallback .fallback-character{height:78svh;top:67%}
}

.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;pointer-events:none}

#device-support-notice{position:fixed;z-index:1000;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;margin:0;padding:12px 18px;background:#f5f4ef;color:#203e43;border:1px solid #203e4333;font:14px/1.5 Arial,sans-serif;box-shadow:0 3px 20px #0002}

.music-toggle{position:fixed;left:20px;bottom:18px;z-index:30;border:1px solid #203e4355;border-radius:30px;padding:9px 14px;background:#f5f4ef;color:#203e43;font:11px/1.3 Arial,sans-serif;cursor:pointer}.music-toggle:focus-visible{outline:2px solid #3f79ff;outline-offset:3px}

.awaiting-entry{overflow:hidden}.awaiting-entry .opening-type,.awaiting-entry .cover-colophon,.awaiting-entry .scroll-cue{visibility:hidden!important}.music-entry{position:fixed;z-index:40;left:57%;top:45%;transform:translate(-50%,-50%);width:min(340px,75vw);text-align:center;color:#203e43}.music-entry p{font:11px Arial,sans-serif;letter-spacing:.12em}.music-entry h2{font:clamp(38px,5vw,65px)/1.1 Caslon,Georgia,serif;margin:22px 0 32px}.music-entry button{display:block;margin:12px auto;padding:12px 18px;color:inherit;background:#f5f4ef;border:1px solid #203e4355;font:13px Arial,sans-serif;cursor:pointer}.music-entry button:focus-visible{outline:2px solid #3f79ff;outline-offset:4px}.music-toggle[hidden]{display:none}@media(max-width:700px){.music-entry{left:54%;top:42%}}
/* Folded paper invitations and a layered arrow carry the scene's material into controls. */
.music-entry button{position:relative;isolation:isolate;min-width:240px;min-height:58px;margin:20px auto;padding:16px 26px;border:0;background:none;font:21px/1.2 Caslon,Georgia,serif;filter:drop-shadow(0 5px 3px #16333b25);transition:transform .25s,filter .25s}
.music-entry button::before,.music-entry button::after{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(3% 4%,94% 0,100% 18%,98% 92%,6% 100%,0 79%,1% 14%);background:repeating-linear-gradient(104deg,#ffffff05 0 1px,#00000004 1px 2px),#e8e8db;transform:translate(4px,5px) rotate(1deg)}
.music-entry button::after{background:repeating-linear-gradient(22deg,#ffffff08 0 1px,#00000005 1px 3px),#244a50;transform:rotate(-1deg)}
.music-entry button[data-music=yes]{color:#f5f4ef}.music-entry button[data-music=no]::after{background:repeating-linear-gradient(22deg,#ffffff08 0 1px,#00000005 1px 3px),#f5f4ef;transform:rotate(1deg)}
.music-entry button:hover{transform:translateY(-3px) rotate(-1deg);filter:drop-shadow(0 9px 5px #16333b30)}.music-entry button:active{transform:translateY(2px)}
.scroll-cue{left:50%;right:auto;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);flex-direction:column;gap:10px;mix-blend-mode:normal;color:#203e43;font:11px/1.2 Arial,sans-serif;letter-spacing:.05em;filter:drop-shadow(0 3px 3px #102d3340)}
.scroll-cue span{padding:8px 15px;background:#f5f4ef;clip-path:polygon(3% 0,96% 4%,100% 85%,92% 100%,2% 95%,0 18%);white-space:nowrap}
.scroll-cue i{position:relative;width:28px;height:26px;background:#f5f4ef;clip-path:polygon(32% 0,68% 0,68% 48%,100% 48%,50% 100%,0 48%,32% 48%);animation:paperScroll 2.2s ease-in-out infinite;box-shadow:none}
@keyframes paperScroll{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(7px) rotate(3deg)}}
@media(max-width:700px){.scroll-cue{bottom:max(16px,env(safe-area-inset-bottom));font-size:10px;gap:7px}.scroll-cue i{width:24px;height:23px}.music-entry button{min-width:220px;font-size:20px}}
.cover-colophon{bottom:90px;align-items:end;text-shadow:none;color:#203e43;gap:32px}.cover-colophon p{position:relative;padding:10px 14px;background:#f5f4eff2;box-shadow:3px 4px 0 #d5d9cd99;line-height:1.6;font-size:11px}.cover-colophon span{font-size:12px}.cover-colophon p:first-child{transform:rotate(-1deg)}.cover-colophon p:last-child{transform:rotate(1deg)}
@media(max-width:700px){.cover-colophon{bottom:110px;gap:20px}.cover-colophon p{padding:8px 10px;font-size:10px}.cover-colophon span{font-size:11px}.cover-colophon p:last-child{max-width:145px}}

.awaiting-entry .poster-passage,.awaiting-entry .festival-journey{visibility:hidden}.awaiting-entry #cinema-world{z-index:2}.awaiting-entry .music-entry{z-index:40}
.poster-person{mask-image:linear-gradient(to right,#000 0%,#000 88%,transparent 100%)}

/* Each chapter gets a full viewport; taller content remains free to grow. */
.chapter-pages,.paper-chapter,.posters-chapter,.press-chapter,footer{min-height:100svh;box-sizing:border-box}
.story-spread{min-height:100svh;display:grid;align-items:center}.story-spread .picture-page{max-width:1400px;width:100%;grid-template-columns:1.5fr 1fr;gap:6vw}.story-spread .picture-page figure img{width:100%;max-height:75svh;object-fit:contain}.trailer-ticket span{font-size:clamp(26px,3vw,44px)}
footer{display:flex;align-content:center;align-items:center;justify-content:space-around;gap:35px;padding:12svh var(--gutter);flex-wrap:wrap}
.contact-chapter{min-height:100svh;padding-block:55px 40px}.contact-chapter .chapter-heading{margin-bottom:20px}.contact-chapter .chapter-heading h2{font-size:clamp(40px,5vw,72px)}
.stills-rail{padding:12px 0;scrollbar-width:none}.contact-sheet{gap:28px;align-items:start}.contact-sheet li,.contact-sheet li:nth-child(3n+2),.contact-sheet li:nth-child(3n){width:auto;margin:0;flex:none}.frame-print{width:auto}.frame-print img{display:block;width:auto;max-width:none;height:clamp(170px,26svh,330px);max-height:none;object-fit:contain}.frame-print>span{margin-top:7px;font-size:10px;max-width:440px}.frame-print:hover img{transform:none}.stills-navigation{padding-top:15px}
@media(max-width:700px){.story-spread .picture-page{grid-template-columns:1fr;gap:30px}.story-spread .picture-page figure img{max-height:55svh}.frame-print img{height:25svh}.contact-sheet{gap:18px}.contact-chapter{padding-top:65px}.contact-chapter .chapter-heading>p{margin-top:12px}.frame-print>span{max-width:280px}footer{flex-direction:column;justify-content:center;align-items:center}}

.press-chapter{min-height:75svh;display:grid;align-content:center}footer{min-height:25svh;padding:5svh var(--gutter)}
@media(max-width:700px){.press-chapter{min-height:75svh}footer{min-height:25svh;gap:18px;padding-block:28px;flex-direction:row;flex-wrap:wrap}}
/* Compose the viewport around the media instead of adding empty section height. */
.story-spread{padding:8svh var(--gutter);background:#0b1b24}.story-spread .picture-page{display:block;position:relative;max-width:1600px;height:84svh}.story-spread .picture-page figure{height:100%;margin:0}.story-spread .picture-page figure img{height:100%;max-height:none;width:100%;object-fit:cover}.story-spread .trailer-ticket{position:absolute;left:0;right:0;bottom:0;width:100%;padding:35px 5%;background:linear-gradient(transparent,#071920e6);color:#f5f4ef;border:0}.story-spread .trailer-ticket b{width:64px;height:64px;border-color:#f5f4ef99}.story-spread .trailer-ticket small{color:#e5e9df}.story-spread .book-flower{display:none}
.press-chapter{min-height:78svh;padding:9svh var(--gutter) 4svh;grid-template-columns:1fr 1.15fr;align-content:center;align-items:center;gap:6svh 7vw}.press-intro h2{font-size:clamp(48px,6vw,90px);line-height:1.05;max-width:550px}.press-intro>p{max-width:350px;font-size:17px;line-height:1.6}.press-pocket{width:100%;align-self:center}.download-slips>a{min-height:180px;box-sizing:border-box}.press-contact{grid-column:1/-1;margin:0;padding-top:24px}.press-contact a{font-size:clamp(18px,2.3vw,30px)}
footer{min-height:22svh;background:#122b34;padding:4svh var(--gutter);border-top:1px solid #96b0ac40;align-content:center;justify-content:space-between;gap:24px}footer>*{flex:0 1 auto}
@media(max-width:700px){.story-spread{padding:0}.story-spread .picture-page{height:100svh}.story-spread .picture-page figure img{object-position:52% 50%}.story-spread .trailer-ticket{padding:40px 7% 100px;gap:16px}.story-spread .trailer-ticket span{font-size:32px}.press-chapter{min-height:auto;grid-template-columns:1fr;padding:70px var(--gutter) 30px;gap:35px}.press-intro h2{font-size:50px}.press-intro>p{font-size:15px}.download-slips>a{min-height:150px}.press-contact{grid-column:1;gap:12px}.press-contact a{font-size:16px;overflow-wrap:anywhere}footer{min-height:20svh;padding:30px var(--gutter) 85px;display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:11px}}
.story-spread{display:block}.story-spread .picture-page{width:100%;min-width:0;max-width:none;margin:0}.story-spread .picture-page figure{width:100%}.story-spread .picture-page figure img{display:block;aspect-ratio:auto}
.story-spread{padding:0;min-height:100svh}.story-spread .picture-page{height:100svh;width:100%;max-width:none}.story-spread .picture-page figure{height:100%;width:100%}.story-spread .picture-page figure img{width:100%;height:100%;object-fit:contain}
.contact-chapter{background:#0b1b24;color:#f5f4ef}.contact-chapter .chapter-heading .folio,.contact-chapter .chapter-heading>p,.contact-chapter .frame-print>span,.contact-chapter .sheet-end,.contact-chapter .stills-navigation{color:#b7cbc8}.contact-chapter .stills-navigation button{color:#f5f4ef;border-color:#a4c1bb66}.contact-chapter .stills-navigation button:hover{background:#24464d}

.poster-chapter {
  --poster-gap: clamp(20px, 3vw, 48px);
  padding: clamp(56px, 7vw, 108px) var(--gutter);
}
.poster-chapter :is(.chapter-heading, .poster-rail) {
  width: min(100%, 68rem);
  margin-inline: auto;
}
.poster-chapter .chapter-heading {
  margin-block: 0 clamp(28px, 4vw, 56px);
}
.poster-chapter .poster-rail {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(36px, 5vw, 76px) var(--poster-gap);
  align-items: start;
}
.poster-chapter .poster img {
  display: block;
  height: auto;
  aspect-ratio: auto;
  background: none;
}
.poster-chapter .poster span {
  margin-top: 12px;
  font-size: clamp(12px, 1vw, 14px);
}
.poster-chapter .poster:focus-visible {
  outline: 2px solid #b7cbc8;
  outline-offset: 6px;
}
@media (width > 700px) {
  .poster-chapter .poster:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: calc((100% - var(--poster-gap)) / 2);
    justify-self: center;
  }
}
@media (max-width: 700px) {
  .poster-chapter :is(.chapter-heading, .poster-rail) { width: min(100%, 29rem); }
  .poster-chapter .poster-rail { grid-template-columns: minmax(0, 1fr); }
}

/* One closing composition: screening invitation, press resources and colophon. */
.closing-chapter{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;padding:8svh var(--gutter) 0;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr auto auto;gap:4svh 8vw;background:#0b1b24;color:#f1f0e7;align-content:stretch;align-items:end}
.closing-still{position:absolute;z-index:-1;inset:0 0 0 38%;mask-image:linear-gradient(90deg,transparent,#000 35%);opacity:.68}
.closing-still img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.closing-chapter:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#0b1b24 2%,#0b1b24c9 20%,transparent 75%);pointer-events:none}
.closing-content{grid-column:1;grid-row:1/3;align-self:center;padding:3svh 0 5svh}
.closing-content .folio{color:#bbcbca;margin-bottom:30px}
.closing-content h2{font-size:clamp(58px,6.6vw,104px);line-height:.99;letter-spacing:-.035em;max-width:650px}
.closing-content>p{font:clamp(22px,2.2vw,31px)/1.3 Caslon,Georgia,serif;margin-top:30px;max-width:420px}
.closing-content .closing-description{font:13px/1.8 Arial,sans-serif;color:#becdcb;max-width:350px;margin-top:16px}
.screening-invite{display:inline-flex;align-items:center;gap:28px;background:#e9e9df;color:#18343d;font:20px/1.3 Caslon,serif;padding:19px 25px;margin-top:30px;clip-path:polygon(2% 0,97% 2%,100% 18%,99% 95%,4% 100%,0 83%,0 13%);transition:background .2s,transform .2s}
.screening-invite:hover{background:#fffdf4;transform:translateY(-3px)}.screening-invite:focus-visible{clip-path:none}
.closing-email{display:block;width:fit-content;font-size:11px;margin-top:16px;color:#cad8d5;overflow-wrap:anywhere}
.closing-resources{grid-column:2;grid-row:2;width:100%;max-width:420px;justify-self:end;padding-bottom:4svh}
.closing-resources>p{font-size:11px;color:#b3c8c7;margin-bottom:13px}
.closing-resources>a{display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #d9e8df40}.closing-resources>a span{font:25px/1.2 Caslon,serif}.closing-resources small{margin-left:auto;font-size:10px;color:#b9ceca}.closing-resources .ui-icon{width:18px;height:18px;flex-shrink:0}
.closing-chapter .closing-footer{grid-column:1/-1;grid-row:3;min-height:0;width:100%;padding:25px 0 75px;border-top:1px solid #d9e8df30;background:none;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;color:#bbcfcb}
.closing-footer>a:first-child{display:flex;align-items:center;gap:13px}.closing-footer img{width:35px}.closing-footer small{font-size:10px}
@media(max-width:700px){.closing-chapter{padding:70px var(--gutter) 0;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:25px;min-height:100svh}.closing-still{inset:0 0 30% 0;opacity:.38;mask-image:linear-gradient(#000,transparent)}.closing-still img{object-position:63% center}.closing-content{grid-column:1;grid-row:1;padding:20px 0}.closing-content h2{font-size:clamp(52px,11.5vw,76px)}.closing-content>p{font-size:25px}.closing-content .closing-description{font-size:13px;max-width:310px}.closing-resources{grid-column:1;grid-row:2;max-width:none;padding-bottom:10px}.closing-resources>a span{font-size:23px}.closing-chapter .closing-footer{grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;padding:25px 0 95px}.closing-footer>a:first-child{grid-column:1/-1}.closing-footer small{grid-column:1/-1}.screening-invite{font-size:20px}}

.makers-page .camera .text-link{display:table}

/* Sameera's paper portrait parts to reveal the people behind the film. */
.sameera-passage{height:210svh;position:relative;z-index:2;pointer-events:none}
.sameera-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.sameera-paper{position:absolute;inset:0;background:#b9c5af}
.sameera-heading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;margin:0;padding:0 max(16px,8vw);font:700 clamp(90px,24vw,340px)/.85 RuhPoster,Impact,sans-serif;text-transform:uppercase;color:#292d28}

.sameera-cutout{position:relative;z-index:3;display:block;width:min(100%,1050px);height:90svh;object-fit:contain;object-position:center bottom;align-self:end;transform-origin:center bottom}
.sameera-passage+.people-chapter{position:relative;margin-top:0;min-height:100svh}
@media(max-width:700px){.sameera-cutout{height:76svh;width:140%;max-width:none}}
.no-cinema .sameera-passage{height:100svh}.no-cinema .sameera-stage{position:relative}.no-cinema .sameera-passage+.people-chapter{margin-top:0}
@media(prefers-reduced-motion:reduce){.sameera-passage{height:90svh}.sameera-stage{position:relative;height:90svh}.sameera-passage+.people-chapter{margin-top:0}}

/* Keep the welcome readable while the illustrated world loads. */
html,body,#cinema-world{background:#e8e4db}
.music-entry{inset:0;transform:none;width:100%;height:100%;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e8e4db;color:#203e43}
.music-entry h2{margin:20px 0 30px}.music-entry button{flex-shrink:0}

.story-spread{min-height:0;padding:64px var(--gutter);background:#e8e4db;color:#203e43}
.story-spread .picture-page{height:auto;max-width:1280px;margin:auto}
.trailer-inline{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;background:#182528}
.story-spread .trailer-ticket{position:static;padding:24px 0;background:none;color:#203e43;gap:20px}
.story-spread .trailer-ticket small{color:#536e70}.story-spread .trailer-ticket b{border-color:#536e70}
@media(max-width:700px){
 .journey{height:300svh}.cloud-chapter{height:180svh}
 .cloud-statement{height:auto}.statement-stage{position:relative;height:auto;padding:55px 24px}.cloud-statement .statement-window{height:auto;overflow:visible}.cloud-statement .statement-copy{transform:none!important}
 .story-spread{padding:36px 0 20px}.story-spread .trailer-ticket{padding:20px 24px;gap:16px}.story-spread .trailer-ticket span{font-size:27px}.story-spread .trailer-ticket b{width:48px;height:48px;flex-shrink:0}
 .sameera-passage{height:170svh}.sameera-stage{position:sticky;height:100svh}.sameera-passage+.people-chapter{margin-top:0}
}

@media(max-width:700px){.scroll-cue{display:none}.music-entry button:focus-visible{outline-color:#203e43}}
/* The paper colour is only a loading placeholder; the ready window remains visible. */
.cinema-ready .music-entry,.no-cinema .music-entry{background:transparent}

/* Match KOAN’s small glass play control and let the artwork fill the frame. */
.story-spread{padding:0;background:#182528}
.story-spread .picture-page{max-width:none}
.story-spread .trailer-ticket{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;padding:16px;border:1px solid #ffffff8c;border-radius:50%;background:#0002;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}
.story-spread .trailer-ticket svg{width:24px;height:24px;fill:currentColor}
.story-spread .trailer-ticket[hidden]{display:none}
.story-spread .trailer-ticket:focus-visible{outline:2px solid #fff;outline-offset:5px}

.trailer-poster{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.trailer-inline[hidden],.trailer-poster[hidden],.trailer-tag[hidden]{display:none}

.trailer-tag{position:absolute;z-index:1;top:16px;left:16px;padding:7px 11px;border:1px solid #ffffff66;border-radius:3px;background:#10202855;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:12px/1.2 Arial,sans-serif;pointer-events:none}

/* Portraits have their own reading space instead of sharing a pinned viewport. */
.people-chapter{height:auto;padding:0;background:#b9c5af;color:#292d28}
.people-stage{position:relative;height:auto;min-height:0;display:block;padding:64px var(--gutter) 90px;overflow:visible;max-width:1480px;margin:auto}
.people-stage>.chapter-heading{margin:0 0 48px;align-items:center}
.people-stage>.chapter-heading h2{font:700 clamp(36px,5vw,72px)/1 RuhPoster,Impact,sans-serif;text-transform:uppercase}
.people-stage .cast-line,.people-stage .makers-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px;margin:0;padding:0;border:0;visibility:visible;transform:none;overflow:visible}
.people-stage .makers-page{margin-top:64px;padding-top:64px;border-top:1px solid #292d2840}
.people-stage .performer,.people-stage .camera{display:flex;flex-direction:column;gap:24px;margin:0;min-width:0}
.people-stage .performer>img,.people-stage .camera>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:contain;object-position:center;grid-row:auto;background:#a8b59f}
.people-stage .performer>div,.people-stage .camera>div{margin:0;min-width:0}
.people-stage .performer>div>p:first-child,.people-stage .camera>div>span{display:block;font-size:13px;line-height:1.4;min-height:0;margin:0 0 12px;color:inherit}
.people-stage .performer h3,.people-stage .camera h3{font:400 clamp(30px,3.5vw,44px)/1.1 Caslon,Georgia,serif;min-height:0;margin:0 0 18px}
.people-stage .performer p,.people-stage .camera p{font-size:15px;line-height:1.65;margin:0;max-width:38em}
.people-stage .text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;margin-top:14px}
@media(min-width:1280px){.people-stage .cast-line,.people-stage .makers-page{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.people-stage .cast-line,.people-stage .makers-page{grid-template-columns:minmax(0,1fr)}.people-stage .performer,.people-stage .camera{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}.people-stage>.chapter-heading{display:block}.people-stage>.chapter-heading>p{margin-top:16px}}
@media(max-width:600px){.people-stage{padding:40px 24px 70px}.people-stage .performer,.people-stage .camera{display:flex;gap:24px}.people-stage .cast-line,.people-stage .makers-page{gap:48px}.people-stage .makers-page{padding-top:48px;margin-top:48px}.people-stage .performer h3,.people-stage .camera h3{font-size:36px}}

@font-face{font-family:RuhScript;src:url(/koan/assets/fonts/pinyon-script.ttf);font-display:swap}
.trailer-heading{display:none}
@media(max-width:700px){.trailer-heading{display:block;margin:0;padding:32px 24px 26px;background:#e8e4db;color:#203e43;font:400 clamp(40px,11vw,54px)/1.15 Caslon,Georgia,serif;text-align:center}.trailer-heading em{font:400 clamp(54px,16vw,76px)/1 RuhScript,cursive;margin-left:8px}html[lang=hi] .trailer-heading em{font-family:HindiBook,serif;font-style:italic;font-size:1em}}