@font-face{font-family:MuseumGujarati;src:url(./assets/fonts/NotoSerifGujarati.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--ink:#26392c;--paper:#f5efdf;--line:#c4b99c;--forest:#293d31;--type:Baskerville,"Iowan Old Style",Georgia,MuseumGujarati,serif;--label:"Gill Sans","Trebuchet MS",Arial,MuseumGujarati,sans-serif;color:var(--ink);font-family:var(--type);background:var(--paper)}
*{box-sizing:border-box}body,h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{font-weight:400}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #bb843f;outline-offset:-3px}button:disabled{opacity:.3;cursor:default}
main{height:100svh;min-height:540px;display:flex;flex-direction:column}.journey{flex:none;padding:0 clamp(12px,2vw,38px);background:linear-gradient(114deg,#263c31,#374b39);color:#f5eede;border-bottom:4px solid #ae9466}.yearLine{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 clamp(9px,1.3vw,25px);border-bottom:1px solid #c9b88755}.yearLine h1{font-size:clamp(22px,1.8vw,39px);letter-spacing:-.035em;font-style:italic}.yearMarks{display:flex;align-items:stretch}.yearMarks button{min-width:clamp(54px,5.5vw,112px);min-height:48px;color:#d1d7c8;font:clamp(16px,1.24vw,26px) var(--label);font-variant-numeric:tabular-nums}.yearMarks [aria-pressed=true]{color:#fff2cc;box-shadow:inset 0 -2px #d4af77}
.journeyTrack{display:flex;align-items:center}.step{font:42px/1 Georgia,serif;flex:0 0 44px;height:74px;color:#e3cda7}.visitRail{position:relative;display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;user-select:none}.visitRail::-webkit-scrollbar{display:none}.visitGroup{display:flex;flex:none}.visitGroup+.visitGroup{border-left:1px solid #d5cbac50}.station{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:11px clamp(16px,1.7vw,37px) 16px;min-width:clamp(132px,11vw,225px);text-align:left;white-space:nowrap;gap:7px}.station:before{content:'';position:absolute;left:0;right:0;height:1px;background:#acb49c;top:45px}.station small{font:clamp(13px,1vw,19px)/20px var(--label);color:#cad1bc}.station i{z-index:1;width:9px;height:9px;border-radius:50%;border:1px solid #c8c5a7;background:#334835}.station span{font-size:clamp(21px,1.72vw,37px);line-height:1.24}.station[aria-pressed=true]{background:#ffffff09;color:#ffe3ad}.station[aria-pressed=true] i{background:#e3bd7f;border-color:#e3bd7f;box-shadow:0 0 0 3px #334835,0 0 0 4px #d8ba88}
.spread{min-height:0;flex:1;display:grid;grid-template-columns:1.15fr 1fr}.mapWrap{min-width:0;position:relative;display:flex}.atlas{flex:1;position:relative;overflow:hidden;background:#d6d8bf}.sheet{position:absolute;inset:0;display:grid;align-items:center;background:linear-gradient(145deg,#dbdac1,#d1d3bd 64%,#dddfc6)}.cartography{position:relative;width:100%;aspect-ratio:800/530}.chart{display:block;width:100%;height:100%}.chart image{mask-image:linear-gradient(transparent,#000 9%,#000 93%,transparent)}.grid{fill:none;stroke:#5e6658;opacity:.17;stroke-width:.8;stroke-dasharray:3 5}.region,.sea{font:italic 21px var(--type);fill:#67715d;text-anchor:middle;letter-spacing:.045em}.sea{fill:#5d766f}.compass{font:15px var(--label);color:#506151;fill:currentColor;text-anchor:middle}.lead{fill:none;stroke:#72775f;stroke-width:1.3}.pin circle{fill:#53644f;stroke:#e7e4cd}.selectedPin .lead{stroke:#885630;stroke-width:2}.selectedPin circle{fill:#925a2b;stroke:#faf0cf;stroke-width:2}.mapLabel{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;background:#f5efdcf2;border-bottom:1px solid #8d8f73;min-height:44px;padding:5px 12px;font-size:clamp(16px,1.4vw,29px)}.mapLabel.selected{background:#354e3b;color:#fff2cf;border-color:#354e3b}.mapHeading{position:absolute;top:5%;left:5%;pointer-events:none}.mapHeading h2{font-size:clamp(30px,3vw,58px);letter-spacing:-.045em;line-height:1.03}.mapHeading p{font:clamp(13px,1.06vw,20px) var(--label);margin-top:6px}.mapFoot{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 5%;color:#495640;font:clamp(13px,1vw,20px) var(--label)}.scale{width:10%;border-bottom:2px solid #737961;text-align:center;font-size:.85em}.languages{position:absolute;right:3%;top:4%;display:flex;background:#f4efdddf;border:1px solid #a3a68e;z-index:1}.languages button{font:clamp(14px,1.02vw,20px) var(--label);min-height:44px;padding:4px 11px}.languages button[aria-pressed=true]{box-shadow:inset 0 -2px #5c684e}
.reading{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--paper);border-left:1px solid #a2a388}.plate{position:relative;flex:none;height:clamp(155px,32vh,410px);background-size:cover;background-position:center 54%;isolation:isolate}.plate:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#182b20ed,#17271b35 78%),linear-gradient(90deg,#29382c55,transparent)}.plateTitle{position:absolute;bottom:9%;left:6%;right:4%;color:#fff6db}.visitYear,.plateTitle p{font:clamp(15px,1.15vw,23px) var(--label)}.plateTitle h2{font-size:clamp(41px,4.6vw,96px);line-height:1.1;letter-spacing:-.045em}.plateTitle p{color:#f0dfbf;margin-top:3px}.tabs{flex:none;display:flex;gap:6%;border-bottom:1px solid var(--line);padding:0 6%}.tabs button{font:clamp(16px,1.22vw,25px) var(--label);min-height:52px;padding:5px 0}.tabs button[aria-pressed=true]{box-shadow:inset 0 -3px #5d6a4e}.entry{overflow:auto;overscroll-behavior:contain;flex:1;padding:clamp(15px,2.7vh,31px) 6%;scrollbar-width:thin}.entry h3{font-size:clamp(24px,2.15vw,45px);line-height:1.16;letter-spacing:-.025em}.entry p{font-size:clamp(18px,1.5vw,32px);line-height:1.43;margin-top:.45em}.storyIndex{margin-top:1.3em;display:grid;grid-template-columns:1fr 1fr;column-gap:5%}.storyIndex button{min-height:46px;text-align:left;border-top:1px solid var(--line);font-size:clamp(16px,1.22vw,24px);padding:9px 0}.storyIndex [aria-pressed=true]{color:#714925;font-style:italic}.entry dl>div{display:grid;grid-template-columns:32% 1fr;gap:4%;border-bottom:1px solid #d7ceb8;padding:.65em 0}.entry dl>div:first-child{padding-top:0}.entry dt{font:clamp(15px,1.05vw,23px) var(--label);color:#586454}.entry dd{font-size:clamp(18px,1.42vw,29px);line-height:1.35}.route{display:flex;align-items:center;gap:20px;margin:16px 0;font:clamp(16px,1.15vw,24px) var(--label)}.route img{width:clamp(96px,7vw,145px);image-rendering:pixelated}.route a{display:block;color:var(--forest);margin-top:.4em;padding:6px 0}
html[lang=gu]{--type:MuseumGujarati,Georgia,serif;--label:MuseumGujarati,sans-serif}html[lang=gu] :is(h1,h2,h3,.station span){letter-spacing:0;line-height:1.4}html[lang=gu] .entry p{line-height:1.55}.yearLine h1:lang(gu),.storyIndex button:lang(gu){font-style:normal}
@media(max-width:760px){main{height:auto;min-height:100svh}.journey{padding:0 3px}.yearLine{gap:5px;margin:0 7px}.yearLine h1{font-size:18px}.yearMarks button{min-width:0;padding:0 6px;font-size:14px}.station{padding:9px 14px 10px;min-width:112px}.station:before{top:40px}.station small{font-size:12px}.station span{font-size:19px}.step{flex-basis:36px}.spread{display:flex;flex-direction:column}.mapWrap{aspect-ratio:1.46;min-height:235px}.mapHeading{top:5px;left:12px}.mapHeading h2{font-size:24px}.mapHeading p{font-size:12px;margin:0}.languages{top:5px;right:7px}.languages button{padding:3px 7px;font-size:13px}.mapLabel{min-height:27px;font-size:13px;padding:4px 7px}.mapFoot{padding:3px 12px;font-size:11px}.cartography{max-width:560px;margin:auto}.reading{border:0}.plate{height:145px}.plateTitle h2{font-size:39px}.tabs button{min-height:44px}.entry{padding:15px 5% 24px;overflow:visible}.storyIndex{margin-top:16px}.mapLabel:after{content:'';position:absolute;inset:-5px -2px}}
@media(min-width:761px) and (max-height:720px){.plate{height:24vh}.entry{padding-top:14px}.station{padding-bottom:8px}.storyIndex{margin-top:10px}}
@media(prefers-reduced-motion:no-preference){.station i,.mapLabel{transition:background .18s}}
.visitGroup{position:relative;display:block;padding-top:7px}.stations{display:flex}.groupYear{position:sticky;left:12px;display:block;width:max-content;margin-left:clamp(16px,1.7vw,37px);color:#d6cfb6;font:clamp(13px,1vw,19px)/1.25 var(--label)}.station{gap:7px;padding-top:6px;padding-bottom:13px}.station:before{top:10px}.station em{font-size:.72em}.visitRail{cursor:grab}.visitRail:active{cursor:grabbing}.storyIndex button{display:flex;align-items:center;justify-content:space-between;gap:8px}.storyIndex span{color:#826c4c}.accountScope{margin-top:6px;font:clamp(14px,1vw,20px) var(--label);color:#665a43}

/* The map opens into a two-page spread. The picture and reading remain in view together. */
[hidden]{display:none!important}.overviewPlate{text-align:left;width:100%}.enterPlace{position:absolute;right:5%;bottom:10%;font:clamp(16px,1.25vw,26px) var(--label);color:#fff5d9;border-bottom:1px solid #ecddac;padding:8px 0}.atlasOpen .overviewPlate{height:clamp(170px,32vh,420px);background-position:60% 46%}
.folioOpen .spread{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr)}.storyPlate{position:relative;min-width:0;min-height:0;isolation:isolate;overflow:hidden;margin:0;background:#574e38;touch-action:pan-y;user-select:none}.sceneImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center;z-index:-2}.sceneImage.art-nadiad-lantern{object-position:88% center}.storyPlate::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#1e271cee 0%,#282b1c65 21%,transparent 42%)}.storyPlate .plateTitle{bottom:7%;left:6%;right:6%;pointer-events:none}.storyPlate .plateTitle h2{font-size:clamp(48px,5.8vw,122px);line-height:1.08;font-weight:400;letter-spacing:-.05em}.storyPlate figcaption{color:#e2d9be;position:absolute;right:4%;bottom:2%;font:clamp(12px,.85vw,18px) var(--label)}.mapReturn{position:absolute;top:4%;left:4%;min-height:46px;padding:8px 16px;background:#f8f0dcf4;box-shadow:0 1px 5px #241e1840;font:clamp(16px,1.1vw,24px) var(--label);color:#304434}.storyPlate .languages{right:4%}
.folioOpen .reading{background:linear-gradient(100deg,#e8dfc9 0,#f5efdf 3.2%,#f8f2e6 82%,#f3ebda);border-left:1px solid #958b71}.folioOpen .tabs{margin:0 7%;padding:0;gap:7%}.folioOpen .tabs button{min-height:clamp(57px,8vh,88px)}.folioOpen .entry{padding:clamp(24px,5.8vh,80px) 7% clamp(16px,3vh,40px)}.folioOpen .passage h3,.directionsSheet h3{font-size:clamp(34px,3.55vw,78px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}.folioOpen .passage p{font-size:clamp(22px,1.92vw,41px);line-height:1.46;margin-top:.64em}.imprint{display:block;color:#666656;font:clamp(14px,1.02vw,21px) var(--label);margin-top:1.25em}.chapterStrip{display:flex;gap:clamp(10px,1.1vw,24px);overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;flex:none;align-items:stretch;margin:0 6%;padding:12px 0 clamp(12px,2.6vh,34px);border-top:1px solid var(--line)}.chapterStrip button{min-width:0;flex:0 0 clamp(102px,9vw,200px);display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:4px 2px 7px;text-align:left;font-size:clamp(16px,1.17vw,25px);line-height:1.19;border-bottom:2px solid transparent}.chapterStrip img{width:100%;height:clamp(45px,8vh,110px);object-fit:cover;border:1px solid #958e7355}.chapterStrip button[aria-pressed=true]{border-color:#815f39;color:#694826}.chapterStrip button[aria-pressed=true] img{outline:1px solid #8b6c49;outline-offset:1px}.folioOpen .chapterStrip{margin:0 7%}.durationBlock{margin-bottom:1em}.durationBlock span,.routeStops small{color:#625c4a;display:block;font:clamp(15px,1.12vw,24px) var(--label)}.durationBlock strong{display:block;font:400 clamp(41px,3.95vw,82px)/1.2 var(--type);color:#435842;margin-top:.1em}.factSheet dl{border-top:1px solid var(--line)}.factSheet .imprint{margin-bottom:.7em}.entry .factSheet dl>div{padding:.7em 0}.routeStops{position:relative;margin:0 0 1.4em;padding-left:30px}.routeStops:before{content:'';position:absolute;top:12px;bottom:20px;left:5px;border-left:1px solid #a58551}.routeStops>div{position:relative}.routeStops>div:before{content:'';position:absolute;top:6px;left:-30px;width:10px;height:10px;border-radius:50%;background:var(--paper);border:1px solid #8f6c3f}.routeStops>div:last-child:before{background:#826037}.routeStops strong{display:block;font-weight:400;font-size:clamp(21px,1.65vw,34px);margin:.2em 0 .9em}.routeStops h3{font-size:clamp(29px,2.65vw,57px);margin:.2em 0}.directionsSheet .route{border-top:1px solid var(--line);padding-top:18px}.directionsSheet .route img{border:7px solid #fff;width:clamp(110px,8vw,166px)}
@media(min-width:761px) and (max-height:740px){.folioOpen .entry{padding-top:20px}.folioOpen .passage h3{font-size:clamp(32px,3vw,52px)}.folioOpen .passage p{font-size:clamp(20px,1.72vw,30px)}.chapterStrip{padding-bottom:10px}.chapterStrip img{height:45px}.atlasOpen .overviewPlate{height:24vh}}
@media(max-width:760px){.folioOpen .spread{display:flex}.storyPlate{min-height:245px;height:34svh;max-height:370px}.sceneImage.art-nadiad-lantern{object-position:center 35%}.mapReturn,.storyPlate .languages{top:8px}.mapReturn{left:9px;min-height:42px;padding:5px 9px;font-size:14px}.storyPlate .languages{right:9px}.storyPlate .plateTitle{left:5%;bottom:8%}.storyPlate .plateTitle h2{font-size:42px}.storyPlate figcaption{font-size:10px}.folioOpen .tabs{margin:0 5%}.folioOpen .tabs button{min-height:46px}.folioOpen .entry{padding:22px 5%}.folioOpen .passage h3{font-size:33px}.folioOpen .passage p{font-size:20px}.chapterStrip,.folioOpen .chapterStrip{margin:0 5%;padding:12px 0 20px}.chapterStrip button{flex-basis:105px}.chapterStrip img{height:57px}.atlasOpen .overviewPlate{height:155px}.imprint{font-size:13px}.durationBlock strong{font-size:40px}.directionsSheet h3{font-size:29px}}
html[lang=gu] .passage h3,html[lang=gu] .plateTitle h2,html[lang=gu] .directionsSheet h3{line-height:1.35;letter-spacing:0}html[lang=gu] .chapterStrip button{line-height:1.4}html[lang=gu] .durationBlock strong{line-height:1.4}
@media(prefers-reduced-motion:no-preference){.sceneImage,.passage{animation:folioReveal .36s ease-out both}@keyframes folioReveal{from{opacity:.45}to{opacity:1}}}
.yearMarks{margin-left:auto}.yearLine .languages{position:static;align-self:center;border:none;background:none;gap:2px}.yearLine .languages button{color:#e6e5d9;padding-inline:8px}.yearLine .languages button[aria-pressed=true]{color:#ffe5b6;box-shadow:inset 0 -2px #d5b679}.sceneImage.art-saubhagya-study,.sceneImage.art-lalluji-study{object-fit:contain;background:#bdaa84}.chapterStrip img[src$="saubhagya-study.webp"]{object-position:50% 56%}.chapterStrip img[src$="lalluji-study.webp"]{object-position:50% 44%}
@media(max-width:760px){.yearLine{display:grid;grid-template-columns:1fr auto;gap:0}.yearLine h1{grid-area:1/1}.yearLine .languages{grid-area:1/2}.yearMarks{grid-area:2/1/3/3;width:100%;border-top:1px solid #c9b88733}.yearMarks button{flex:1;min-height:35px}.yearLine .languages button{min-height:37px}.yearLine h1{padding-left:6px}}
.journey{background:#f0ead9;color:#473f31;border-bottom:1px solid #b7ac90;padding-block:5px}
.journey .groupYear{color:#766044;font-family:var(--type);font-variant-numeric:lining-nums}
.visitGroup+.visitGroup{border-color:#b6a78c70}
.journey .station:before{background:#b3a387}
.journey .station i{border-color:#968465;background:#f0ead9}
.journey .station[aria-pressed=true]{background:none;color:#5f4020}
.journey .station[aria-pressed=true] i{background:#795635;box-shadow:0 0 0 3px #f0ead9,0 0 0 4px #a88d66}
.journey .step{color:#7d674a}.step:disabled{opacity:.25}
.folioOpen .tabs{order:3;border-top:1px solid var(--line);border-bottom:0}
.folioOpen .tabs button{min-height:56px}
.folioOpen .entry{padding-top:clamp(32px,9vh,108px)}
.folioOpen .chapterStrip{border-top:0}
.motionPlate{pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .storyPlate,.mapWrap:not([hidden]){view-transition-name:atlas-picture}
 .entry{view-transition-name:folio-text}
 ::view-transition-old(atlas-picture){animation:lift-print .3s ease-in both}
 ::view-transition-new(atlas-picture){animation:settle-print .48s cubic-bezier(.2,.7,.26,1) both}
 ::view-transition-old(folio-text){animation:lift-print .2s ease-in both}
 ::view-transition-new(folio-text){animation:settle-print .36s ease-out both}
 @keyframes lift-print{to{opacity:0;transform:translateX(-8px)}}
 @keyframes settle-print{from{opacity:0;transform:translateX(13px)}to{opacity:1;transform:none}}
 .sceneImage,.passage{animation:none}
}
@media(max-width:760px){.folioOpen .entry{padding-top:24px}.folioOpen .tabs button{min-height:48px}}
.folioOpen .tabs{align-items:center;gap:clamp(10px,1.35vw,28px)}
.folioOpen .tabs .languages{position:static;margin-left:auto;background:none;border:0;gap:3px}
.folioOpen .tabs .languages button{font-size:clamp(13px,1vw,20px);padding-inline:3px;min-height:44px}
@media(max-width:760px){.folioOpen .tabs{flex-wrap:wrap;column-gap:14px}.folioOpen .tabs .languages{margin-left:auto}}