/* PUJA • KOLKATA — responsive layer */
@media (max-width: 1024px) {
  .grid4 { grid-template-columns: repeat(2, 1fr); }
  .daystrip { grid-template-columns: repeat(3, 1fr); }
  .process { grid-template-columns: repeat(4, 1fr); }
  .foot-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 820px) {
  .nav .links {
    position: fixed; inset: var(--nav-h) 0 auto 0; background: var(--ivory);
    flex-direction: column; align-items: stretch; gap: 0; padding: .6rem 1.2rem 1.4rem;
    border-bottom: 1px solid var(--line); display: none; max-height: calc(100svh - var(--nav-h)); overflow-y: auto;
  }
  .nav .links.open { display: flex; }
  .nav .links a, .nav .links .search-btn { padding: .9rem .2rem; border-bottom: 1px solid var(--line); text-align: left; border-radius: 0; }
  .nav .links .search-btn { border: 0; border-bottom: 1px solid var(--line); }
  .menu-btn { display: block; }
  .menu-btn[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .menu-btn[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .menu-btn[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .split, .split.flip > :first-child { grid-template-columns: 1fr; order: initial; }
  .split { gap: 2rem; }
  .grid3, .grid2 { grid-template-columns: 1fr; }
  .daystrip { grid-template-columns: repeat(2, 1fr); }
  .contrast { grid-template-columns: 1fr; }
  .gloss-term { grid-template-columns: 1fr; gap: .3rem; }
  .narrow { padding-top: 3.5rem; padding-bottom: 3.5rem; }
  .hero-text { padding-bottom: 5.5rem; }
  .seq-cta { bottom: .8rem; }
  .lb-nav { width: 44px; height: 44px; }
  #lbPrev { left: .5rem; } #lbNext { right: .5rem; }
  .story-cap { padding-bottom: 7.5rem; }
  .process { grid-template-columns: repeat(2, 1fr); }
  .foot-grid { grid-template-columns: 1fr; gap: 1.8rem; }
}
@media (max-width: 420px) {
  .daystrip { grid-template-columns: 1fr 1fr; }
  .grid4 { grid-template-columns: 1fr 1fr; }
  .cta-row .btn { width: 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
  .scroll-cue { animation: none; }
  .story-progress i.now::after { animation: none; }
}