/* A consistent rhythm for the editorial and gallery pages. */
body[data-page="about"],
body[data-page="gallery"]{
  --inner-gutter:max(clamp(22px, 5.5vw, 88px), calc((100vw - 1440px) / 2));
  --inner-space:clamp(64px, 7vw, 112px);
}
body[data-page="about"] .museum-hero,
body[data-page="about"] .story-scene,
body[data-page="about"] .story-legacy,
body[data-page="about"] .story-interlude,
body[data-page="about"] .story-closing,
body[data-page="about"] .client-section,
body[data-page="gallery"] .page-intro,
body[data-page="gallery"] .gallery-section{
  padding-inline:var(--inner-gutter);
}

/* About: evenly paced chapters, readable measure and a clear image/copy gap. */
body[data-page="about"] .museum-hero{
  padding-top:clamp(130px, 13vw, 180px);
  padding-bottom:var(--inner-space);
}
body[data-page="about"] .museum-heading{margin-bottom:clamp(32px, 4vw, 48px)}
body[data-page="about"] .museum-intro{margin-top:clamp(32px, 4vw, 52px)}
body[data-page="about"] .museum-intro p:not(.lead),
body[data-page="about"] .scene-copy p{
  font-size:clamp(15px, 1.06vw, 16px);
  line-height:1.8;
  max-width:58ch;
}
body[data-page="about"] .scene-copy h2{
  font-size:clamp(36px, 3.7vw, 52px);
  line-height:1.1;
  margin:0 0 24px;
}
body[data-page="about"] .scene-copy p + p{margin-top:18px}
body[data-page="about"] .story-scene,
body[data-page="about"] .story-legacy{
  padding-block:var(--inner-space);
  column-gap:clamp(36px, 6vw, 96px);
}
body[data-page="about"] .story-interlude,
body[data-page="about"] .story-closing,
body[data-page="about"] .client-section{
  padding-block:clamp(56px, 6vw, 88px);
}
body[data-page="about"] .scene-photo figcaption{margin-top:12px;line-height:1.5}
body[data-page="about"] .story-nav a{min-width:0}

/* Gallery: align the intro, filters and cards to the same page gutter. */
body[data-page="gallery"] .page-intro{padding-bottom:clamp(28px, 3.5vw, 48px)}
body[data-page="gallery"] .intro-bottom{gap:clamp(20px, 3vw, 40px)}
body[data-page="gallery"] .intro-bottom p{font-size:clamp(15px, 1.06vw, 16px);line-height:1.75;max-width:58ch}
body[data-page="gallery"] .gallery-section{padding-top:0;padding-bottom:var(--inner-space)}
body[data-page="gallery"] .gallery-meta{padding-block:22px;font-size:12px;line-height:1.5}
body[data-page="gallery"] .gallery-grid[data-view="grid"]{gap:clamp(16px, 1.6vw, 24px)}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card{
  padding:clamp(10px, 1vw, 14px)!important;
  column-gap:clamp(12px, 1.5vw, 20px);
}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card>.eyebrow{line-height:1.45}
body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card h3{line-height:1.12}
body[data-page="gallery"] .archive-note{margin-top:clamp(36px, 4vw, 56px);padding-top:24px;gap:16px}

@media(max-width:760px){
  body[data-page="about"],body[data-page="gallery"]{--inner-space:64px}
  body[data-page="about"] .museum-hero{padding-top:120px}
  body[data-page="about"] .story-scene,
  body[data-page="about"] .story-legacy{row-gap:32px}
  body[data-page="about"] .story-nav{gap:4px}
  body[data-page="about"] .story-nav a{white-space:normal;text-align:center;line-height:1.25}
  body[data-page="about"] .scene-copy h2{font-size:clamp(34px, 8vw, 42px);margin-bottom:20px}
  body[data-page="gallery"] .gallery-meta{padding-block:18px}
}
@media(max-width:480px){
  body[data-page="about"],body[data-page="gallery"]{--inner-space:56px}
  body[data-page="about"] .museum-hero{padding-top:110px}
  body[data-page="about"] .museum-intro .lead{font-size:clamp(24px, 6.4vw, 28px);line-height:1.3}
  body[data-page="about"] .story-scene,
  body[data-page="about"] .story-legacy{row-gap:28px}
  body[data-page="about"] .scene-copy h2{font-size:clamp(32px, 8.3vw, 38px)}
  body[data-page="about"] .story-interlude,
  body[data-page="about"] .story-closing,
  body[data-page="about"] .client-section{padding-block:56px}
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card h3{font-size:clamp(18px, 5vw, 21px);line-height:1.14}
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card>.eyebrow{font-size:9px;line-height:1.4}
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card .video-stats{font-size:10px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card{transition:none}
}

/* Gujarati needs extra line height for vowel marks and stacked characters. */
html[lang="gu"] body[data-page="about"] .scene-copy h2{line-height:1.5;letter-spacing:0}
html[lang="gu"] body[data-page="about"] .museum-intro .lead{line-height:1.65}
html[lang="gu"] body[data-page="about"] .museum-intro p:not(.lead),
html[lang="gu"] body[data-page="about"] .scene-copy p{line-height:1.95}
html[lang="gu"] body[data-page="about"] .story-nav a{line-height:1.5}
html[lang="gu"] body[data-page="gallery"] .gallery-grid[data-view="grid"] .video-card h3{line-height:1.45;letter-spacing:0}

/* Keep the decorative gallery flower behind the introduction on narrow screens. */
@media(max-width:700px){
 body[data-page="gallery"] .page-intro .page-bloom{right:-54px;width:145px;opacity:.18;z-index:0}
 body[data-page="gallery"] .page-intro :is(.eyebrow,h1,.intro-bottom){position:relative;z-index:1}
}

/* Pancham's performance portrait sits alongside the family story. */
body[data-page="about"] .story-legacy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:center;gap:clamp(36px,6vw,88px)}
body[data-page="about"] .story-legacy .scene-copy{margin:0;max-width:680px}
.legacy-pancham-photo{margin:0;width:100%;max-width:510px;justify-self:center;border:0;background:transparent;overflow:visible}
.legacy-pancham-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border:0;mask-image:radial-gradient(ellipse 70% 70% at 53% 48%,#000 42%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 53% 48%,#000 42%,transparent 75%)}
@media(max-width:760px){body[data-page="about"] .story-legacy{grid-template-columns:minmax(0,1fr);gap:32px}.legacy-pancham-photo{max-width:520px}}