/* NPS Shop — दीपावली विशेष : festive banner layer. Loaded only while the festive banner is on. */

/* ---------- festive banner (Diwali): a woven zari border the books stand on, and a buti scatter ----------
   Both layers belong to the banner, not to a slide, so they stay put while the colours change under them.
   The gold is a gradient seen through the motif (CSS mask), so it shimmers like zari. */
.npss .bn--fest{--zh:clamp(92px,12.5svh,128px);--gold:#EBC97A;
  --zari:linear-gradient(100deg,#8E6A2B 0%,#E8C676 14%,#B1873A 28%,#F6E2A6 44%,#A47A33 60%,#EDCB7E 76%,#8E6A2B 100%)}
.npss .bn--fest::before{display:none}
.npss .bn--fest .zari,.npss .bn--fest .booti{position:absolute;left:0;right:0;pointer-events:none;transition:opacity 1s var(--ease)}
.npss .bn--fest .zari{bottom:0;height:var(--zh);z-index:0;background:rgba(0,0,0,.16);box-shadow:0 -1px 0 rgba(0,0,0,.08)}
.npss .bn--fest .zari::before,.npss .bn--fest .booti{background:var(--zari);background-size:300% 100%;animation:npss-zari 16s linear infinite}
.npss .bn--fest .zari::before{content:"";position:absolute;inset:10% 0 9%;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22160%22%20height=%22124%22%20viewBox=%220%200%20160%20124%22%3E%3Cg%20fill=%22%23000%22%3E%3Cpath%20d=%22M33%2024Q33%2013%2040%205Q47%2013%2047%2024Z%22/%3E%3Cpath%20d=%22M27%2024Q27%2018%2032%2015Q33%2020%2034%2024Z%22/%3E%3Cpath%20d=%22M53%2024Q53%2018%2048%2015Q47%2020%2046%2024Z%22/%3E%3Cpath%20d=%22M113%2024Q113%2013%20120%205Q127%2013%20127%2024Z%22/%3E%3Cpath%20d=%22M107%2024Q107%2018%20112%2015Q113%2020%20114%2024Z%22/%3E%3Cpath%20d=%22M133%2024Q133%2018%20128%2015Q127%2020%20126%2024Z%22/%3E%3Ccircle%20cx=%220%22%20cy=%2220%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2280%22%20cy=%2220%22%20r=%222.6%22/%3E%3Ccircle%20cx=%22160%22%20cy=%2220%22%20r=%222.6%22/%3E%3Crect%20y=%2226%22%20width=%22160%22%20height=%222.2%22/%3E%3Crect%20y=%2231%22%20width=%22160%22%20height=%220.9%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2818%2038%29%22%3E%3Cg%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M33%2012C32%2017%2038%2019%2041%2015C45%2010%2041%202%2031%203C16%204%203%2016%202%2032C1%2044%208%2055%2022%2055C36%2055%2044%2045%2042%2033C40%2024%2034%2022%2033%2017%22/%3E%3Cpath%20d=%22M22%2049C13%2049%208%2042%209%2034C10%2024%2018%2016%2027%2014C31%2013%2033%2016%2032%2019C30%2024%2036%2027%2036%2033C37%2042%2031%2049%2022%2049Z%22%20stroke-width=%221.6%22/%3E%3C/g%3E%3Cg%20fill=%22%23000%22%3E%3Ccircle%20cx=%2222%22%20cy=%2236%22%20r=%224.2%22/%3E%3Ccircle%20cx=%2222%22%20cy=%2227%22%20r=%221.8%22/%3E%3Ccircle%20cx=%2215%22%20cy=%2238%22%20r=%221.8%22/%3E%3Ccircle%20cx=%2229%22%20cy=%2238%22%20r=%221.8%22/%3E%3Ccircle%20cx=%2222%22%20cy=%2245%22%20r=%221.8%22/%3E%3C/g%3E%3C/g%3E%3Cg%20fill=%22%23000%22%3E%3Cellipse%20cx=%22131.0%22%20cy=%2266.0%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%280%20131.0%2066.0%29%22/%3E%3Cellipse%20cx=%22127.8%22%20cy=%2273.8%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%2845%20127.8%2073.8%29%22/%3E%3Cellipse%20cx=%22120.0%22%20cy=%2277.0%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%2890%20120.0%2077.0%29%22/%3E%3Cellipse%20cx=%22112.2%22%20cy=%2273.8%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%28135%20112.2%2073.8%29%22/%3E%3Cellipse%20cx=%22109.0%22%20cy=%2266.0%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%28180%20109.0%2066.0%29%22/%3E%3Cellipse%20cx=%22112.2%22%20cy=%2258.2%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%28225%20112.2%2058.2%29%22/%3E%3Cellipse%20cx=%22120.0%22%20cy=%2255.0%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%28270%20120.0%2055.0%29%22/%3E%3Cellipse%20cx=%22127.8%22%20cy=%2258.2%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%28315%20127.8%2058.2%29%22/%3E%3Ccircle%20cx=%22120%22%20cy=%2266%22%20r=%224.4%22/%3E%3C/g%3E%3Ccircle%20cx=%22120%22%20cy=%2266%22%20r=%2218%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.6%22/%3E%3Cg%20fill=%22%23000%22%3E%3Crect%20y=%2298%22%20width=%22160%22%20height=%220.9%22/%3E%3Crect%20y=%22101%22%20width=%22160%22%20height=%222.2%22/%3E%3Ccircle%20cx=%225%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2215%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2225%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2235%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2245%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2255%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2265%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2275%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2285%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2295%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22105%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22115%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22125%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22135%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22145%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22155%22%20cy=%22110%22%20r=%221.7%22/%3E%3Cpath%20d=%22M0%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M10%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M20%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M30%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M40%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M50%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M60%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M70%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M80%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M90%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M100%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M110%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M120%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M130%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M140%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M150%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Crect%20y=%22116%22%20width=%22160%22%20height=%222.2%22/%3E%3Crect%20y=%22121%22%20width=%22160%22%20height=%220.9%22/%3E%3C/g%3E%3C/svg%3E") repeat-x 0 50%/auto 100%;mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22160%22%20height=%22124%22%20viewBox=%220%200%20160%20124%22%3E%3Cg%20fill=%22%23000%22%3E%3Cpath%20d=%22M33%2024Q33%2013%2040%205Q47%2013%2047%2024Z%22/%3E%3Cpath%20d=%22M27%2024Q27%2018%2032%2015Q33%2020%2034%2024Z%22/%3E%3Cpath%20d=%22M53%2024Q53%2018%2048%2015Q47%2020%2046%2024Z%22/%3E%3Cpath%20d=%22M113%2024Q113%2013%20120%205Q127%2013%20127%2024Z%22/%3E%3Cpath%20d=%22M107%2024Q107%2018%20112%2015Q113%2020%20114%2024Z%22/%3E%3Cpath%20d=%22M133%2024Q133%2018%20128%2015Q127%2020%20126%2024Z%22/%3E%3Ccircle%20cx=%220%22%20cy=%2220%22%20r=%222.6%22/%3E%3Ccircle%20cx=%2280%22%20cy=%2220%22%20r=%222.6%22/%3E%3Ccircle%20cx=%22160%22%20cy=%2220%22%20r=%222.6%22/%3E%3Crect%20y=%2226%22%20width=%22160%22%20height=%222.2%22/%3E%3Crect%20y=%2231%22%20width=%22160%22%20height=%220.9%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2818%2038%29%22%3E%3Cg%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M33%2012C32%2017%2038%2019%2041%2015C45%2010%2041%202%2031%203C16%204%203%2016%202%2032C1%2044%208%2055%2022%2055C36%2055%2044%2045%2042%2033C40%2024%2034%2022%2033%2017%22/%3E%3Cpath%20d=%22M22%2049C13%2049%208%2042%209%2034C10%2024%2018%2016%2027%2014C31%2013%2033%2016%2032%2019C30%2024%2036%2027%2036%2033C37%2042%2031%2049%2022%2049Z%22%20stroke-width=%221.6%22/%3E%3C/g%3E%3Cg%20fill=%22%23000%22%3E%3Ccircle%20cx=%2222%22%20cy=%2236%22%20r=%224.2%22/%3E%3Ccircle%20cx=%2222%22%20cy=%2227%22%20r=%221.8%22/%3E%3Ccircle%20cx=%2215%22%20cy=%2238%22%20r=%221.8%22/%3E%3Ccircle%20cx=%2229%22%20cy=%2238%22%20r=%221.8%22/%3E%3Ccircle%20cx=%2222%22%20cy=%2245%22%20r=%221.8%22/%3E%3C/g%3E%3C/g%3E%3Cg%20fill=%22%23000%22%3E%3Cellipse%20cx=%22131.0%22%20cy=%2266.0%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%280%20131.0%2066.0%29%22/%3E%3Cellipse%20cx=%22127.8%22%20cy=%2273.8%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%2845%20127.8%2073.8%29%22/%3E%3Cellipse%20cx=%22120.0%22%20cy=%2277.0%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%2890%20120.0%2077.0%29%22/%3E%3Cellipse%20cx=%22112.2%22%20cy=%2273.8%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%28135%20112.2%2073.8%29%22/%3E%3Cellipse%20cx=%22109.0%22%20cy=%2266.0%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%28180%20109.0%2066.0%29%22/%3E%3Cellipse%20cx=%22112.2%22%20cy=%2258.2%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%28225%20112.2%2058.2%29%22/%3E%3Cellipse%20cx=%22120.0%22%20cy=%2255.0%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%28270%20120.0%2055.0%29%22/%3E%3Cellipse%20cx=%22127.8%22%20cy=%2258.2%22%20rx=%224.6%22%20ry=%222.4%22%20transform=%22rotate%28315%20127.8%2058.2%29%22/%3E%3Ccircle%20cx=%22120%22%20cy=%2266%22%20r=%224.4%22/%3E%3C/g%3E%3Ccircle%20cx=%22120%22%20cy=%2266%22%20r=%2218%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.6%22/%3E%3Cg%20fill=%22%23000%22%3E%3Crect%20y=%2298%22%20width=%22160%22%20height=%220.9%22/%3E%3Crect%20y=%22101%22%20width=%22160%22%20height=%222.2%22/%3E%3Ccircle%20cx=%225%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2215%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2225%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2235%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2245%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2255%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2265%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2275%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2285%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2295%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22105%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22115%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22125%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22135%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22145%22%20cy=%22110%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22155%22%20cy=%22110%22%20r=%221.7%22/%3E%3Cpath%20d=%22M0%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M10%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M20%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M30%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M40%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M50%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M60%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M70%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M80%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M90%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M100%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M110%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M120%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M130%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M140%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Cpath%20d=%22M150%20110q5%20-5%2010%200%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221%22/%3E%3Crect%20y=%22116%22%20width=%22160%22%20height=%222.2%22/%3E%3Crect%20y=%22121%22%20width=%22160%22%20height=%220.9%22/%3E%3C/g%3E%3C/svg%3E") repeat-x 0 50%/auto 100%;transition:opacity 1s var(--ease)}
.npss .bn--fest .booti{top:0;bottom:var(--zh);z-index:0;opacity:.26;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22150%22%20height=%22170%22%20viewBox=%220%200%20150%20170%22%3E%3Cg%20fill=%22%23000%22%3E%3Ccircle%20cx=%2237.0%22%20cy=%2232.6%22%20r=%223.9%22/%3E%3Ccircle%20cx=%2242.5%22%20cy=%2235.8%22%20r=%223.9%22/%3E%3Ccircle%20cx=%2242.5%22%20cy=%2242.2%22%20r=%223.9%22/%3E%3Ccircle%20cx=%2237.0%22%20cy=%2245.4%22%20r=%223.9%22/%3E%3Ccircle%20cx=%2231.5%22%20cy=%2242.2%22%20r=%223.9%22/%3E%3Ccircle%20cx=%2231.5%22%20cy=%2235.8%22%20r=%223.9%22/%3E%3C/g%3E%3Ccircle%20cx=%2237.0%22%20cy=%2239.0%22%20r=%221.1%22/%3E%3Cg%20fill=%22%23000%22%3E%3Cpath%20d=%22M37.0%2045.0v9.0%22%20stroke=%22%23000%22%20stroke-width=%221.4%22/%3E%3Cellipse%20cx=%2232.0%22%20cy=%2251.0%22%20rx=%225.0%22%20ry=%222.2%22%20transform=%22rotate%28-30%2032.0%2051.0%29%22/%3E%3Cellipse%20cx=%2242.0%22%20cy=%2251.0%22%20rx=%225.0%22%20ry=%222.2%22%20transform=%22rotate%2830%2042.0%2051.0%29%22/%3E%3C/g%3E%3Cg%20fill=%22%23000%22%3E%3Ccircle%20cx=%22112.0%22%20cy=%22117.6%22%20r=%223.9%22/%3E%3Ccircle%20cx=%22117.5%22%20cy=%22120.8%22%20r=%223.9%22/%3E%3Ccircle%20cx=%22117.5%22%20cy=%22127.2%22%20r=%223.9%22/%3E%3Ccircle%20cx=%22112.0%22%20cy=%22130.4%22%20r=%223.9%22/%3E%3Ccircle%20cx=%22106.5%22%20cy=%22127.2%22%20r=%223.9%22/%3E%3Ccircle%20cx=%22106.5%22%20cy=%22120.8%22%20r=%223.9%22/%3E%3C/g%3E%3Ccircle%20cx=%22112.0%22%20cy=%22124.0%22%20r=%221.1%22/%3E%3Cg%20fill=%22%23000%22%3E%3Cpath%20d=%22M112.0%20130.0v9.0%22%20stroke=%22%23000%22%20stroke-width=%221.4%22/%3E%3Cellipse%20cx=%22107.0%22%20cy=%22136.0%22%20rx=%225.0%22%20ry=%222.2%22%20transform=%22rotate%28-30%20107.0%20136.0%29%22/%3E%3Cellipse%20cx=%22117.0%22%20cy=%22136.0%22%20rx=%225.0%22%20ry=%222.2%22%20transform=%22rotate%2830%20117.0%20136.0%29%22/%3E%3C/g%3E%3C/svg%3E") repeat 0 0/186px 210px;mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22150%22%20height=%22170%22%20viewBox=%220%200%20150%20170%22%3E%3Cg%20fill=%22%23000%22%3E%3Ccircle%20cx=%2237.0%22%20cy=%2232.6%22%20r=%223.9%22/%3E%3Ccircle%20cx=%2242.5%22%20cy=%2235.8%22%20r=%223.9%22/%3E%3Ccircle%20cx=%2242.5%22%20cy=%2242.2%22%20r=%223.9%22/%3E%3Ccircle%20cx=%2237.0%22%20cy=%2245.4%22%20r=%223.9%22/%3E%3Ccircle%20cx=%2231.5%22%20cy=%2242.2%22%20r=%223.9%22/%3E%3Ccircle%20cx=%2231.5%22%20cy=%2235.8%22%20r=%223.9%22/%3E%3C/g%3E%3Ccircle%20cx=%2237.0%22%20cy=%2239.0%22%20r=%221.1%22/%3E%3Cg%20fill=%22%23000%22%3E%3Cpath%20d=%22M37.0%2045.0v9.0%22%20stroke=%22%23000%22%20stroke-width=%221.4%22/%3E%3Cellipse%20cx=%2232.0%22%20cy=%2251.0%22%20rx=%225.0%22%20ry=%222.2%22%20transform=%22rotate%28-30%2032.0%2051.0%29%22/%3E%3Cellipse%20cx=%2242.0%22%20cy=%2251.0%22%20rx=%225.0%22%20ry=%222.2%22%20transform=%22rotate%2830%2042.0%2051.0%29%22/%3E%3C/g%3E%3Cg%20fill=%22%23000%22%3E%3Ccircle%20cx=%22112.0%22%20cy=%22117.6%22%20r=%223.9%22/%3E%3Ccircle%20cx=%22117.5%22%20cy=%22120.8%22%20r=%223.9%22/%3E%3Ccircle%20cx=%22117.5%22%20cy=%22127.2%22%20r=%223.9%22/%3E%3Ccircle%20cx=%22112.0%22%20cy=%22130.4%22%20r=%223.9%22/%3E%3Ccircle%20cx=%22106.5%22%20cy=%22127.2%22%20r=%223.9%22/%3E%3Ccircle%20cx=%22106.5%22%20cy=%22120.8%22%20r=%223.9%22/%3E%3C/g%3E%3Ccircle%20cx=%22112.0%22%20cy=%22124.0%22%20r=%221.1%22/%3E%3Cg%20fill=%22%23000%22%3E%3Cpath%20d=%22M112.0%20130.0v9.0%22%20stroke=%22%23000%22%20stroke-width=%221.4%22/%3E%3Cellipse%20cx=%22107.0%22%20cy=%22136.0%22%20rx=%225.0%22%20ry=%222.2%22%20transform=%22rotate%28-30%20107.0%20136.0%29%22/%3E%3Cellipse%20cx=%22117.0%22%20cy=%22136.0%22%20rx=%225.0%22%20ry=%222.2%22%20transform=%22rotate%2830%20117.0%20136.0%29%22/%3E%3C/g%3E%3C/svg%3E") repeat 0 0/186px 210px;
}
/* the usual slides keep their own colours and wear the weave more quietly */
.npss .bn--fest:not([data-fest="1"]) .booti{opacity:.1}
.npss .bn--fest:not([data-fest="1"]) .zari{background:rgba(0,0,0,.07)}
.npss .bn--fest:not([data-fest="1"]) .zari::before{opacity:.62}
@keyframes npss-zari{to{background-position:300% 0}}

/* books stand on the border */
.npss .bn--fest .slide{padding-bottom:calc(var(--zh) - 2px)}
.npss .bn--fest .count{bottom:calc(var(--zh) + 16px)}

/* a bundle: its covers fanned like a hand of cards, opening when the slide arrives */
.npss .bn .fan{justify-self:end;position:relative;width:min(100%,580px);height:min(50svh,460px);margin-bottom:clamp(14px,2.6svh,28px)}
.npss .bn .fan img{position:absolute;bottom:0;width:var(--cw,36%);height:auto;left:calc(var(--i) * (100% - var(--cw,36%)) / (var(--n) - 1));
  transform-origin:50% 100%;filter:drop-shadow(-14px 20px 18px rgba(0,0,0,.34)) drop-shadow(-1px 2px 3px rgba(0,0,0,.2));
  transform:translateX(var(--c,0%)) rotate(0deg);opacity:0;
  transition:transform 1.15s var(--ease),opacity .7s var(--ease)}
.npss .bn .slide.on .fan img{opacity:1;transform:translateY(var(--y)) rotate(var(--r));transition-delay:calc(.12s + var(--i) * .05s)}
.npss .bn .slide.out .fan img{opacity:0;transition:opacity .45s var(--ease);transition-delay:0s}

/* words: a small festive heading, the name, what is in it, the price, one button */
.npss .bn .fest-k{display:flex;align-items:center;gap:14px;font-family:var(--f-hi-head);font-weight:400;font-size:1.08rem;color:var(--gold)}
.npss .bn .fest-k::before,.npss .bn .fest-k::after{content:"";width:34px;height:1px;background:currentColor;opacity:.7}
.npss .bn .fest-k span{font-family:var(--f-en-head);font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;opacity:.85;order:3}
.npss .bn .fest-k::after{order:4}
.npss .bn .slide--fest .ttl{margin-top:clamp(14px,2.4svh,24px)}
.npss .bn .fest-pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-top:clamp(18px,3svh,30px);font-family:var(--f-en-text)}
.npss .bn .fest-pr s{font-size:1.2rem;opacity:.6}
.npss .bn .fest-pr b{font-weight:400;font-size:clamp(2rem,2.6vw,2.6rem);line-height:1}
.npss .bn .fest-pr span{font-family:var(--f-hi-head);font-size:.98rem;color:var(--gold)}
.npss .bn .fest-btn{margin-top:clamp(18px,3svh,28px);border:0;cursor:pointer;font-family:var(--f-hi-head);font-weight:500;font-size:1.02rem;line-height:1.3;
  padding:14px 30px 12px;color:#2A1206;background:var(--zari);background-size:300% 100%;background-position:30% 0;transition:background-position .9s var(--ease),transform .3s var(--ease)}
.npss .bn .fest-btn:hover{background-position:70% 0}
.npss .bn .fest-btn:active{transform:translateY(1px)}
.npss .bn .slide.on .txt>:nth-child(5){transition-delay:.64s}

@media (max-width:760px){
  .npss .bn--fest{--zh:68px}
  .npss .bn--fest .slide{padding-bottom:calc(var(--zh) + 18px)}
  .npss .bn .fan{justify-self:center;width:min(74vw,340px);height:min(30svh,250px);margin-bottom:6px}
  .npss .bn .slide--fest{row-gap:28px}
  .npss .bn .fest-k{justify-content:center}
  .npss .bn .fest-pr{justify-content:center}
  .npss .bn--fest .booti{-webkit-mask-size:110px 125px;mask-size:110px 125px}
}
@media (prefers-reduced-motion:reduce){
  .npss .bn--fest .zari::before,.npss .bn--fest .booti{animation:none}
  .npss .bn .slide .fan img{opacity:1;transform:translateY(var(--y)) rotate(var(--r))}
}
/* bundle slides: the fanned covers sit level with the words, both centred between the menu and the border */
@media (min-width:761px){
  .npss .bn .slide--fest{align-items:center;padding-top:clamp(84px,11svh,120px)}
  .npss .bn .slide--fest .fan{align-self:center;margin-bottom:0;height:min(46svh,440px)}
  .npss .bn .slide--fest .txt{align-self:center;padding-top:0}
}
/* the six-book Shukla fan is lower and wider than the four-book one, so it sits a little higher */
@media (min-width:761px){.npss .bn .slide--shukla .fan{top:-6svh}}
/* slide change: a band of gold light sweeps across, like zari catching the light */
.npss .bn--fest .sweep{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.npss .bn--fest .sweep::before{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:38%;
  background:linear-gradient(100deg,transparent 0%,rgba(246,226,166,0) 18%,rgba(246,226,166,.22) 42%,rgba(255,244,214,.38) 50%,rgba(246,226,166,.22) 58%,rgba(246,226,166,0) 82%,transparent 100%);
  transform:translateX(-120%) skewX(-14deg);opacity:0}
.npss .bn--fest .sweep.go::before{animation:npss-sweep 1.25s cubic-bezier(.45,.05,.25,1) both}
.npss .bn--fest[data-dir="prev"] .sweep.go::before{animation-name:npss-sweep-back}
@keyframes npss-sweep{0%{transform:translateX(-120%) skewX(-14deg);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(300%) skewX(-14deg);opacity:0}}
@keyframes npss-sweep-back{0%{transform:translateX(300%) skewX(-14deg);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(-120%) skewX(-14deg);opacity:0}}
/* the hand of covers glides in from the side, then fans open */
.npss .bn .slide--fest .fan{opacity:0;transform:translateX(var(--dx));transition:transform 1.1s var(--ease),opacity .7s var(--ease)}
.npss .bn .slide--fest.on .fan{opacity:1;transform:none}
.npss .bn .slide--fest.out .fan{opacity:0;transform:translateX(calc(var(--dx) * -1));transition:transform .8s var(--ease),opacity .5s var(--ease)}
.npss .bn .slide--fest.on .fan img{transition-delay:calc(.35s + var(--i) * .06s)}
@media (prefers-reduced-motion:reduce){.npss .bn--fest .sweep{display:none}.npss .bn .slide--fest .fan{opacity:1;transform:none}}
.npss .bn .slide.out .txt>*{transition:transform .3s var(--ease),opacity .2s linear}
.npss .bn .slide.on .txt>:nth-child(1){transition-delay:.42s}
.npss .bn .slide.on .txt>:nth-child(2){transition-delay:.5s}
.npss .bn .slide.on .txt>:nth-child(3){transition-delay:.58s}
.npss .bn .slide.on .txt>:nth-child(4){transition-delay:.66s}
.npss .bn .slide.on .txt>:nth-child(5){transition-delay:.74s}
