@font-face{font-family:MuseumGu;src:url(assets/fonts/NotoSerifGujarati.ttf);font-weight:100 900;font-display:swap}
:root{--ink:#39271e;--paper:#f3ecda;--rule:#c2ad8d;--accent:#74422f;--serif:Baskerville,"Iowan Old Style",Georgia,MuseumGu,serif;--sans:"Gill Sans","Trebuchet MS",MuseumGu,sans-serif;background:#2b221d;color:var(--ink);font-family:var(--serif)}
*{box-sizing:border-box}body,figure,blockquote,h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button,a{font:inherit;color:inherit;touch-action:manipulation}button{cursor:pointer;background:none;border:0;padding:0}button:focus-visible,a:focus-visible{outline:3px solid #b47637;outline-offset:2px}button:disabled{opacity:.28;cursor:default}button:active{filter:brightness(.91)}html[lang=gu]{--serif:MuseumGu,Georgia,serif;--sans:MuseumGu,sans-serif}
.desk{min-height:100svh;background:radial-gradient(ellipse at 75% 0,#fffaf0,transparent 74%),#f1e8d4;padding:0 clamp(20px,4vw,84px) clamp(18px,3vh,46px);display:flex;flex-direction:column}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #9b8263;padding:clamp(19px,4vh,60px) 0 clamp(14px,2.8vh,40px);margin-bottom:clamp(16px,3vh,46px)}
h1{font-size:clamp(34px,4.25vw,90px);letter-spacing:-.045em;line-height:1.06}.language{display:flex;align-items:center;border:1px solid #8f7f65;border-radius:3px;background:#f6eede;color:var(--ink);padding:2px}.language button{min-height:45px;font:clamp(15px,1.1vw,25px) var(--sans);padding:5px 15px}.language button[lang=gu]{font-family:MuseumGu,serif}.language button[aria-pressed=true]{background:#52372b;color:#fff5e1;border-radius:2px}
.leaves{display:grid;grid-template-columns:1.17fr 1fr;gap:clamp(25px,3.6vw,72px);flex:1;align-items:stretch}.playleaf{display:flex;flex-direction:column;gap:clamp(10px,1.9vh,22px)}.hero{text-align:left;width:100%;min-height:310px;position:relative;overflow:hidden;isolation:isolate;flex:1;background:#3d2d25;color:#fff4df;border:1px solid #70573b}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 28%;filter:sepia(.51) saturate(.7)}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#20160fee,transparent 62%)}.heroTitle{position:absolute;left:6%;bottom:6.5%;right:6%;z-index:1}.heroTitle h2{font-size:clamp(48px,5vw,110px);line-height:1.06;letter-spacing:-.045em}.heroTitle p{font-size:clamp(23px,1.9vw,40px);font-style:italic}.watch{display:inline-flex;gap:11px;align-items:center;margin-top:clamp(13px,2.2vh,32px);border:1px solid #ded2b8b8;border-radius:2px;padding:9px 16px;font:clamp(15px,1.17vw,25px) var(--sans);min-height:44px;background:#24191288}.playtriangle{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #f7ebcd}.secondfilm{display:flex;align-items:center;gap:20px;text-align:left;border-top:1px solid var(--rule);padding:12px 0 2px;font-size:clamp(21px,1.85vw,39px)}.secondfilm img{width:17%;height:clamp(55px,7vh,95px);object-fit:cover;object-position:bottom}.secondfilm small{display:block;font:clamp(14px,1.05vw,22px) var(--sans);color:#6e5d4c;margin-top:4px}.secondfilm i{margin-left:auto;font-style:normal;padding-right:6px}
.letterleaf{border-left:1px solid var(--rule);padding:clamp(12px,2vh,40px) 0 10px clamp(23px,3.3vw,68px);display:flex;flex-direction:column}.letterleaf h2,.cinema h2{font-size:clamp(35px,3.7vw,74px);line-height:1.04;letter-spacing:-.045em}.intro,.reply p{font-size:clamp(19px,1.65vw,34px);line-height:1.43;margin:clamp(12px,2vh,28px) 0;color:#594437}.questionList{display:flex;flex-direction:column;margin-top:clamp(8px,2.6vh,44px)}.questionList button{display:flex;align-items:center;gap:19px;text-align:left;min-height:clamp(64px,9.7vh,130px);border-top:1px solid var(--rule);font-size:clamp(20px,2vw,40px)}.questionList button:last-child{border-bottom:1px solid var(--rule)}.qnum{font-size:.75em;min-width:1.6em;font-variant-numeric:tabular-nums;color:#8a6546}.chev{color:#876448;margin-left:auto;font-size:.84em}.back,.returnline button,.paging,.cinema a,.returnline span{font:clamp(15px,1.15vw,24px) var(--sans)}.back,.returnline button{min-height:44px;color:#70452e;text-decoration:underline;text-underline-offset:5px}.folio{font:clamp(15px,1.1vw,23px) var(--sans);color:#805c43;margin:14px 0}.response{display:flex;flex-direction:column;flex:1}.response h2{font-size:clamp(27px,2.55vw,53px);line-height:1.15}.reply{margin-top:clamp(12px,3vh,36px);border-top:1px solid var(--rule);padding:clamp(10px,2vh,25px) 0}.reply h3{font-size:clamp(19px,1.48vw,30px);font-style:italic}.reply p{margin:10px 0}.paging{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--rule);padding-top:12px;margin-top:auto}.paging span{margin-right:auto;color:#735d49}.paging button{border:1px solid var(--rule);width:46px;height:44px}.cinema{max-width:1230px;width:100%;margin:0 auto}.returnline{display:flex;align-items:center;justify-content:space-between}.cinema h2{margin:10px 0 16px}.player{aspect-ratio:16/9;max-height:62svh;background:#1b1511;display:flex}.player iframe{border:0;width:100%;height:100%;aspect-ratio:16/9}.cinema a{display:inline-flex;align-items:center;min-height:44px}
.wallPreview{background:radial-gradient(ellipse at 55% 5%,#e0bf8a,#bea178 49%,#947b5f);display:flex;flex-direction:column;min-height:100svh;justify-content:center;padding:6% 3.2% 3%;gap:7vh}.rail{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:3%;height:60vh}.hanging{position:relative;border:clamp(8px,1vw,22px) ridge #705037;background:#51402b;box-shadow:4px 10px 14px #3e2c1d88}.hanging::before,.hanging::after{content:"";position:absolute;bottom:100%;height:45vh;width:2px;background:#634e39;left:20%}.hanging::after{left:80%}.mat,.frame,.singleWall>div{height:100%;width:100%}.mat,.singleWall>div{animation:appear 1.05s ease both}.frame{position:relative;overflow:hidden}.picture img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.73) sepia(.2);animation:look 36s ease-out both}.picture figcaption{position:absolute;inset:auto 0 0;background:linear-gradient(0deg,#241810e8,transparent);padding:23% 7% 6%;color:#fff5e4;font-size:clamp(16px,2.15vw,55px)}.quote{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10%;background:radial-gradient(ellipse at center,#fff1d4,#e5cda6);color:#38281e}.quote blockquote{font-size:clamp(22px,3.2vw,65px);line-height:1.15;letter-spacing:-.025em;text-wrap:balance}.quote cite{font:clamp(14px,1.4vw,32px) var(--sans);margin-top:10%;padding-top:6%;border-top:1px solid #ab8d6a}.quote small{display:block;font-size:.8em;margin-top:4px}.wallControls{position:relative;display:flex;gap:14px;align-items:center;justify-content:center}.wallControls>button{padding:8px 12px;min-height:44px;border:1px solid #70583f}.wallControls>span{font-size:23px}.singleWall{height:100svh;overflow:hidden;container-type:size}.singleWall .quote blockquote{font-size:clamp(26px,8cqw,16cqh)}.singleWall .quote cite{font-size:min(4cqw,7cqh)}.singleWall figcaption{font-size:min(6cqw,9cqh)}.singleWall .quote{padding:8%}.singleWall .quote cite{margin-top:5%;padding-top:3%}
@keyframes appear{from{opacity:.3}to{opacity:1}}@keyframes look{from{transform:scale(1)}to{transform:scale(1.055)}}
:lang(gu){letter-spacing:normal}html[lang=gu] h1,html[lang=gu] h2,html[lang=gu] .quote blockquote{line-height:1.3;letter-spacing:0}html[lang=gu] .reply p{line-height:1.6}html[lang=gu] .heroTitle p,html[lang=gu] .reply h3{font-style:normal}
@media(max-width:740px){header{gap:8px;align-items:flex-start}.language button{padding:4px 8px}h1{font-size:32px}.desk{padding:0 16px 18px}.leaves{display:flex;flex-direction:column}.hero{min-height:275px}.letterleaf{padding:18px 0;border-left:0;border-top:1px solid var(--rule)}.intro{margin:10px 0}.secondfilm{gap:12px}.wallPreview .rail{height:42vh}.wallControls{flex-wrap:wrap}.wallControls>span{width:100%;text-align:center}.quote{padding:6%}.rail .quote blockquote{font-size:clamp(11px,3.7vw,24px)}.wallPreview .quote cite{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}
.rail{grid-template-rows:minmax(0,1fr)}.hanging,.mat{min-height:0;min-width:0}
.picture.young img,.picture.shrimad img{object-position:center 24%;filter:sepia(.45) saturate(.48)}
.externalFilm{height:55svh;position:relative;background:#261c16;color:white;overflow:hidden}.externalFilm img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.externalFilm div{position:absolute;inset:auto 0 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:5%;background:linear-gradient(transparent,#291d15 75%)}.externalFilm a,.externalFilm button{min-height:48px;padding:10px 15px;border:1px solid #cfb797;background:#392a20;color:#fff0dc;font:clamp(16px,1.3vw,25px) var(--sans);text-decoration:none}
.writingTable{color:#f6efdf;min-height:100svh;background:linear-gradient(0deg,#1a100b3d,transparent 44%),url('./assets/writing-table.webp') center/cover;display:flex;flex-direction:column;padding:3.4vh 5vw 5vh;isolation:isolate}
.deskTop{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:54px}.deskTop h1{font-size:clamp(24px,2.5vw,50px);letter-spacing:-.028em;text-shadow:0 1px 6px #231203}.deskTop .language{background:#201710be;color:#fcf2da;border:1px solid #b4916d}.deskTop .language button[aria-pressed=true]{background:#e5d4af;color:#382a22}.deskBack,.filmLine button,.sourceFilm{display:inline-flex;align-items:center;min-height:48px;padding:6px 12px;font:clamp(17px,1.3vw,27px) var(--sans);color:#fff2dd}
.deskObjects{display:grid;grid-template-columns:1.42fr 1fr;gap:6vw;align-items:center;max-width:1560px;width:88%;margin:auto;min-height:78vh}.envelope,.programme{position:relative;text-align:left;box-shadow:2px 12px 15px #140b08a8,0 2px 4px #180e0999;transition:transform .32s ease}
.envelope{color:#3b3028;background:linear-gradient(154deg,transparent 64%,#b4a28750 65%,transparent 65.4%),linear-gradient(18deg,#e2d1ad,#f4e8ce 59%,#e4d8bd);min-height:40vh;padding:6% 8% 5%;transform:rotate(-4deg);border:1px solid #c9b78e;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate}
.envelope:after{content:'';position:absolute;inset:4px -3px -5px 3px;background:#d3c3a3;z-index:-2;transform:rotate(.8deg);box-shadow:inset 0 0 28px #79542b22}.mailTop{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:6%}.mailTop span{font:italic clamp(18px,1.45vw,28px) var(--serif);line-height:1.24}.mailTop img{width:clamp(48px,5.5vw,100px);height:clamp(62px,6.4vw,118px);object-fit:cover;object-position:50% 22%;padding:3px;border:2px dashed #726451;filter:sepia(.7);transform:rotate(2deg)}.address{font:italic clamp(45px,5vw,96px)/1.12 var(--serif);letter-spacing:-.055em}.envelopeSubject{font-size:clamp(21px,1.9vw,38px);padding-top:4px}.objectAction{display:block;font:clamp(17px,1.23vw,26px) var(--sans);margin-top:9%;padding:8px 0;border-top:1px solid currentColor}.programme{background:#572c29;color:#f3e3c5;transform:rotate(5deg);padding:7% 6% 5% 9%;border-left:9px solid #361c19;display:flex;flex-direction:column;align-items:stretch}.programmeTitle{font-size:clamp(40px,4vw,80px);line-height:1.05}.programme img{width:100%;height:clamp(130px,20vh,255px);object-fit:cover;object-position:50% 32%;margin:8% 0 4%;filter:saturate(.65) sepia(.2)}.programmeSubtitle{font-style:italic;font-size:clamp(20px,1.8vw,38px)}.programme .objectAction{margin-top:7%}.envelope:active,.programme:active{transform:rotate(0) scale(1.015)}
.letterSet{width:94%;max-width:1650px;margin:auto;display:flex;flex-direction:column;padding-top:4vh}.letterTabs{display:flex;align-items:end;gap:4px;padding:0 3%}.letterTabs button{flex:1;min-height:62px;background:#b6a17a;color:#372c21;text-align:left;font:clamp(16px,1.4vw,28px) var(--serif);padding:7px 12px;line-height:1.1;border-radius:3px 10px 0 0}.letterTabs button[aria-pressed=true]{background:#f1e3c6}.letterTabs small{font:clamp(13px,1vw,20px) var(--sans);display:block;margin-bottom:3px}.openedLetter{display:grid;grid-template-columns:.92fr 1.08fr;color:#382a20;box-shadow:0 15px 18px #160c06a1;min-height:53vh;background:#eedfc3;animation:letterArrive .42s ease}.fromGandhi,.fromShrimad{padding:clamp(18px,3vw,60px);display:flex;flex-direction:column}.fromGandhi{justify-content:space-between;background:linear-gradient(90deg,#e5d5b6,#f6ecd7 10%,#ede2ca 96%,#c7b596)}.letterByline{display:flex;align-items:center;gap:16px;font-size:clamp(22px,2vw,40px)}.letterByline img{width:clamp(44px,4.6vw,88px);height:clamp(55px,5.4vw,105px);object-fit:cover;object-position:50% 20%;filter:sepia(.5)}.letterByline small,.fromGandhi>p,.replyLeaf>small,.wallLetter small{font:clamp(15px,1.1vw,24px) var(--sans);display:block;color:#6f5944}.fromGandhi h2{font-size:clamp(29px,3vw,64px);line-height:1.15;letter-spacing:-.035em;padding:5% 0}.fromShrimad{background:linear-gradient(90deg,#d6c7a8,#f6ead1 12%,#ede0c3);justify-content:center}.folded{background:linear-gradient(140deg,transparent 46%,#c8b99a 46.5%,#ecdec1 47.2%,transparent 48%),#e4d5b7}.breakSeal{min-height:220px;width:100%;display:grid;place-content:center;justify-items:center;gap:14px;font-size:clamp(22px,2vw,40px)}.wax{background:radial-gradient(ellipse at 35% 30%,#a25e49,#70372c 70%);color:#c18163;font:48px Georgia;line-height:1;width:75px;height:69px;display:grid;place-content:center;border-radius:49% 44% 52% 42%;border:5px double #793e2f;box-shadow:1px 3px 4px #6046306e}.replyLeaf{animation:openPaper .55s ease;transform-origin:left}.replyLeaf p{font-size:clamp(22px,2.05vw,42px);line-height:1.38;margin:5% 0}.playHouse{width:min(88%,1500px);margin:auto;padding:3% 4%;background:#241918;box-shadow:0 12px 24px #170e0aac;border-top:6px solid #74413a}.playHouse h2{font-size:clamp(35px,3.5vw,68px);margin-bottom:2vh}.stageChoices{display:grid;grid-template-columns:1fr 1fr;gap:4%}.stageChoices button{color:#ffedcf;text-align:left}.stageChoices img{width:100%;height:29vh;object-fit:cover}.stageChoices span{display:block;font-size:clamp(23px,2vw,40px);margin-top:12px}.stageChoices i{float:right}.stageChoices small{font:16px var(--sans)}.filmLine{display:flex;justify-content:space-between;align-items:center}.playHouse .player{height:min(52vh,48vw);max-width:100%;margin:auto}.wallLetter{container-type:size;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4%;padding:7%;background:#f2e4c7;color:#473527}.wallLetter p{font-size:min(8cqw,9cqh);line-height:1.18}.wallAnswer p{font-size:min(6.2cqw,7cqh)}.wallLetter small{font-size:min(4cqw,5cqh)}
@keyframes openPaper{from{opacity:.2;transform:perspective(1100px) rotateY(-24deg)}to{opacity:1;transform:none}}@keyframes letterArrive{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:760px){.writingTable{padding:16px 5vw 25px}.deskTop{gap:10px}.deskTop h1{font-size:25px}.deskObjects{width:90%;grid-template-columns:1fr;gap:32px;padding:32px 0;min-height:0}.envelope{min-height:220px}.programme{width:82%;justify-self:end}.programme img{height:130px}.letterSet{width:100%;padding-top:20px}.letterTabs{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:2px}.letterTabs button{min-height:52px}.openedLetter{grid-template-columns:1fr}.fromGandhi,.fromShrimad{padding:21px}.breakSeal{min-height:145px}.playHouse{width:100%;margin:25px auto}.stageChoices{grid-template-columns:1fr;gap:22px}.stageChoices img{height:16vh}.deskBack{padding-left:0}.wallAnswer p{line-height:1.1}}

.trailerHandoff{display:flex;align-items:center;justify-content:center;gap:5%;padding:5%;background:#392a24;color:#f0e3c9;min-height:40vh}
.trailerHandoff img{width:min(28vw,230px);height:auto}
.trailerHandoff p{font-size:clamp(23px,2vw,38px)}
.trailerHandoff button{min-height:52px;text-decoration:underline;text-underline-offset:6px;color:inherit}
.roomSimulator{height:100svh;display:flex;flex-direction:column;background:#211c16;color:#f2e4cc;overflow:hidden}
.roomViewport{flex:1;min-height:0;position:relative;overflow:hidden}
.roomModel{position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--scale));background:url('./assets/writing-room.webp') center/cover}
.roomFrame{position:absolute;container-type:size;overflow:hidden}
.roomFrame .frame{width:100%;height:100%;margin:0}
.roomFrame .quote blockquote{font-size:min(8cqw,13cqh)}
.roomFrame .quote cite{font-size:min(4cqw,6cqh)}
.roomFrame figcaption{font-size:7cqw}
.frame1{left:730px;top:92px;width:110px;height:154px}.frame2{left:905px;top:82px;width:234px;height:162px}.frame3{left:1206px;top:96px;width:160px;height:146px}
.deskProjection{position:absolute;top:0;left:0;width:1280px;height:720px;transform-origin:0 0;transform:matrix3d(.553125,0,0,0,-.22519379845,.18720284238,0,-.000245478036,0,0,1,0,582,509,0,1)}
.realDesk{width:100%;height:100%;border:0;display:block}
.mode-desk .roomModel,.mode-wall .roomModel{inset:0;transform:none;width:100%;height:100%}
.mode-desk .roomFrames{display:none}.mode-desk .deskProjection{inset:0;width:100%;height:100%;transform:none}
.mode-wall .deskProjection{visibility:hidden}
.mode-wall .roomModel{background:linear-gradient(#231a14e8,#422f23e8),url('./assets/writing-room.webp') center/cover}
.mode-wall .roomFrames{height:100%;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:3%;padding:4%;align-items:center}
.mode-wall .roomFrame{position:relative;inset:auto;width:100%;height:70%;border:10px ridge #805c3d;box-shadow:1px 12px 20px #170f08}
.simTools,.simTools nav,.simTools>div{display:flex;align-items:center;justify-content:center;gap:6px}
.simTools{background:#221c17;min-height:52px;justify-content:space-between;padding:2px 2vw;flex-wrap:wrap;color:#e9dbc5}
.simTools button{font:16px var(--sans);min-height:46px;padding:8px 13px;color:inherit}
.simTools button[aria-pressed=true]{background:#e5d7bf;color:#342923}
@media(max-width:660px){.simTools button{font-size:14px;padding:5px 8px}.mode-wall .roomFrames{padding:2%;gap:1%}.mode-wall .roomFrame{height:48%;border-width:3px}.simTools{justify-content:center}.trailerHandoff{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.writingTable *,.roomSimulator *{animation:none!important;transition:none!important}}