/* The film is the composition. Wine, warm light and parchment carry the hand-off. */
.continuous-film{height:800vh;height:800svh;position:relative;background:#ede4d6;color:#fff4e2;--story-exit:0;--story-focus:76}
.continuous-stage{position:sticky;top:var(--cine-header);height:calc(100vh - var(--cine-header));height:calc(100svh - var(--cine-header));min-height:470px;overflow:hidden;background:#ede4d6;isolation:isolate}
.continuous-picture{position:absolute;inset:0;overflow:hidden;background:#30221e;clip-path:inset(calc(var(--story-exit)*4%) calc(var(--story-exit)*21%) calc(var(--story-exit)*37%));will-change:clip-path}
.continuous-picture>img,.continuous-picture>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:calc(var(--story-focus)*1%) center;transform:translate3d(0,calc(var(--story-exit)*-16.5%),0) scale(calc(1 - var(--story-exit)*.41))}
.continuous-video{opacity:0}.continuous-video.ready{opacity:1}
.continuous-shade{position:absolute;inset:0;background:linear-gradient(90deg,#231712d6 0%,#2317129c 25%,#23171225 58%,transparent 78%),linear-gradient(0deg,#21151888,transparent 30%);opacity:calc(1 - var(--story-exit));pointer-events:none}
.continuous-captions{position:absolute;inset:0;pointer-events:none}
.continuous-caption{position:absolute;left:var(--pad);right:var(--pad);top:23%;visibility:hidden;opacity:0;pointer-events:none;max-width:46%;will-change:opacity,transform}
.continuous-caption:first-child{opacity:1;visibility:visible}.continuous-caption .caption-body{pointer-events:auto}
.continuous-caption[inert] .caption-body{pointer-events:none}
.continuous-caption .eyebrow{font-size:9px;letter-spacing:.18em;color:#eed4b0;margin-bottom:28px}
.continuous-caption h1,.continuous-caption h2{font-size:clamp(50px,5.45vw,92px);line-height:1.025;letter-spacing:-.04em;text-wrap:balance;font-weight:300}
.continuous-caption h1{max-width:630px}.continuous-caption p{font-size:12px;line-height:1.9;max-width:320px;margin-top:26px;color:#f3e7d6}
.continuous-caption .link{font-size:11px;min-height:44px;margin-top:17px;min-width:200px}
.caption-1{top:46%;max-width:45%}.caption-1 h2{font-size:clamp(47px,4.8vw,80px)}
.caption-2,.caption-3,.caption-4{top:28%;max-width:41%}.caption-2 h2,.caption-3 h2,.caption-4 h2{font-size:clamp(49px,5vw,83px)}
.caption-5{top:25%;max-width:44%}.caption-6{top:26%;max-width:43%}
.continuous-static-picture{display:none}
.continuous-rail{position:absolute;left:var(--pad);right:var(--pad);bottom:24px;display:flex;justify-content:space-between;gap:40px;align-items:center;opacity:calc(1 - var(--story-exit)*2);visibility:visible;pointer-events:auto}
.continuous-rail nav{display:flex;gap:18px;flex:1;max-width:850px}
.continuous-rail button{position:relative;border-top:1px solid #f4e3c440;color:#ebdbc3;text-align:left;display:flex;gap:9px;align-items:center;min-height:48px;flex:1;padding:13px 0 0}
.continuous-rail button>span{font-size:8px;opacity:.6}.continuous-rail button>b{font-size:9px;line-height:1.5;font-weight:400;opacity:.55;white-space:nowrap}.continuous-rail button[aria-current=step]>b{opacity:1}
.continuous-rail i{position:absolute;top:-1px;left:0;right:0;height:1px;background:#ebc692;transform:scaleX(var(--cue-progress,0));transform-origin:left}
.continuous-rail>a{font-size:10px;min-height:44px;display:flex;align-items:center;gap:24px}
.continuous-side{position:absolute;right:25px;top:40%;writing-mode:vertical-rl;font-size:7px;letter-spacing:.25em;color:#efdbc1;opacity:calc(.7 - var(--story-exit));pointer-events:none}
.continuous-ending{position:absolute;left:var(--pad);right:var(--pad);bottom:4%;text-align:center;color:#48222a;opacity:var(--story-exit);transform:translateY(calc((1 - var(--story-exit))*18px));pointer-events:none}
.continuous-ending:not([inert]){pointer-events:auto}.continuous-ending .eyebrow{font-size:8px;margin-bottom:12px}.continuous-ending h2{font-size:clamp(42px,4.4vw,70px);line-height:1}.continuous-ending h2 br{display:none}.continuous-ending .link{font-size:10px;margin-top:10px;padding-top:10px}
.world-chapters{padding:65px var(--pad) 60px;background:#ede4d6;color:#48222a}
.chapter-preface{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start;padding-bottom:60px;max-width:1300px;margin:auto}
.chapter-preface .eyebrow{font-size:9px;max-width:200px;line-height:1.9;color:#846549;margin:0}.chapter-preface p{font-size:14px;line-height:1.9;max-width:500px}
.world-chapter-links{max-width:1300px;margin:auto;border-top:1px solid #bca790}
.world-chapter-link{position:relative;display:grid;grid-template-columns:60px 1.6fr 1fr 35px;align-items:center;gap:28px;padding:29px 0;border-bottom:1px solid #bca79077;min-height:142px;isolation:isolate}
.world-chapter-number{font-size:9px;color:#896b4e;align-self:start;padding-top:7px}.world-chapter-title small{font-size:8px;letter-spacing:.17em;text-transform:uppercase;display:block;margin-bottom:10px;color:#896b4e}.world-chapter-title strong{font:300 clamp(33px,3.6vw,58px)/1.08 var(--serif);letter-spacing:-.04em;display:block;transition:transform .4s}
.world-chapter-note{font-size:11px;color:#715342;max-width:170px;justify-self:center;transition:opacity .25s}.world-chapter-arrow{font-size:28px;font-weight:300;transition:transform .3s}
.world-chapter-link figure{position:absolute;right:13%;width:225px;height:150px;top:50%;margin:0;transform:translateY(-45%) rotate(-3deg) scale(.94);opacity:0;pointer-events:none;z-index:2;overflow:hidden;transition:opacity .3s,transform .6s cubic-bezier(.2,.7,.2,1)}
.world-chapter-link figure img{height:100%;object-fit:cover}.world-chapter-link:first-child figure img{object-position:20%}.world-chapter-link:hover .world-chapter-title strong,.world-chapter-link:focus-visible .world-chapter-title strong{transform:translateX(9px)}
@media(hover:hover) and (min-width:1001px){.world-chapter-link:hover figure,.world-chapter-link:focus-visible figure{opacity:1;transform:translateY(-50%) rotate(-3deg) scale(1)}.world-chapter-link:hover .world-chapter-note,.world-chapter-link:focus-visible .world-chapter-note{opacity:0}}
.world-chapter-link:hover .world-chapter-arrow{transform:translate(4px,-4px)}
.world-chapter-foot{max-width:1300px;margin:55px auto 0;display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:center}
.world-chapter-foot>span{font-family:var(--hindi,serif);font-size:34px;color:#713b43}.world-chapter-foot p{font-size:11px;line-height:1.8;color:#715342}.world-chapter-foot .link{font-size:11px}
@media(min-width:761px) and (max-width:1100px){.continuous-caption{max-width:49%;top:30%}.continuous-caption h1,.continuous-caption h2{font-size:58px}.continuous-caption p{font-size:12px;max-width:290px}.continuous-rail nav{gap:15px}.continuous-rail button b{display:none}.continuous-rail button[aria-current=step] b{display:block}.continuous-rail{gap:30px}.continuous-rail nav{max-width:530px}.world-chapter-link{grid-template-columns:35px 1.6fr .9fr 25px;gap:20px}.world-chapter-title strong{font-size:37px}.world-chapter-note{font-size:10px}.world-chapter-foot{gap:25px}.world-chapter-foot>span{font-size:28px}.world-chapter-foot .link{font-size:10px}}
@media(max-width:760px){
 .continuous-film{height:700vh;height:700svh}.continuous-stage{min-height:0}
 .continuous-picture{clip-path:inset(calc(var(--story-exit)*2%) calc(var(--story-exit)*9%) calc(var(--story-exit)*40%))}
 .continuous-picture>img,.continuous-picture>video{height:70%;object-position:calc(var(--story-focus)*1%) center;transform:translate3d(0,calc(var(--story-exit)*-5%),0) scale(calc(1 - var(--story-exit)*.18))}
 .continuous-shade{background:linear-gradient(0deg,#30221e 26%,#30221ee6 35%,#30221e60 52%,transparent 78%)}
 .continuous-caption,.caption-1,.caption-2,.caption-3,.caption-4,.caption-5,.caption-6{left:24px;right:24px;top:auto;bottom:110px;max-width:none}
 .continuous-caption h1,.continuous-caption h2,.caption-1 h2,.caption-2 h2,.caption-3 h2,.caption-4 h2{font-size:clamp(38px,10.1vw,59px);line-height:1.04;max-width:510px}
 .continuous-caption .eyebrow{font-size:7px;letter-spacing:.13em;margin-bottom:17px;max-width:295px}
 .continuous-caption p{font-size:11px;line-height:1.8;max-width:340px;margin-top:17px}
 .continuous-caption .link{font-size:10px;min-height:44px;margin-top:12px;min-width:195px}
 .continuous-rail{left:24px;right:24px;bottom:13px;display:block}.continuous-rail nav{max-width:none;gap:4px}.continuous-rail button{padding:8px 0 0;min-height:44px;min-width:36px;justify-content:center}.continuous-rail button b{display:none!important}.continuous-rail>a{justify-content:space-between;font-size:9px;min-height:36px;margin-top:0}
 .continuous-side{display:none}.continuous-ending{bottom:9%;left:24px;right:24px}.continuous-ending h2{font-size:43px;line-height:1.02}.continuous-ending h2 br{display:block}.continuous-ending .eyebrow{font-size:7px;margin-bottom:17px}.continuous-ending .link{font-size:10px;margin-top:13px}
 .world-chapters{padding:35px 24px 45px}.chapter-preface{display:block;padding-bottom:36px}.chapter-preface .eyebrow{max-width:none;font-size:8px;margin-bottom:17px}.chapter-preface p{font-size:12px;line-height:1.9;max-width:420px}
 .world-chapter-link{grid-template-columns:23px 1fr 24px;gap:14px;padding:25px 0;min-height:140px}.world-chapter-number{font-size:8px;padding-top:2px}.world-chapter-title strong{font-size:33px;line-height:1.1}.world-chapter-title small{font-size:7px;margin-bottom:10px}.world-chapter-note{grid-column:2;grid-row:2;max-width:none;justify-self:start;font-size:10px;margin-top:-3px}.world-chapter-arrow{grid-column:3;grid-row:1;font-size:24px}.world-chapter-link figure{display:none}
 .world-chapter-foot{grid-template-columns:1fr;gap:18px;margin-top:35px}.world-chapter-foot>span{font-size:32px}.world-chapter-foot p{font-size:10px}.world-chapter-foot .link{font-size:10px;justify-self:start}
}
@media(max-width:760px) and (max-height:720px){.continuous-caption h1,.continuous-caption h2,.caption-1 h2,.caption-2 h2,.caption-3 h2,.caption-4 h2{font-size:35px}.continuous-caption p{font-size:10px;line-height:1.7}.continuous-caption{bottom:104px}.continuous-caption .eyebrow{margin-bottom:12px}.continuous-caption .link{margin-top:6px}.continuous-ending h2{font-size:35px}}
@media(min-width:761px) and (max-width:1000px) and (orientation:portrait){
 .continuous-picture{clip-path:inset(calc(var(--story-exit)*2%) calc(var(--story-exit)*9%) calc(var(--story-exit)*40%))}
 .continuous-picture>img,.continuous-picture>video{height:70%;transform:translate3d(0,calc(var(--story-exit)*-5%),0) scale(calc(1 - var(--story-exit)*.18))}
 .continuous-shade{background:linear-gradient(0deg,#30221e 24%,#30221eeb 32%,#30221e55 53%,transparent 79%)}
 .continuous-caption,.caption-1,.caption-2,.caption-3,.caption-4,.caption-5,.caption-6{top:auto;bottom:110px;max-width:82%}
 .continuous-caption h1,.continuous-caption h2,.caption-1 h2,.caption-2 h2,.caption-3 h2,.caption-4 h2{font-size:54px;max-width:650px}
 .continuous-caption p{max-width:430px}.continuous-caption .eyebrow{margin-bottom:22px}.continuous-side{display:none}
 .continuous-ending{bottom:7%}.continuous-ending h2{font-size:55px}.continuous-ending h2 br{display:block}
}
/* The same story becomes a readable document with motion disabled. */
:is(.no-motion,.continuous-static) .continuous-film{height:auto}
:is(.no-motion,.continuous-static) .continuous-stage{position:relative;top:auto;height:auto;min-height:0;overflow:visible;background:#30221e}
:is(.no-motion,.continuous-static) .continuous-picture,:is(.no-motion,.continuous-static) .continuous-rail,:is(.no-motion,.continuous-static) .continuous-side{display:none}
:is(.no-motion,.continuous-static) .continuous-captions{position:relative}
:is(.no-motion,.continuous-static) .continuous-caption{position:relative;inset:auto;max-width:none;min-height:650px;height:calc(100vh - var(--cine-header));height:calc(100svh - var(--cine-header));visibility:visible!important;opacity:1!important;transform:none!important;isolation:isolate;padding:90px var(--pad);display:flex;align-items:center}
:is(.no-motion,.continuous-static) .continuous-caption .caption-body{max-width:530px}
:is(.no-motion,.continuous-static) .continuous-static-picture{display:block;position:absolute;inset:0;margin:0;z-index:-2}
:is(.no-motion,.continuous-static) .continuous-static-picture img{height:100%;object-fit:cover;object-position:70%}
:is(.no-motion,.continuous-static) .continuous-caption:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#30221eee,transparent 90%)}
:is(.no-motion,.continuous-static) .continuous-ending{position:relative;inset:auto;padding:50px 24px;opacity:1;transform:none;background:#ede4d6}
:is(.no-motion,.continuous-static) .world-chapter-link *{transition:none}
@media(max-width:760px){:is(.no-motion,.continuous-static) .continuous-caption{padding:300px 24px 55px;height:auto;min-height:720px;align-items:end}:is(.no-motion,.continuous-static) .continuous-static-picture{height:65%}:is(.no-motion,.continuous-static) .continuous-caption:after{background:linear-gradient(0deg,#30221e 30%,#30221e55 65%,transparent)}:is(.no-motion,.continuous-static) .continuous-caption .caption-body{position:relative;max-width:450px}}
@media(min-width:761px) and (max-width:1000px) and (orientation:portrait){:is(.no-motion,.continuous-static) .continuous-caption{padding:390px var(--pad) 55px;height:auto;min-height:830px;align-items:end}:is(.no-motion,.continuous-static) .continuous-static-picture{height:70%}:is(.no-motion,.continuous-static) .continuous-caption:after{background:linear-gradient(0deg,#30221e 25%,#30221e55 65%,transparent)}}