/* Compendium Note — India edition (v8.8–v8.9): mood and patterns over ../site.css.
   Paper → the owner's Punjab paisley, faint (v9.0; v8.8–8.9: a drawn paisley) · beige grounds → a block-print buti · blue and dark grounds → a jaali lattice.
   The skies keep ../img/bg.webp under a saffron dusk; the peak is named Kailash until its own art arrives.
   v8.9: Bharata in the hero (img/bharata.webp); the cans wear the India label (img/can_*.webp, img/bn_boost_*.webp). */
.cn-root{background-color:var(--paper);background-image:url('img/paisley-tile.webp');background-size:320px 320px}
.friends,.join,.foot,.langs{background-color:transparent}
.hero{background:radial-gradient(55% 70% at 80% 26%,#FFE0AA 0%,rgba(255,224,170,0) 62%),radial-gradient(45% 55% at 6% 0%,#FBE2CC 0%,rgba(251,226,204,0) 62%),url('img/paisley-tile.webp') 0 0/320px 320px,linear-gradient(180deg,#FFFDF7 0%,#FDFBF4 70%,#FAF9F1 100%)}
.comm,.feat-extra,.comp{background-image:url('img/buti.svg');background-size:72px 72px}
.learn{background-image:url('img/jaali.svg');background-size:56px 56px}
/* v9.0: behind the devices, Mira and „made with love” the lattice is half as strong (owner, 11-05) */
.persona,.dl{background-image:url('img/jaali-soft.svg');background-size:56px 56px}
.onway{background-image:url('img/jaali-soft.svg'),radial-gradient(60% 50% at 50% 30%,#1B1E26 0%,#0A0B0E 70%);background-size:56px 56px,auto}
.hub-pill{background-image:url('img/jaali.svg');background-size:28px 28px}
.oly{background-image:linear-gradient(180deg,rgba(236,140,40,.20) 0%,rgba(255,176,72,.10) 45%,rgba(255,200,120,0) 75%),url('../img/bg.webp')}
.voices{background-image:linear-gradient(180deg,rgba(255,200,120,0) 20%,rgba(236,140,40,.14) 70%,rgba(214,110,40,.18) 100%),url('../img/bg.webp')}
/* the can wears its India label (from Kailash, by Bharata) */
.cn-f{background-image:linear-gradient(180deg,#eef1f4 0px,#b9c0c8 6px,#f4f6f8 11px,#c9cfd6 16px,rgba(0,0,0,0) 16px,rgba(0,0,0,0) 316px,#d4d8de 316px,#9aa2ac 326px),linear-gradient(180deg,rgba(0,0,0,.20) 0px,rgba(0,0,0,0) 26px,rgba(0,0,0,0) 304px,rgba(0,0,0,.24) 326px),linear-gradient(90deg,rgba(0,0,0,0.750) 0.00px,rgba(0,0,0,0.750) 11.79px,rgba(0,0,0,0.750) 23.59px,rgba(0,0,0,0.750) 35.38px,rgba(0,0,0,0.750) 47.17px,rgba(0,0,0,0.750) 58.97px,rgba(0,0,0,0.750) 70.76px,rgba(0,0,0,0.750) 82.55px,rgba(0,0,0,0.750) 94.35px,rgba(0,0,0,0.750) 106.14px,rgba(0,0,0,0.750) 117.93px,rgba(0,0,0,0.691) 129.73px,rgba(0,0,0,0.600) 141.52px,rgba(0,0,0,0.511) 153.31px,rgba(0,0,0,0.425) 165.11px,rgba(0,0,0,0.345) 176.90px,rgba(1,1,1,0.271) 188.69px,rgba(14,14,14,0.213) 200.49px,rgba(98,98,98,0.218) 212.28px,rgba(202,202,202,0.342) 224.07px,rgba(234,234,234,0.436) 235.87px,rgba(235,235,235,0.293) 247.66px,rgba(225,225,225,0.095) 259.45px,rgba(211,211,211,0.014) 271.25px,rgba(255,255,255,0.001) 283.04px,rgba(2,2,2,0.003) 294.83px,rgba(0,0,0,0.012) 306.63px,rgba(0,0,0,0.031) 318.42px,rgba(0,0,0,0.059) 330.21px,rgba(0,0,0,0.098) 342.01px,rgba(0,0,0,0.146) 353.80px,rgba(2,2,2,0.205) 365.59px,rgba(27,27,27,0.293) 377.39px,rgba(80,80,80,0.434) 389.18px,rgba(54,54,54,0.484) 400.97px,rgba(6,6,6,0.517) 412.77px,rgba(0,0,0,0.600) 424.56px,rgba(0,0,0,0.691) 436.35px,rgba(0,0,0,0.750) 448.15px,rgba(0,0,0,0.750) 459.94px,rgba(0,0,0,0.750) 471.73px,rgba(0,0,0,0.750) 483.53px,rgba(0,0,0,0.750) 495.32px,rgba(0,0,0,0.750) 507.11px,rgba(0,0,0,0.750) 518.91px,rgba(0,0,0,0.750) 530.70px,rgba(0,0,0,0.750) 542.49px,rgba(0,0,0,0.750) 554.29px,rgba(0,0,0,0.750) 566.08px),url('img/label-in.webp')}
/* v9.2 (owner): the note on the line of Bharata's face, right of her hair (narrower desktops keep it beside the crown) */
@media (min-width:861px){.hero-athene .ath-note{left:80.4%;top:29.9%}}
@media (min-width:861px) and (max-width:1180px){.hero-athene .ath-note{left:62%;top:-4%}}
@media (min-width:861px) and (max-width:980px){.hero-athene .ath-note{left:41%;top:-7%}}
/* v9.0: the big glyph behind „I AM always ON THE ROAD WAY.” is लीला (līlā) instead of 道 */
.onway .dao{font-family:'Noto Serif Devanagari',serif;font-size:330px;line-height:1.1}
@media (max-width:860px){.onway .dao{font-size:200px}}
/* v9.2 (owner): the floating screen 40 px further left (40 / 887), over Bharata's palm */
.hero-athene .hero-palm{left:15.89%}
