/* The Diwali Home (owner, 29 Oct 2026; prototype storefront/home-diwali.css): the Dussehra Home's
   rules (home-dussehra.css, served byte for byte from its freeze) plus exactly the prototype's Diwali
   changes, scoped so the Dussehra page is untouched: the Festive Story's five-day row (.nc--five) and
   the Edit's two short paragraphs. Loaded after home-dussehra.css. */

/* Five days in one row, held to 1240 px so five arches read as cards, not posters. */
.nc--five .nc__row { margin: 0 auto; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(10px, 1.2vw, 20px); max-width: 1240px; }
@media (min-width: 600px) {
  .nc--five .nc__card, .nc--five .nc__halo { aspect-ratio: 0.56; }
}
/* 1100–1359: the five fit one row, so nothing swipes (Dussehra's nine swipe here). */
@media (max-width: 1359px) and (min-width: 600px) {
  .nc--five .nc__row { display: grid; overflow: visible; scroll-snap-type: none; padding-inline: 0; scroll-padding-inline: 0; }
}
/* Tablets, 600–1099: three over two, the second row centred under the first; all five visible. */
@media (max-width: 1099px) and (min-width: 600px) {
  .nc--five .nc__row { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 30px 14px; max-width: 760px; }
  .nc--five .nc__item { grid-column: span 2; }
  .nc--five .nc__item:nth-child(4) { grid-column: 2 / span 2; }
}
/* Phones: three over two, the second pair centred; the middle card of the first row set lower. */
@media (max-width: 599px) {
  .nc--five .nc__row { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 42px 11px; } /* 42: clears the lowered middle card above the centred pair */
  .nc--five .nc__item { grid-column: span 2; }
  .nc--five .nc__item:nth-child(4) { grid-column: 2 / span 2; }
  .nc--five .nc__item:nth-child(3n + 2) { translate: none; }
  .nc--five .nc__item:nth-child(2) { translate: 0 22px; }
  .nc--five .nc__item[data-nc-item="4"] .nc__photo .ph-img { object-position: 80% 16%; } /* Bhai Dooj: the narrow card keeps both faces */
}
@media (max-width: 359px) { .nc--five .nc__row { gap: 42px 8px; } }

/* The Edit's intro in two short paragraphs (one on Dussehra, where these never match). */
.ed__intro + .ed__intro { margin-top: 0.7em; }
@media (min-width: 720px) and (max-width: 1099px) and (orientation: portrait) {
  .ed__intro:has(+ .ed__intro), .ed__intro + .ed__intro { max-width: 36ch; } /* each short sentence on two lines, as on phones */
}