@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,700;1,600&family=Manrope:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@500;700&family=Teko:wght@500;600;700&display=swap');
html{background:var(--ink);max-width:100%;overflow-x:clip}
body{max-width:100%;font-family:var(--font-body);font-size:var(--step-0);line-height:1.7;color:var(--ink);background:var(--paper);overflow-x:clip}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}
::selection{background:var(--turmeric);color:var(--ink)}
.skip-link{position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;z-index:1000;padding:.8rem 1rem;background:var(--ink);color:var(--white);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.site-main{position:relative}.shell{width:min(calc(100% - 2rem),var(--content));margin-inline:auto}.reading{max-width:var(--reading)}
.section{position:relative;padding-block:var(--space-6)}
.section--dark{color:var(--paper-light);background:var(--ink)}
.eyebrow,.section-label{display:flex;align-items:center;gap:.7rem;font-size:var(--step--1);font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.section-label::before,.eyebrow::before{content:"";inline-size:2.25rem;border-block-start:3px solid var(--mumbai-red)}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance}
h1{font-size:var(--step-5);line-height:.88;text-transform:uppercase}h2{font-size:clamp(2.75rem,4.4vw,5.25rem);line-height:.94}h3{font-size:clamp(1.45rem,2vw,2.15rem);line-height:1}
.section-label+h2,.eyebrow+h1{margin-block-start:.85rem}.section h2+p,.section h2+.reading,.section h3+p{margin-block-start:1rem}
p+p{margin-block-start:1.1em}.marathi{font-family:var(--font-marathi)}
.announcement{position:relative;z-index:100;padding:.35rem 1rem;text-align:center;color:var(--white);background:var(--mumbai-red);font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.site-header{position:fixed;inset-block-start:1.9rem;inset-inline:0;z-index:80;color:var(--paper-light);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.site-header.is-scrolled{inset-block-start:0;color:var(--ink);background:rgba(243,234,216,.96);box-shadow:0 1px 0 rgba(23,19,15,.25)}
.header-inner{min-height:5.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.wordmark{display:flex;align-items:center;gap:.9rem;text-decoration:none}.wordmark__mark{display:grid;place-items:center;inline-size:2.45rem;block-size:2.45rem;border:2px solid currentColor;border-radius:50%;font-family:var(--font-display);font-size:1.5rem;line-height:1}.wordmark__text{font-family:var(--font-display);font-size:1.3rem;line-height:.75;letter-spacing:.035em}.wordmark__micro{display:block;margin-block-start:.42rem;font:600 .55rem/1 var(--font-body);letter-spacing:.12em}
.nav-list{display:flex;align-items:center;gap:clamp(.7rem,1.4vw,1.55rem);font-size:.77rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.nav-list a{text-decoration:none;border-block-end:2px solid transparent}.nav-list a:hover,.nav-list a:focus-visible,.nav-list a[aria-current="page"]{border-color:var(--turmeric)}
.nav-toggle{display:none;border:1px solid currentColor;color:inherit;background:transparent;padding:.65rem .8rem;text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.08em}
.scroll-progress{position:absolute;inset-inline:0;inset-block-end:-2px;block-size:3px;background:transparent}.scroll-progress span{display:block;inline-size:0;block-size:100%;background:var(--mumbai-red);transform-origin:left}
.hero{min-height:100svh;display:grid;align-items:end;padding-block:10rem 4rem;color:var(--paper-light);background:var(--ink);overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,19,15,.05),rgba(23,19,15,.42));pointer-events:none}
.hero__rail{position:absolute;inset:auto -4vw 9%;height:3px;background:var(--turmeric);transform:rotate(-2deg);opacity:.7}.hero__rail::before,.hero__rail::after{content:"";position:absolute;inset-block-start:50%;inline-size:15px;block-size:15px;border:3px solid var(--paper-light);border-radius:50%;background:var(--mumbai-red);transform:translateY(-50%)}.hero__rail::before{inset-inline-start:14%}.hero__rail::after{inset-inline-start:73%}
.train-grid{position:absolute;inset:10rem 0 auto 38%;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;opacity:.19;transform:skewX(-5deg)}.train-window{height:19rem;border:2px solid var(--paper);border-radius:40% 40% 3% 3%;box-shadow:inset 0 0 0 8px var(--ink)}
.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(18rem,.6fr);gap:clamp(2rem,6vw,6rem);align-items:end}
.hero__copy{max-width:58rem}.hero .eyebrow{margin-block-end:1.5rem;color:var(--turmeric)}.hero h1{font-size:clamp(4.8rem,7vw,7.5rem)}.hero h1 span{display:block}.hero h1 .accent{color:var(--turmeric)}
.hero__body{max-width:45rem;margin-block-start:2rem;font-size:clamp(1rem,1.25vw,1.25rem)}.hero__question{font-family:var(--font-serif);font-size:clamp(1.45rem,2.2vw,2.4rem);line-height:1.25;color:var(--turmeric)}
.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-block-start:2rem}.hero__credit{margin-block-start:2.3rem;padding-block-start:1.2rem;border-block-start:1px solid rgba(243,234,216,.34);font-size:.84rem;max-width:50rem}
.portrait-placeholder{position:relative;min-height:31rem;display:grid;align-content:end;padding:1.5rem;border:1px solid rgba(243,234,216,.55);background:linear-gradient(155deg,rgba(229,168,36,.24),transparent 50%),#25201a;box-shadow:12px 12px 0 var(--mumbai-red)}.portrait-placeholder::before{content:"AV";position:absolute;inset:8% 10% 20%;display:grid;place-items:center;border:1px dashed rgba(243,234,216,.35);font:700 11rem/1 var(--font-display);color:rgba(243,234,216,.1)}.archive-ref{position:relative;z-index:1;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.archive-title{position:relative;z-index:1;font:600 2rem/.9 var(--font-display);text-transform:uppercase}
.station-board{position:absolute;inset-block-start:12%;inset-inline-end:4%;padding:.45rem 1.1rem;border:4px solid var(--ink);color:var(--ink);background:var(--turmeric);font-family:var(--font-display);font-size:clamp(1.5rem,3vw,3rem);line-height:1;text-transform:uppercase;box-shadow:5px 5px 0 var(--mumbai-red);transform:rotate(2deg)}
.lede-section{background:var(--paper-light)}.lede-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,8vw,8rem);align-items:start}.lede-section h2{margin-block-start:1rem}.big-line{font-family:var(--font-serif);font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.16;color:var(--mumbai-red)}
.city-strip{position:relative;margin-block-start:4rem;min-height:18rem;padding:2rem;display:flex;align-items:end;overflow:hidden;border-block:2px solid var(--ink);background:var(--rail-blue);color:var(--paper-light)}.city-strip__windows{position:absolute;inset:2rem;display:grid;grid-template-columns:repeat(7,1fr);gap:.75rem}.city-strip__windows span{border:2px solid rgba(243,234,216,.45);border-radius:2rem 2rem 0 0}.city-strip p{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(3rem,7vw,7rem);line-height:.8;text-transform:uppercase}
.no-js .requires-js,.no-js .loader{display:none!important}.no-js .faq-answer[hidden]{display:block!important}.no-js .nav-toggle{display:none!important}
.city-art{margin-block-start:2rem}.accent-red{color:var(--mumbai-red)}
.route-node--parel{left:7%;top:14%}.route-node--worli{left:5%;top:73%}.route-node--dadar{left:49%;top:46%}.route-node--mumbai{left:91%;top:9%}.route-node--beyond{left:90%;top:79%}
:focus-visible{outline:3px solid var(--turmeric);outline-offset:4px}
.mobile-menu{position:fixed;inset:0;z-index:120;background:rgba(23,19,15,.74);backdrop-filter:blur(4px)}
.mobile-menu__panel{min-height:100%;display:grid;align-content:center;padding:5rem max(1.25rem,8vw);color:var(--paper-light);background:var(--ink)}
.mobile-menu__close{position:absolute;inset-block-start:1.25rem;inset-inline-end:1.25rem;padding:.7rem 1rem;border:1px solid currentColor;color:inherit;background:transparent;text-transform:uppercase;font-weight:700;letter-spacing:.08em}
.mobile-menu ul{display:grid;gap:.25rem}.mobile-menu a{display:inline-block;font:600 clamp(2.5rem,8vw,5rem)/1 var(--font-display);text-decoration:none;text-transform:uppercase}.mobile-menu .marathi{margin-block-start:2rem;color:var(--turmeric);font-size:1.2rem}
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,8vw,8rem);align-items:start}.split--reverse> :first-child{order:2}
.display-line{display:block;margin-block-start:1.2rem;font:600 var(--step-3)/.95 var(--font-display);text-transform:uppercase}
.historical-note{margin-block-start:1.5rem;padding:1rem 1.2rem;border-inline-start:4px solid var(--mumbai-red);background:color-mix(in srgb,var(--paper-light) 72%,transparent);font-size:.88rem}
.archive-frame{min-height:27rem;display:grid;align-content:end;padding:1.5rem;border:1px solid currentColor;background-color:color-mix(in srgb,var(--paper-light) 72%,var(--steel));background-image:linear-gradient(135deg,transparent 45%,rgba(23,19,15,.05) 45% 55%,transparent 55%);box-shadow:10px 10px 0 var(--mumbai-red)}
.archive-frame--dark{color:var(--paper-light);background-color:var(--charcoal)}.archive-frame__number{align-self:start;font:700 6rem/1 var(--font-display);opacity:.13}.archive-frame figcaption{margin-block-start:auto;padding-block-start:1rem;border-block-start:1px solid currentColor;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em}
.before-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}.newspaper-copy{column-count:2;column-gap:2rem;column-rule:1px solid var(--ink)}
.newspaper-copy p:first-child::first-letter{float:left;margin:.08em .1em 0 0;font:700 5.5rem/.72 var(--font-serif);color:var(--mumbai-red)}
.section-anchor{height:0;scroll-margin-top:0}
.invention-stage{display:grid;align-items:center;background:var(--charcoal);overflow:hidden}.invention-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:center}.invention-copy{position:relative}.invention-copy h2{font-size:clamp(4.2rem,6.3vw,7rem)}.invention-steps{position:relative;margin-block-start:1.5rem}.invention-step{padding:1.1rem 0;border-block-start:1px solid rgba(243,234,216,.25);transition:opacity .35s ease,transform .35s ease,visibility .35s}.invention-step strong{display:block;color:var(--turmeric);font-family:var(--font-display);font-size:1.65rem;line-height:1;text-transform:uppercase}.invention-step p{max-width:45ch;margin-block-start:.45rem}.invention-closing{max-width:34ch;margin-block-start:1rem;padding-block-start:1rem;border-block-start:2px solid var(--mumbai-red);font-family:var(--font-serif);font-size:clamp(1.25rem,2vw,1.85rem);line-height:1.2;color:var(--paper-light)}
.invention-art{position:relative;min-height:34rem;display:grid;place-items:center;isolation:isolate}.invention-art::before{content:"";position:absolute;inset:12%;border:1px solid rgba(243,234,216,.16);border-radius:50%}.invention-art img{position:absolute;opacity:0;filter:drop-shadow(0 18px 20px rgba(0,0,0,.35));transition:opacity .48s ease,transform .55s cubic-bezier(.22,.8,.24,1)}.food-kadhai{width:78%;transform:translateY(30%)}.food-poha{width:47%;transform:translateY(-5%)}.food-pav{width:52%;transform:translateY(-20%)}.food-vada{width:34%;transform:translateY(20%)}.food-chutney{width:30%;transform:translate(-65%,42%) scale(.75)}.food-chilli{width:38%;transform:translate(70%,65%) rotate(-12deg) scale(.72)}.food-final{width:58%;transform:scale(.82)}
.invention-stage.is-sequenced[data-invention-step="0"] .food-kadhai{opacity:.9;transform:translateY(30%)}.invention-stage.is-sequenced[data-invention-step="0"] .food-poha{opacity:1;transform:translateY(-18%)}
.invention-stage.is-sequenced[data-invention-step="1"] .food-poha{opacity:.3;transform:translate(-42%,12%) scale(.68)}.invention-stage.is-sequenced[data-invention-step="1"] .food-pav{opacity:1;transform:translateY(-4%) scale(1.05)}
.invention-stage.is-sequenced[data-invention-step="2"] .food-kadhai{opacity:.9;transform:translateY(34%)}.invention-stage.is-sequenced[data-invention-step="2"] .food-vada{opacity:1;transform:translateY(-8%) scale(1.05)}.invention-stage.is-sequenced[data-invention-step="2"] .food-pav{opacity:.72;transform:translateY(-66%) scale(.82)}
.invention-stage.is-sequenced[data-invention-step="3"] .food-pav{opacity:1;transform:translateY(-50%) scale(.9)}.invention-stage.is-sequenced[data-invention-step="3"] .food-vada{opacity:1;transform:translateY(14%)}.invention-stage.is-sequenced[data-invention-step="3"] .food-chutney{opacity:1;transform:translate(-68%,38%) scale(.78)}.invention-stage.is-sequenced[data-invention-step="3"] .food-chilli{opacity:1;transform:translate(70%,62%) rotate(-12deg) scale(.72)}
.invention-stage.is-sequenced[data-invention-step="4"] .food-final{opacity:1;transform:scale(1)}.invention-stage.is-sequenced[data-invention-step="4"] .food-chilli{opacity:1;transform:translate(67%,65%) rotate(-8deg) scale(.7)}
@media(min-width:761px){.gsap-ready[data-motion="full"] .invention-stage{height:100svh;min-height:40rem;padding-block:clamp(5.75rem,9vh,7rem) clamp(1.5rem,4vh,3rem)}.gsap-ready[data-motion="full"] .invention-layout{height:100%;align-items:start}.gsap-ready[data-motion="full"] .invention-steps{min-height:10rem}.gsap-ready[data-motion="full"] .invention-step{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(1.2rem)}.gsap-ready[data-motion="full"] .invention-step.is-active{opacity:1;visibility:visible;transform:none}}
.kinetic{padding-block:clamp(4.5rem,7vw,7rem);background:var(--paper-light)}.kinetic .shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem clamp(2rem,6vw,6rem);align-items:end}.kinetic p{max-width:17ch;font:600 clamp(2.25rem,3.6vw,4.5rem)/.94 var(--font-display);text-transform:uppercase;color:var(--muted-ink)}.kinetic p:nth-child(3){color:var(--mumbai-red);font-size:clamp(2.6rem,4.5vw,5.6rem)}.kinetic p:last-child{color:var(--ink)}
.oral-history{background:var(--turmeric)}.oral-history .pull-quote{margin-block-start:3rem;padding-block:2rem;border-block:2px solid var(--ink);font:italic 600 clamp(2rem,4vw,4rem)/1.1 var(--font-serif)}
.principle-grid,.reason-grid,.family-grid,.film-grid,.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-block-start:3rem}
.reason{padding:1.5rem;border-block-start:5px solid var(--mumbai-red);background:var(--paper-light)}.reason__number{font:700 4rem/1 var(--font-display);color:var(--mumbai-red)}
.dadar-map{position:relative;min-height:32rem;margin-block-start:3rem;border:1px solid rgba(243,234,216,.4);background-image:linear-gradient(rgba(243,234,216,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(243,234,216,.08) 1px,transparent 1px);background-size:40px 40px;overflow:hidden}.route-line{position:absolute;inset:20% 4%;width:92%;height:60%}.route-node{position:absolute;display:grid;place-items:center;inline-size:1.25rem;block-size:1.25rem;border:3px solid var(--paper);border-radius:50%;background:var(--rail-blue)}.route-node::after{content:attr(data-label);position:absolute;inset-block-start:1.5rem;white-space:nowrap;font-size:.7rem;font-weight:700;text-transform:uppercase}.route-node--dadar{inline-size:2rem;block-size:2rem;background:var(--turmeric);box-shadow:0 0 0 10px rgba(229,168,36,.15)}
.portrait-section{background:var(--paper-light)}.principle{padding:2rem 0;border-block-start:2px solid var(--ink)}.principle h3{color:var(--mumbai-red)}
.livelihood{background:var(--mumbai-red);color:var(--paper-light)}.livelihood .split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,6vw,5rem)}.livelihood__statement{max-width:19ch;margin-block-start:1.5rem;font:600 clamp(2.25rem,3.75vw,4.4rem)/.95 var(--font-display);text-transform:uppercase}.livelihood__statement em{color:var(--turmeric);font-style:normal}
.democratic-lines{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:2rem}.democratic-lines span{padding:.6rem .8rem;border:1px solid currentColor;text-transform:uppercase;font-size:.8rem;font-weight:800}
.family-archive{background:#ded0b8}.family-card{display:flex;flex-direction:column;min-height:26rem;padding:1.2rem;border:1px solid var(--ink);background:var(--paper-light);box-shadow:7px 7px 0 rgba(23,19,15,.17)}.family-card__portrait{flex:1;display:grid;place-items:center;min-height:12rem;border:1px dashed var(--muted-ink);font:700 5rem/1 var(--font-display);color:rgba(23,19,15,.13)}.family-card__role{margin-block:.8rem;color:var(--mumbai-red);font-size:.75rem;font-weight:800;text-transform:uppercase}.family-card p{font-size:.9rem}
.timeline-section{background:var(--rail-blue);color:var(--paper-light);overflow:hidden}.timeline-section h2{font-size:clamp(3.8rem,6.5vw,6.8rem)}.timeline-track{position:relative;display:flex;align-items:start;gap:0;width:max-content;margin-block-start:clamp(1rem,3vh,2.25rem);padding-block:1.35rem .6rem}.timeline-track::before{content:"";position:absolute;inset-inline:0;inset-block-start:2.5rem;border-block-start:5px solid var(--paper)}.timeline-event{position:relative;width:min(64vw,28rem);padding:4.3rem 2rem .75rem;border-inline-start:1px solid rgba(243,234,216,.35)}.timeline-event::before{content:"";position:absolute;inset-block-start:1.9rem;inset-inline-start:1.5rem;inline-size:1.4rem;block-size:1.4rem;border:4px solid var(--paper);border-radius:50%;background:var(--mumbai-red)}.timeline-event__period{display:inline-block;padding:.3rem .6rem;background:var(--turmeric);color:var(--ink);font-size:.72rem;font-weight:800}.timeline-event h3{margin-block:.75rem;font-size:clamp(1.8rem,2.3vw,2.45rem)}.timeline-event p{max-width:35ch;font-size:.86rem}.gsap-ready[data-motion="full"] .timeline-section{height:100svh;min-height:40rem;padding-block:clamp(5.75rem,9vh,7rem) .75rem;display:flex;flex-direction:column}.gsap-ready[data-motion="full"] .timeline-intro{flex:0 0 auto}.gsap-ready[data-motion="full"] .timeline-track{flex:1 0 auto}
@media(min-width:1101px) and (max-height:760px){.gsap-ready[data-motion="full"] .timeline-section{padding-block:5.35rem .35rem}.timeline-section h2{font-size:4.5rem}.timeline-section .reading{font-size:.9rem;line-height:1.5}.timeline-track{margin-block-start:.35rem;padding-block:.8rem .2rem}.timeline-track::before{inset-block-start:1.8rem}.timeline-event{padding-block-start:3.5rem}.timeline-event::before{inset-block-start:1.2rem}.timeline-event h3{font-size:1.75rem}.timeline-event p{font-size:.78rem}}
.film-section{background:var(--charcoal);color:var(--paper-light);overflow:hidden}.film-card{position:relative;padding:2rem;border:1px solid rgba(243,234,216,.4)}.film-card::before{content:"● ● ● ● ●";display:block;margin-block-end:1.5rem;color:var(--turmeric);letter-spacing:1rem;white-space:nowrap;overflow:hidden}.film-card__year{font:700 4rem/1 var(--font-display);color:var(--turmeric)}.film-card .button{margin-block-start:1.5rem}.video-shell{position:relative;aspect-ratio:16/9;margin-block-start:1.5rem;border:1px solid rgba(243,234,216,.35);background:var(--ink)}.video-shell iframe{width:100%;height:100%;border:0}.video-load{position:absolute;inset:0;display:grid;place-items:center;width:100%;border:0;color:var(--paper-light);background:linear-gradient(rgba(23,19,15,.55),rgba(23,19,15,.85)),url('../icons/film-strip.svg') center/cover;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.community{background:var(--paper-light)}.community .split{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(3rem,7vw,7rem);align-items:center}.memory-story h2{max-width:12ch}.memory-intro{max-width:34rem;margin-block-start:1.5rem;font-family:var(--font-serif);font-size:clamp(1.15rem,1.45vw,1.42rem);line-height:1.5}.memory-intro p:last-child{font-weight:700;color:var(--mumbai-red)}.memory-prompts{display:flex;flex-wrap:wrap;gap:.55rem;margin-block-start:1.75rem}.memory-prompts span{padding:.5rem .7rem;border:1px solid rgba(23,19,15,.45);font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.memory-form-panel{position:relative;padding:clamp(1.5rem,3.5vw,3rem);border:1px solid rgba(23,19,15,.6);border-block-start:7px solid var(--mumbai-red);background:var(--paper);box-shadow:12px 12px 0 rgba(23,19,15,.12)}.memory-form-panel::before{content:"Your memory · Mumbai archive";display:block;margin-block-end:1rem;color:var(--mumbai-red);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.memory-form-panel h3{max-width:18ch;font-size:clamp(2rem,2.7vw,3rem)}.memory-form-panel>p{max-width:48ch;margin-block-start:.8rem;color:var(--muted-ink);font-size:.94rem;line-height:1.55}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.15rem}.field{display:grid;align-content:start;gap:.45rem}.field--wide{grid-column:1/-1}.field label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.field label span{font-weight:600;color:var(--muted-ink)}.field input,.field textarea,.field select{width:100%;min-height:3.15rem;padding:.85rem .95rem;border:1px solid rgba(23,19,15,.55);border-radius:0;color:var(--ink);background:rgba(255,255,255,.72);transition:border-color .18s,box-shadow .18s,background .18s}.field input::placeholder,.field textarea::placeholder{color:rgba(23,19,15,.52)}.field input[type="file"]{padding:.5rem}.field input[type="file"]::file-selector-button{margin-inline-end:.75rem;padding:.55rem .7rem;border:0;color:var(--paper-light);background:var(--ink);font:800 .68rem/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--ink);background:var(--white)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--mumbai-red);outline:0;box-shadow:0 0 0 3px rgba(178,51,45,.15);background:var(--white)}.field textarea{min-height:10rem;resize:vertical}.field__error{min-height:1.2em;color:#8d201b;font-size:.72rem}.consent{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border:1px solid rgba(23,19,15,.2);background:rgba(255,255,255,.45);font-size:.75rem;line-height:1.5;letter-spacing:0;text-transform:none!important}.consent input{flex:0 0 auto;width:1rem;min-height:1rem;margin-block-start:.15rem;padding:0;accent-color:var(--mumbai-red)}.memory-form-panel .button{width:100%;min-height:3.5rem}.form-status{margin-block-start:1rem;padding:1rem;border-inline-start:4px solid var(--chutney-green);background:#e5eddc;font-size:.85rem}.archive-form{margin-block-start:1.75rem;padding:0;border:0;background:transparent}
.cultural-closing{display:grid;align-items:center;background:var(--ink);color:var(--paper-light)}.cultural-closing h2{max-width:18ch;font-size:clamp(3.4rem,5.5vw,6rem);color:var(--turmeric)}.cultural-closing .split{margin-block-start:2.5rem}
.visit-strip{background:var(--chutney-green);color:var(--paper-light)}.location-board{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;margin-block-start:2rem;padding:2rem;border:2px solid var(--paper);background:rgba(23,19,15,.2)}.location-board address{font:600 clamp(1.5rem,3vw,2.6rem)/1.1 var(--font-display);font-style:normal;text-transform:uppercase}.location-note{font-size:.82rem}
.faq-list{max-width:58rem;margin-block-start:2.5rem;border-block-start:2px solid var(--ink)}.faq-item{border-block-end:1px solid var(--ink)}.faq-question{display:flex;justify-content:space-between;gap:1rem;width:100%;padding:1.2rem 0;border:0;text-align:left;color:var(--ink);background:transparent;font-family:var(--font-display);font-size:1.65rem}.faq-question::after{content:"+"}.faq-question[aria-expanded="true"]::after{content:"−"}.faq-answer{padding:0 2rem 1.3rem 0}
.final-cta{text-align:center;background:var(--turmeric)}.final-cta h2{max-width:15ch;margin-inline:auto}.final-cta .marathi{margin-block:2rem;font-size:clamp(2rem,5vw,5rem);font-weight:700}.final-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}
.site-footer{padding-block:4rem 2rem;color:var(--paper-light);background:var(--ink)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem}.footer-line{font:600 clamp(2rem,4vw,4rem)/.95 var(--font-display);text-transform:uppercase;color:var(--turmeric)}.footer-nav{columns:2;list-style:none;margin:0;padding:0}.footer-nav li{margin-block-end:.6rem}.footer-nav a{text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-block-start:3rem;padding-block-start:1.3rem;border-block-start:1px solid rgba(243,234,216,.25);font-size:.72rem}
.back-to-top{position:fixed;inset-inline-end:1rem;inset-block-end:1rem;z-index:70;display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--ink);color:var(--ink);background:var(--turmeric);text-decoration:none;font-weight:900}
.page-hero{padding-block:clamp(8.5rem,10vw,10rem) clamp(3.5rem,5vw,4.5rem);color:var(--paper-light);background:var(--ink)}.page-hero h1{max-width:14ch;font-size:clamp(4.25rem,7.5vw,7rem)}.page-hero__lede{max-width:55ch;margin-block-start:1.5rem;font-family:var(--font-serif);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.3}.page-content{background:var(--paper)}body:not(.home-page) .section{padding-block:clamp(4rem,6vw,6rem)}body:not(.home-page) .section h2{font-size:clamp(2.75rem,4.5vw,5rem)}.prose{max-width:72ch}.prose h2{margin-block:3.5rem 1.2rem}.prose h3{margin-block:2.5rem 1rem}.prose ul{padding-inline-start:1.2rem}.prose a{text-decoration-color:var(--mumbai-red);text-decoration-thickness:2px}.callout{margin-block:2rem;padding:1.5rem;border:2px solid var(--ink);background:var(--paper-light)}
.source-card{padding:1.5rem;border-block-start:3px solid var(--rail-blue);background:var(--paper-light)}.source-card a{font-weight:700}.source-card__type{display:block;margin-block-end:.6rem;color:var(--mumbai-red);font-size:.7rem;font-weight:800;text-transform:uppercase}
.page-timeline{position:relative;max-width:62rem;margin-inline:auto}.page-timeline::before{content:"";position:absolute;inset-block:0;inset-inline-start:8.5rem;border-inline-start:5px solid var(--rail-blue)}.page-timeline .timeline-event{width:auto;margin-inline-start:8.5rem;padding-block:2rem}.page-timeline .timeline-event::before{inset-block-start:2.2rem;inset-inline-start:-.78rem;border-color:var(--paper);background:var(--mumbai-red)}
.privacy-draft{padding:.8rem 1rem;color:var(--paper-light);background:var(--mumbai-red);font-weight:800;text-align:center}
.no-js .timeline-track,.enhanced:not(.gsap-ready) .timeline-track{display:grid;width:100%}.no-js .timeline-track::before,.enhanced:not(.gsap-ready) .timeline-track::before{inset-inline-start:1rem;inset-block:0 auto;width:5px;height:100%;border:0;background:var(--paper)}.no-js .timeline-event,.enhanced:not(.gsap-ready) .timeline-event{width:auto;padding:1.5rem 1.5rem 1.5rem 4rem;border:0}.no-js .timeline-event::before,.enhanced:not(.gsap-ready) .timeline-event::before{inset-block-start:2.5rem;inset-inline-start:.35rem}.no-js .timeline-event p,.enhanced:not(.gsap-ready) .timeline-event p{max-width:none}
.no-js .food-final,.enhanced:not(.gsap-ready) .food-final{opacity:1;transform:scale(1)}
.home-page main>section[id]{scroll-margin-top:5.5rem}
.home-page .section:not(.invention-stage):not(.timeline-section){padding-block:clamp(3.75rem,5vw,5rem)}
.home-page .section:not(.invention-stage):not(.timeline-section) h2{font-size:clamp(2.7rem,3.7vw,4.4rem)}
.home-page .split{gap:clamp(2rem,5vw,5rem)}
.home-page .reveal{opacity:1!important;transform:none!important}

.home-page .hero{position:relative;min-height:min(52rem,100svh);align-items:center;padding-block:8.25rem 3rem}
.home-page .hero__grid{align-items:center;gap:clamp(2rem,5vw,5rem)}
.home-page .hero h1{font-size:clamp(4.35rem,5.7vw,6.2rem)}
.home-page .hero__body{max-width:42rem;margin-block-start:1.25rem;line-height:1.55}
.home-page .hero__question{font-size:clamp(1.4rem,1.7vw,1.9rem)}
.home-page .hero__actions{margin-block-start:1.5rem}.home-page .hero__credit{margin-block-start:1.65rem}.home-page .hero .marathi{margin-block-start:1rem}
.home-page .portrait-placeholder{min-height:27rem}
.home-page .portrait-placeholder figcaption{position:relative;z-index:1;display:grid;gap:.75rem}.home-page .archive-ref,.home-page .archive-title{display:block}

.home-page .lede-grid{gap:clamp(2rem,6vw,6rem)}
.home-page .city-strip{min-height:12rem;margin-block-start:2.5rem;padding:2.25rem;align-items:center;background:linear-gradient(100deg,var(--rail-blue),#183847)}.home-page .city-strip p{max-width:17ch;font-size:clamp(2.7rem,4.5vw,4.8rem)}

.home-page .before-grid{grid-template-columns:minmax(20rem,.82fr) minmax(0,1.18fr);gap:clamp(2.5rem,5vw,5rem);align-items:start}
.home-page #before h2{font-size:clamp(2.8rem,3.5vw,4.1rem)}
.home-page #before .newspaper-copy{font-size:.94rem;line-height:1.58}
.home-page #before .display-line{max-width:22ch;margin-block-start:1rem;font-size:clamp(2rem,2.8vw,3.1rem)}
.home-page #before .historical-note{margin-block-start:1.25rem}
.home-page #before .archive-frame{min-height:31rem;grid-template-rows:auto 1fr auto;align-content:stretch}
.home-page #before .archive-frame img{width:100%;max-height:19rem;align-self:center;object-fit:contain}

.home-page .kinetic{position:relative;height:320svh;padding:0;background:var(--paper-light)}
.home-page .kinetic__sticky{position:sticky;inset-block-start:5.5rem;height:calc(100svh - 5.5rem);overflow:hidden}
.home-page .kinetic__stage{position:relative;height:100%;display:grid;place-items:center}
.home-page .kinetic__line{position:absolute;inset-inline:0;max-width:18ch;margin:0;opacity:0;transform:translateY(2.5rem);font:600 clamp(4rem,7vw,8rem)/.86 var(--font-display);text-transform:uppercase;color:var(--muted-ink);will-change:opacity,transform}
.home-page .kinetic__line:first-child{opacity:1;transform:none}.home-page .kinetic__line:nth-child(3){max-width:13ch;font-size:clamp(4.5rem,8vw,9rem);color:var(--mumbai-red)}.home-page .kinetic__line:last-of-type{max-width:16ch;color:var(--ink)}
.home-page .kinetic__counter{position:absolute;inset-inline-end:0;inset-block-end:2rem;display:flex;gap:.4rem;align-items:baseline;border-block-start:2px solid var(--mumbai-red);padding-block-start:.7rem;font-family:var(--font-display);font-size:1.25rem;letter-spacing:.08em}.home-page .kinetic__counter [data-kinetic-current]{font-size:2rem;color:var(--mumbai-red)}
.no-js .home-page .kinetic{height:auto;padding-block:4rem}.no-js .home-page .kinetic__sticky{position:relative;inset:0;height:auto}.no-js .home-page .kinetic__stage{display:grid;gap:1.5rem}.no-js .home-page .kinetic__line{position:relative;opacity:1;transform:none}.no-js .home-page .kinetic__counter{display:none}
.home-page .oral-history .split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.home-page .oral-history .pull-quote{max-width:16ch;margin-block-start:2.5rem;font-size:clamp(1.8rem,2.8vw,3.25rem)}.home-page .oral-history .reading{padding-block-start:.35rem}
.home-page .principle-grid,.home-page .reason-grid,.home-page .family-grid,.home-page .film-grid{margin-block-start:2rem}
.home-page .reason{padding:1.25rem}.home-page .reason__number{font-size:3.2rem}
.home-page #dadar .split{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start}.home-page #dadar .big-line{margin-block-start:2.25rem;padding-block-start:1.5rem;border-block-start:1px solid rgba(243,234,216,.32)}
.home-page .portrait-section .archive-frame{min-height:29rem}
.home-page .livelihood__statement{font-size:clamp(2.2rem,3.25vw,3.9rem)}
.home-page .mumbai-heading{display:grid;grid-template-columns:minmax(12rem,.42fr) minmax(0,1.58fr);gap:clamp(2rem,5vw,5rem);align-items:end;padding-block-end:2.25rem;border-block-end:1px solid rgba(23,19,15,.35)}.home-page .mumbai-heading h2{max-width:17ch}.home-page .mumbai-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,6vw,6rem);margin-block-start:2.5rem}.home-page .mumbai-copy-grid .reading{max-width:none}.home-page .mumbai-conclusion{padding-inline-start:clamp(1.5rem,3vw,3rem);border-inline-start:1px solid rgba(23,19,15,.3)}.home-page .mumbai-conclusion .big-line{margin-block-start:2rem}

.home-page .invention-stage{height:auto!important;min-height:0!important;padding-block:clamp(4.25rem,6vw,6rem)!important}
.home-page .invention-layout{height:auto!important;align-items:start!important}
.home-page .invention-copy h2{font-size:clamp(3.5rem,4.8vw,5.5rem)}
.home-page .invention-steps{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;min-height:0!important;margin-block-start:1.5rem}
.home-page .invention-step{position:relative!important;inset:auto!important;min-height:0;padding:1rem 0;opacity:1!important;visibility:visible!important;transform:none!important}
.home-page .invention-step:nth-child(5){grid-column:1/-1}
.home-page .invention-step strong{font-size:1.35rem}.home-page .invention-step p{font-size:.9rem;line-height:1.55}
.home-page .invention-closing{margin-block-start:1.25rem}
.home-page .invention-art{position:sticky;inset-block-start:7rem;min-height:31rem}
.home-page .invention-art img{opacity:0}.home-page .invention-art .food-final{width:62%;opacity:1;transform:scale(.98)}.home-page .invention-art .food-chilli{opacity:1;transform:translate(67%,65%) rotate(-8deg) scale(.7)}

.gsap-ready[data-motion="full"] .home-page .timeline-section,.home-page .timeline-section{--timeline-sticky-top:5.5rem;position:relative;height:100svh;min-height:42rem;padding:0!important;display:block!important;overflow:clip}
.home-page .timeline-sticky{position:sticky;inset-block-start:var(--timeline-sticky-top);height:calc(100svh - var(--timeline-sticky-top));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding-block:clamp(1.5rem,3vh,2.5rem) 1rem;background:var(--rail-blue)}
.home-page .timeline-section h2{max-width:17ch;font-size:clamp(3.25rem,4.6vw,5.4rem)}.home-page .timeline-intro .reading{max-width:70ch;margin-block-start:.45rem;font-size:.94rem}
.home-page .timeline-viewport{min-height:0;display:flex;align-items:center;overflow:hidden}
.home-page .timeline-track{position:relative;display:flex!important;align-items:stretch;gap:0;width:max-content!important;margin:0!important;padding:1.4rem max(1rem,calc((100vw - var(--content))/2 + 1rem)) .5rem!important;transform:translate3d(0,0,0);will-change:transform}
.home-page .timeline-track::before{display:block!important;inset-inline:0;inset-block-start:3.2rem}
.home-page .timeline-event{flex:0 0 clamp(20rem,25vw,24rem);width:clamp(20rem,25vw,24rem)!important;min-height:15.5rem;padding:4.8rem 1.5rem 1.2rem!important;border:0!important;border-inline-start:1px solid rgba(243,234,216,.35)!important;background:transparent}
.home-page .timeline-event::before{inset-block-start:2.5rem!important;inset-inline-start:1.5rem!important;inline-size:1.25rem;block-size:1.25rem;border:3px solid var(--paper)}
.home-page .timeline-event h3{margin-block:.8rem .6rem;font-size:clamp(1.8rem,2vw,2.25rem)}.home-page .timeline-event p{max-width:35ch;font-size:.84rem;line-height:1.55}
.home-page .timeline-progress{height:3px;padding:0;background:rgba(243,234,216,.22)}.home-page .timeline-progress span{display:block;width:100%;height:100%;background:var(--turmeric);transform:scaleX(0);transform-origin:left center;will-change:transform}
html[data-motion="reduced"] .home-page .timeline-section,.no-js .home-page .timeline-section{height:auto!important;padding-block:4.5rem!important}html[data-motion="reduced"] .home-page .timeline-sticky,.no-js .home-page .timeline-sticky{position:relative;inset:0;height:auto;display:block}html[data-motion="reduced"] .home-page .timeline-viewport,.no-js .home-page .timeline-viewport{overflow:visible}html[data-motion="reduced"] .home-page .timeline-track,.no-js .home-page .timeline-track{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important;transform:none!important}html[data-motion="reduced"] .home-page .timeline-progress,.no-js .home-page .timeline-progress{display:none}

.home-page .family-card{min-height:20rem}.home-page .family-card__portrait{min-height:10rem}
.home-page .film-card{padding:1.5rem}.home-page .film-card__year{font-size:3.25rem}
.home-page .cultural-closing h2{max-width:20ch;font-size:clamp(3.2rem,4.7vw,5.2rem)}
.home-page .faq-list{margin-block-start:2rem}
@media(min-width:1200px){.home-page .family-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}