/* relaxrelaxingmusic.com: the Indian music pages. Heritage look: handmade cream paper, sap green and rust
   (block-printed cotton, lime-plaster walls), deep maroon Devanagari, aged gold rules, Cormorant serif. */
:root,[data-theme="light"]{--paper:#EFE6D2;--paper-2:#E3D6BB;--card:#F6EFE0;--ink:#2A2119;--ink-soft:#574636;--ink-faint:#7F6C5A;--lapis:#3F4F35;--verm:#A34A2A;--maroon:#7E1F1F;--saffron:#A87422;--mal:#3F4F35;--green:#3F4F35;--rust:#A34A2A;--sage:#8E9E86;--gold:#9C7A3C;--gold-l:#CDB079;--line:rgba(42,33,25,.18);--line-s:rgba(42,33,25,.09);--focus:#3F4F35;--cream:#EFE6D2;color-scheme:light}
[data-theme="dark"]{--paper:#1A2118;--paper-2:#232C20;--card:#262F22;--ink:#EFE6D2;--ink-soft:#CFC3AC;--ink-faint:#A0937D;--lapis:#C5D2AC;--verm:#DE8460;--maroon:#E8907E;--saffron:#DDAE5C;--mal:#A9BC92;--green:#A9BC92;--rust:#DE8460;--sage:#8E9E86;--gold:#CDB079;--gold-l:#E2CC98;--line:rgba(239,230,210,.2);--line-s:rgba(239,230,210,.1);--focus:#DDAE5C;--cream:#EFE6D2;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{font-family:"Inter",system-ui,sans-serif;font-size:17px;line-height:1.7;background:var(--paper) var(--paper-img,none) repeat center top/640px;color:var(--ink);-webkit-font-smoothing:antialiased}
[data-theme="dark"] body{background-image:none}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .32 0 0 0 0 .18 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
[data-theme="dark"] body::before{opacity:.18}
main,header,footer{position:relative;z-index:1}
a{color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
.fd{font-family:"Cormorant Garamond",Georgia,serif}
.disp,h1.t,h2.s,.ck-panel .ck-name,.room b,.pager b{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500}
[lang="hi"]{font-family:"Tiro Devanagari Hindi","Cormorant Garamond",serif;font-style:normal}
.mast,h1.t [lang="hi"]{font-family:"Amita","Tiro Devanagari Hindi",serif;font-weight:700}
.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(16px,4.5vw,48px)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:6px;z-index:500}.skip:focus{left:8px}

/* painted border band (hashiya) */
.hashiya{height:18px;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);background:#3F4F35 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='14' viewBox='0 0 24 14'%3E%3Cpath d='M0 14 6 6 12 14ZM12 14 18 6 24 14Z' fill='%23EFE6D2' opacity='.92'/%3E%3Ccircle cx='6' cy='2.6' r='1.3' fill='%23EFE6D2'/%3E%3Ccircle cx='18' cy='2.6' r='1.3' fill='%23CDB079'/%3E%3C/svg%3E") repeat-x center bottom/24px 14px}
.rule{height:26px;margin:0 auto;max-width:560px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 26'%3E%3Cpath d='M40 2C35 8 35 15 40 22C45 15 45 8 40 2Z' fill='%237E1F1F'/%3E%3Cpath d='M40 22C32 20 27 14 26 7C32 9 37 14 40 22ZM40 22C48 20 53 14 54 7C48 9 43 14 40 22Z' fill='%23A34A2A'/%3E%3Cpath d='M40 22C30 23 23 21 18 16C26 15 33 17 40 22ZM40 22C50 23 57 21 62 16C54 15 47 17 40 22Z' fill='%23A67A26'/%3E%3Cpath d='M30 24H50' stroke='%23A67A26' stroke-width='1.2'/%3E%3C/svg%3E") center/80px 26px no-repeat,linear-gradient(90deg,transparent,var(--gold) 25%,var(--gold) 42%,transparent 42%,transparent 58%,var(--gold) 58%,var(--gold) 75%,transparent) center 70%/100% 1px no-repeat}

/* header */
header.mn{position:sticky;top:0;z-index:200;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line-s)}
.mn-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,4.5vw,48px);max-width:1260px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:500;white-space:nowrap}
.brand svg{width:30px;height:30px;flex:none}.brand i{font-style:italic;color:var(--verm)}
.brand small{display:block;font-family:"Inter",sans-serif;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);line-height:1.1}
nav.mlinks{display:flex;gap:4px;align-items:center}
nav.mlinks a{font-size:14.5px;color:var(--ink-soft);text-decoration:none;padding:7px 11px;border-radius:30px;transition:background .25s,color .25s}
nav.mlinks a:hover{color:var(--ink);background:var(--line-s)}
nav.mlinks a[aria-current="page"]{color:var(--ink);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line)}
.mn-tools{display:flex;align-items:center;gap:8px;flex:none}
@media(max-width:420px){.brand small{display:none}.brand{font-size:17px}.mn-in{gap:10px}}
.tt{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--saffron);cursor:pointer;display:grid;place-items:center}
.tt svg{width:18px;height:18px}
.mb{display:none;width:44px;height:40px;border:1px solid var(--line);border-radius:22px;background:var(--card);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.mb span{width:18px;height:1.6px;background:var(--ink);border-radius:2px;transition:transform .3s,opacity .3s}
.mb[aria-expanded="true"] span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}.mb[aria-expanded="true"] span:nth-child(2){opacity:0}.mb[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}
@media(max-width:980px){nav.mlinks{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:6px clamp(16px,4.5vw,48px) 14px;box-shadow:0 20px 40px -24px rgba(0,0,0,.45)}nav.mlinks.open{display:flex}nav.mlinks a{padding:13px 4px;border-radius:0;border-bottom:1px solid var(--line-s);font-size:16px}nav.mlinks a[aria-current="page"]{background:none;box-shadow:none;color:var(--verm)}.mb{display:flex}}

/* type */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}
.eyebrow::before{content:"";width:8px;height:8px;background:var(--maroon);transform:rotate(45deg)}
h1.t{font-size:clamp(38px,5.8vw,70px);line-height:1.02;letter-spacing:.035em;text-transform:uppercase;margin-top:14px}
h1.t em,h2.s em{font-style:italic;color:var(--verm);text-transform:none;letter-spacing:0}
h1.t [lang="hi"]{display:block;font-size:.62em;color:var(--maroon);margin-top:10px;letter-spacing:0;text-transform:none;line-height:1.2}
.dek{font-size:clamp(17px,2vw,20px);color:var(--ink-soft);margin-top:18px;max-width:40em;line-height:1.55}
h2.s{font-size:clamp(30px,3.8vw,46px);line-height:1.08}
h3{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:22px;line-height:1.25}
.sec{padding:clamp(48px,7vw,88px) 0}
.sec-h{margin-bottom:28px;max-width:46em}.sec-h p{color:var(--ink-soft);margin-top:12px}
.prose{max-width:44em}.prose p{margin-bottom:18px}.prose h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(24px,3vw,30px);margin:40px 0 12px}.prose h3{margin:28px 0 8px}
.prose ul,.prose ol{margin:0 0 20px 1.2em}.prose li{margin-bottom:8px}.prose li::marker{color:var(--gold)}
.prose a,.lnk{color:var(--lapis);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--lapis) 40%,transparent);text-underline-offset:3px}
.prose a:hover,.lnk:hover{text-decoration-color:var(--lapis)}
.muted{color:var(--ink-faint);font-size:14.5px}

/* panels */
.panel,.rr-board{position:relative}
.panel::after,.rr-board::after{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg fill='%23C9A04A'%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(45)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(90)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(135)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(225)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(270)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(315)'/%3E%3C/g%3E%3Ccircle r='3.2' fill='%23B0402A'/%3E%3Ccircle r='1.3' fill='%23F2C05A'/%3E%3C/svg%3E") top 8px left 8px/20px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg fill='%23C9A04A'%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(45)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(90)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(135)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(225)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(270)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(315)'/%3E%3C/g%3E%3Ccircle r='3.2' fill='%23B0402A'/%3E%3Ccircle r='1.3' fill='%23F2C05A'/%3E%3C/svg%3E") top 8px right 8px/20px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg fill='%23C9A04A'%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(45)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(90)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(135)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(225)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(270)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(315)'/%3E%3C/g%3E%3Ccircle r='3.2' fill='%23B0402A'/%3E%3Ccircle r='1.3' fill='%23F2C05A'/%3E%3C/svg%3E") bottom 8px left 8px/20px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg fill='%23C9A04A'%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(45)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(90)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(135)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(180)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(225)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(270)'/%3E%3Cellipse cx='0' cy='-6.5' rx='2.6' ry='5' transform='rotate(315)'/%3E%3C/g%3E%3Ccircle r='3.2' fill='%23B0402A'/%3E%3Ccircle r='1.3' fill='%23F2C05A'/%3E%3C/svg%3E") bottom 8px right 8px/20px no-repeat}
.panel{background:var(--card);border:1px solid var(--gold);border-radius:6px;padding:clamp(20px,3vw,30px);box-shadow:inset 0 0 0 4px var(--card),inset 0 0 0 5px color-mix(in srgb,var(--verm) 55%,transparent)}
.inshort{margin-top:28px;max-width:44em}.inshort b{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--verm);margin-bottom:6px}
.differ{border-left:3px solid var(--saffron);background:color-mix(in srgb,var(--saffron) 9%,transparent);padding:18px 22px;border-radius:0 8px 8px 0;margin:28px 0;max-width:44em}
.differ b{display:block;font-family:"Cormorant Garamond",serif;font-size:19px;font-weight:500;margin-bottom:6px}
.differ p{margin:0 0 10px}.differ p:last-child{margin:0}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font:500 15px/1 "Inter",sans-serif;padding:13px 20px;border-radius:40px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;cursor:pointer;transition:transform .2s,background .25s}
.btn:active{transform:scale(.97)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--gold)}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

/* arched painting frame (ogee arch) */
.arch{position:relative;aspect-ratio:4/5;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' preserveAspectRatio='none'%3E%3Cpath d='M0 125V40C0 24 18 17 32 12 41 9 47 5 50 0 53 5 59 9 68 12 82 17 100 24 100 40V125Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' preserveAspectRatio='none'%3E%3Cpath d='M0 125V40C0 24 18 17 32 12 41 9 47 5 50 0 53 5 59 9 68 12 82 17 100 24 100 40V125Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.arch svg,.arch img{display:block;width:100%;height:100%;object-fit:cover}
.framed{position:relative;filter:drop-shadow(0 18px 30px rgba(40,20,5,.28))}
.framed::after{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' preserveAspectRatio='none'%3E%3Cpath d='M1 124V40C1 25 18.5 18 32.3 13 41.3 10 47 6 50 1.6 53 6 58.7 10 67.7 13 81.5 18 99 25 99 40V124Z' fill='none' stroke='%23D8B25E' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M4 121V41C4 27.5 20 21 33.5 16.2 42 13.3 47.5 9.5 50 5.6 52.5 9.5 58 13.3 66.5 16.2 80 21 96 27.5 96 41V121Z' fill='none' stroke='%23B0402A' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}

/* artwork placeholder */
.ph{position:relative;display:grid;place-items:center;text-align:center;min-height:200px;padding:20px;border:1.5px dashed var(--gold);border-radius:6px;color:var(--ink-soft);font-size:13.5px;background:repeating-linear-gradient(135deg,transparent 0 12px,color-mix(in srgb,var(--gold) 12%,transparent) 12px 24px)}
.ph b{display:block;font-family:"Cormorant Garamond",serif;font-size:17px;font-weight:500;color:var(--ink);margin-bottom:4px}
.ph-cap{font-size:13.5px;color:var(--ink-faint);margin-top:10px}

/* room hero */
.r-hero{padding:clamp(28px,5vw,56px) 0 clamp(36px,5vw,60px)}
.r-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:center}
.r-hero .framed{max-width:400px;justify-self:end;width:100%}
.crumbs{font-size:13.5px;color:var(--ink-faint);margin-bottom:10px}.crumbs a{color:var(--ink-soft);text-decoration:none}.crumbs a:hover{color:var(--verm)}
.chip{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:7px 14px;border-radius:30px;border:1px solid var(--line);font-size:14px;color:var(--ink-soft);background:var(--card)}
.chip i{width:9px;height:9px;border-radius:50%;background:var(--hour,var(--saffron));box-shadow:0 0 0 3px color-mix(in srgb,var(--hour,var(--saffron)) 25%,transparent)}
@media(max-width:820px){.r-grid{grid-template-columns:1fr}.r-hero .framed{justify-self:center;max-width:300px}}

/* raga cards */
.ragas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.rc{display:flex;flex-direction:column;gap:10px}
.rc h3 span{font-size:.8em;color:var(--gold);margin-left:6px}
.rc .meta{font-size:13.5px;color:var(--ink-faint);line-height:1.5}
.rc .notes{font-size:14.5px;line-height:1.9}
.rc p{font-size:15.5px;color:var(--ink-soft)}
.rc .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.sw{display:inline-block;padding:0 2px;font-weight:500}
.sw.komal{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.sw.tivra::after{content:"\2032";color:var(--verm)}
.sw.low,.sw.high{position:relative}
.sw.low::before,.sw.high::before{content:"";position:absolute;left:50%;width:4px;height:4px;border-radius:50%;background:var(--verm);transform:translateX(-50%)}
.sw.low::before{bottom:-5px}.sw.high::before{top:-3px}
.notes-key{font-size:13.5px;color:var(--ink-faint);margin-top:14px}

/* small buttons used by the instruments */
.rr-btn,.rc .acts button,.rc .acts a,.ck-act{display:inline-flex;align-items:center;gap:8px;font:500 14px/1 "Inter",sans-serif;padding:10px 15px;border-radius:30px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s}
.rr-btn:hover,.rc .acts button:hover,.rc .acts a:hover,.ck-act:hover{border-color:var(--gold)}
.rr-btn i,.ck-act i{width:0;height:0;border-left:8px solid var(--verm);border-top:5px solid transparent;border-bottom:5px solid transparent}
.rr-btn[aria-pressed="true"],.rr-demo.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.rr-btn[aria-pressed="true"] i,.rr-demo.on i{border:0;width:9px;height:9px;background:var(--saffron)}
.ck-act.primary{background:var(--verm);border-color:var(--verm);color:#FFF6E6}.ck-act.primary i{border-left-color:#FFF6E6}
[data-theme="dark"] .ck-act.primary{color:#1A1008}[data-theme="dark"] .ck-act.primary i{border-left-color:#1A1008}
.ck-act.primary[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* the playable board */
.rr-board{background:var(--card);border:1px solid var(--gold);border-radius:8px;padding:clamp(16px,2.6vw,26px);box-shadow:inset 0 0 0 4px var(--card),inset 0 0 0 5px color-mix(in srgb,var(--verm) 50%,transparent)}
.rr-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.rr-tabs button{font:500 14px/1 "Inter",sans-serif;padding:10px 14px;border-radius:30px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer}
.rr-tabs button span{color:var(--gold);margin-left:3px}
.rr-tabs button[aria-selected="true"]{background:var(--lapis);border-color:var(--lapis);color:#F6EEDB}.rr-tabs button[aria-selected="true"] span{color:var(--gold-l)}
[data-theme="dark"] .rr-tabs button[aria-selected="true"]{color:#1A2118}[data-theme="dark"] .rr-tabs button[aria-selected="true"] span{color:#5A3F10}
.rr-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.rr-title{font-family:"Cormorant Garamond",serif;font-size:22px}.rr-title span{color:var(--gold);font-size:.85em}
.rr-controls,.rr-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.rr-row{margin-top:14px}
.rr-field{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-soft)}
.rr-field select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:7px 10px;max-width:46vw}
.rr-field input[type=range]{width:110px;accent-color:var(--verm)}
.rr-field output{min-width:2.5em;font-variant-numeric:tabular-nums}
.rr-keys{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:4px;touch-action:none;user-select:none;-webkit-user-select:none}
.rr-key{position:relative;height:150px;border:1px solid var(--line);border-radius:4px 4px 20px 20px;background:linear-gradient(var(--paper),var(--paper-2));color:var(--ink);font:500 13px/1.1 "Inter",sans-serif;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;padding:0 0 12px;cursor:pointer;transition:background .15s}
.rr-key.sa{background:linear-gradient(var(--paper),color-mix(in srgb,var(--saffron) 28%,var(--paper-2)))}
.rr-key.on{background:linear-gradient(color-mix(in srgb,var(--verm) 30%,var(--paper)),color-mix(in srgb,var(--verm) 55%,var(--paper-2)))}
.rr-key kbd{font:11px "Inter",sans-serif;color:var(--ink-faint);opacity:.8}
.rr-key .sw{font-size:13px}
@media(hover:none){.rr-key kbd,.rr-pad kbd,.rr-kb{display:none}}
@media(max-width:560px){.rr-key{height:120px;font-size:11.5px}.rr-key .sw{font-size:11px;padding:0}}
.rr-pads{display:grid;grid-template-columns:repeat(4,minmax(0,124px));justify-content:center;gap:clamp(8px,2vw,18px);touch-action:none;user-select:none;-webkit-user-select:none}
.rr-pad{aspect-ratio:1;border-radius:50%;border:2px solid #8a6a3a;background:radial-gradient(circle closest-side,#2a211b 0 36%,#dcc8a0 38% 84%,#b8955e 86% 100%);color:#2A1D14;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:600 15px "Inter",sans-serif;transition:transform .08s;padding:0}
.rr-pad b{background:#F4EAD3;padding:2px 9px;border-radius:10px}
.rr-pad kbd{font:11px "Inter",sans-serif;color:#E8DCC0}
.rr-pad[data-bol="Ge"],.rr-pad[data-bol="Ke"]{background:radial-gradient(circle closest-side,#2a211b 0 30%,#c9ae7e 32% 84%,#7c6a58 86% 100%)}
.rr-pad.on{transform:scale(.94)}
.rr-cycle{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rr-vibhag{display:flex;gap:3px;padding:4px;border:1px solid var(--line-s);border-radius:8px}
.rr-beat{display:flex;flex-direction:column;align-items:center;min-width:38px;padding:4px 4px 6px;border-radius:6px;font-size:13px;color:var(--ink-soft)}
.rr-beat em{font-style:normal;font-size:11px;color:var(--verm);height:14px}
.rr-beat.on{background:var(--saffron);color:#2A1D14}.rr-beat.on em{color:#2A1D14}
.rr-strings{display:flex;justify-content:center;gap:clamp(22px,6vw,48px);height:150px;padding:10px 0}
.rr-strings span{width:3px;border-radius:2px;background:linear-gradient(var(--gold-l),var(--gold));opacity:.55;transition:opacity .3s,box-shadow .3s}
.rr-strings span.on{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--saffron) 35%,transparent)}
.rr-strings span:nth-child(4){width:4px}
.rr-hint{margin-top:14px;font-size:14px;color:var(--ink-soft)}
.rr-honest,.rr-note{font-size:13px;color:var(--ink-faint);margin-top:6px}
.rr-note{font-size:14px;color:var(--ink-soft);margin-top:12px}

/* the raga clock (home) */
.clock-sec{padding:clamp(22px,4vw,44px) 0 clamp(40px,5vw,64px)}
.clock{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.05fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:26px}
.ck-wheel{position:relative;max-width:500px;width:100%;justify-self:center;padding:10px}
.ck-svg{width:100%;height:auto;display:block;overflow:visible}
.ck-rim{fill:var(--card);stroke:var(--gold);stroke-width:2}
.ck-h{cursor:pointer}.ck-h path{stroke:var(--paper);stroke-width:1.2;opacity:.9;transition:opacity .2s}
.ck-h:hover path,.ck-h:focus path{opacity:1}.ck-h:focus{outline:none}.ck-h:focus-visible path{stroke:var(--ink);stroke-width:2.5}
.ck-rn{font:500 9.6px "Inter",sans-serif;fill:#F6EEDB;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
.ck-rn.day{fill:#2A1D14}
.ck-in{fill:url(#ckg);stroke:var(--gold);stroke-width:1.5}
.ck-line{fill:none;stroke:var(--gold);stroke-width:1.2}
.ck-pl{stroke:var(--gold);stroke-width:1;opacity:.8}
.ck-pn{font:16px "Tiro Devanagari Hindi",serif;fill:var(--verm);text-anchor:middle}
.ck-hr{font:600 10px "Inter",sans-serif;fill:var(--ink-faint);text-anchor:middle;letter-spacing:.06em}
.ck-hand line{stroke:var(--ink);stroke-width:1.6;opacity:.65}
.ck-orb{fill:#E9A22F;stroke:#FFF3D6;stroke-width:2}
.ck-hand.night .ck-orb{fill:#F3EBD3;stroke:#B9C6E6}
.ck-hub{fill:var(--verm);stroke:var(--gold-l);stroke-width:2}
.ck-sel path{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-dasharray:4 3}
.ck-panel .ck-when{font-size:14px;color:var(--ink-faint);letter-spacing:.02em}
.ck-panel .ck-name{font-size:clamp(34px,4.6vw,54px);line-height:1.05;margin-top:8px}
.ck-panel .ck-name span{display:block;font-size:.55em;color:var(--gold);margin-top:6px}
.ck-time{margin-top:12px;color:var(--ink-soft);font-size:15.5px}
.ck-mood{margin-top:4px;color:var(--ink-soft);font-size:15.5px;font-style:italic}
.ck-notes{margin-top:14px;font-size:15px;line-height:2}
.nrow{display:grid;grid-template-columns:118px 1fr;align-items:baseline;gap:6px;line-height:2}
.ck-l{display:inline-block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.ck-about{margin-top:12px;font-size:15.5px;color:var(--ink-soft);max-width:36em}
.ck-also{margin-top:10px;font-size:14.5px;color:var(--ink-faint)}
.ck-alt{font:inherit;color:var(--lapis);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0}
.ck-now{font:inherit;font-size:13.5px;color:var(--verm);background:none;border:0;cursor:pointer;text-decoration:underline;margin-left:8px}
.ck-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.ck-set{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}
.ck-caveat{font-size:13.5px;color:var(--ink-faint);margin-top:16px;max-width:36em}
.season-note{margin-top:18px;padding:12px 16px;border-radius:8px;background:color-mix(in srgb,var(--mal) 12%,transparent);border:1px solid color-mix(in srgb,var(--mal) 35%,transparent);font-size:15px}
.season-note a{color:var(--mal);font-weight:600}
@media(max-width:860px){.clock{grid-template-columns:1fr}.ck-wheel{max-width:420px}}

/* rooms grid */
.rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.room{display:flex;flex-direction:column;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:border-color .25s,transform .25s}
.room:hover{border-color:var(--gold);transform:translateY(-3px)}
.room .mini{aspect-ratio:16/10;display:block}.room .mini svg{width:100%;height:100%;display:block}
.room div{padding:14px 16px 16px}
.room b{font-size:21px;display:block}
.room b span{color:var(--gold);font-size:.8em;margin-left:6px}
.room small{display:block;color:var(--ink-faint);font-size:13.5px;margin-top:2px}
.room em{display:block;font-style:normal;color:var(--ink-soft);font-size:14px;margin-top:6px}
@media(max-width:980px){.rooms{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.rooms{grid-template-columns:1fr}}

/* three-up explainer */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.three .panel h3{margin-bottom:8px}.three .panel p{font-size:15.5px;color:var(--ink-soft)}
.three .num{font-family:"Tiro Devanagari Hindi",serif;color:var(--verm);font-size:26px;line-height:1}
@media(max-width:860px){.three{grid-template-columns:1fr}}

/* videos (nothing loads from YouTube until play) */
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.vcard{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:linear-gradient(160deg,#3F4F35,#2A3326 55%,#6B2B1A);border:1px solid var(--gold)}
.vcard button.vplay{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;color:#F6EEDB;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:16px;text-align:left;font:500 16px/1.3 "Cormorant Garamond",serif}
.vcard button.vplay::before{content:"";position:absolute;left:50%;top:42%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(163,74,42,.95);box-shadow:0 0 0 6px rgba(216,178,94,.35)}
.vcard button.vplay::after{content:"";position:absolute;left:50%;top:42%;margin:-10px 0 0 -6px;border-left:18px solid #FFF6E6;border-top:10px solid transparent;border-bottom:10px solid transparent}
.vcard .vsun{position:absolute;right:18px;top:16px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#F2C46A,#D98A2B);opacity:.85}
.vcard small{font:12px "Inter",sans-serif;opacity:.8;margin-top:4px}
.vcard iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vlink{font-size:13.5px;color:var(--ink-faint);margin-top:12px}

/* other sites / library */
.sites{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.site{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:var(--card);text-decoration:none;transition:border-color .2s}
.site:hover{border-color:var(--gold)}.site b{display:block;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:17px}.site span{display:block;font-size:14px;color:var(--ink-soft);margin-top:2px}
.pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.pager a{flex:1 1 220px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:var(--card)}
.pager a:hover{border-color:var(--gold)}.pager small{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.pager b{font-size:20px}
.pager a.next{text-align:right}

/* tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--card)}
table.t24{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.t24 th,.t24 td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line-s);vertical-align:top}
.t24 th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}
.t24 td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.t24 tr:last-child td{border-bottom:0}
.t24 a{color:var(--lapis)}

/* faq */
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{cursor:pointer;font-family:"Cormorant Garamond",serif;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--verm);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin-top:10px;color:var(--ink-soft);max-width:44em}

/* footer */
footer.mf{margin-top:40px;background:var(--paper-2);border-top:1px solid var(--line)}
.mf-in{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;padding:44px clamp(16px,4.5vw,48px) 26px;max-width:1260px;margin:0 auto}
.mf h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--verm);margin-bottom:10px}
.mf ul{list-style:none}.mf li{margin-bottom:6px}.mf li a{text-decoration:none;color:var(--ink-soft);font-size:14.5px}.mf li a:hover{color:var(--ink)}
.mf p{font-size:14px;color:var(--ink-soft);margin-top:10px;max-width:26em}
.mf-bot{max-width:1260px;margin:0 auto;padding:16px clamp(16px,4.5vw,48px) 28px;border-top:1px solid var(--line-s);font-size:12.5px;color:var(--ink-faint);line-height:1.6}
@media(max-width:860px){.mf-in{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.mf-in{grid-template-columns:1fr}}

/* "from the raga clock" boxes added to the older pages (which keep their own styles) */
.rrm-in-aside{margin:36px 0;padding:20px 22px;border-radius:12px;border:1px solid rgba(166,122,38,.55);background:rgba(201,122,30,.08);font-family:"Inter",system-ui,sans-serif}
.rrm-in-aside b{display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#B0402A;margin-bottom:6px}
.rrm-in-aside p{margin:0 !important;font-size:16px;line-height:1.6}
.rrm-in-aside a{color:#23407A;text-decoration:underline;text-underline-offset:3px}
[data-theme="dark"] .rrm-in-aside a{color:#EDB257}
.rrm-lib{max-width:1180px;margin:0 auto;padding:12px clamp(18px,5vw,54px) 0;font-size:13px;line-height:1.9;color:inherit;opacity:.85}
.rrm-lib a{margin-right:14px;color:inherit}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.001ms !important;animation-duration:.001ms !important;scroll-behavior:auto !important}}

/* painted images from src/images/ (see PROMPTS.md); when a file is missing the code-drawn art or a placeholder shows instead */
.art{margin:0}.art .arch{background:var(--paper-2)}
.art img{display:block;width:100%;height:100%;object-fit:cover}
.art figcaption{font-size:13.5px;color:var(--ink-faint);margin-top:12px;text-align:center}
.art-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center;margin-top:28px}
@media(max-width:760px){.art-pair{grid-template-columns:1fr}}
.band{margin:0;position:relative;border-top:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);background:var(--paper-2)}
.band img{display:block;width:100%;height:clamp(180px,30vw,420px);object-fit:cover}
.room .mini img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}
.hero-art{max-width:360px;width:100%;justify-self:end}
@media(max-width:820px){.hero-art{justify-self:center;max-width:280px}}

/* clock centre: lotus petals with a sun by day and a moon by night */
.ck-petal{fill:color-mix(in srgb,var(--saffron) 14%,transparent);stroke:var(--gold);stroke-width:.8;opacity:.75}
.ck-core{fill:var(--card);stroke:var(--gold);stroke-width:1.2}
.ck-glyph.sun circle{fill:#E9A22F;stroke:#FFF3D6;stroke-width:1.5}.ck-glyph.sun line{stroke:#D98A2B;stroke-width:2;stroke-linecap:round}
.ck-glyph.moon path{fill:#E8DDBF;stroke:#B9A87A;stroke-width:1}.ck-glyph.moon circle{fill:#D8B25E}
.ck-hr{fill:var(--ink);paint-order:stroke;stroke:var(--card);stroke-width:3px;stroke-linejoin:round}

/* ---- heritage v2: editorial pieces ---- */
.mast{display:block;font-size:clamp(76px,13vw,168px);line-height:.95;color:var(--maroon);letter-spacing:0;margin:6px 0 -4px}
.clock-sec h1.t{font-size:clamp(28px,3.6vw,44px);letter-spacing:.12em}
.clock-sec{position:relative;overflow:hidden}
.clock-sec::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--carpet-img,none) center/cover;opacity:.2;-webkit-mask:radial-gradient(ellipse at 30% 60%,#000 20%,transparent 75%);mask:radial-gradient(ellipse at 30% 60%,#000 20%,transparent 75%)}
[data-theme="dark"] .clock-sec::before{opacity:.12}
.clock-sec>.wrap{position:relative}
.seal{position:absolute;right:clamp(16px,4.5vw,48px);top:14px;width:132px;height:132px;color:var(--rust);opacity:.9;transform:rotate(-8deg)}
.seal text{font:600 10.5px "Inter",sans-serif;letter-spacing:.2em;fill:currentColor}
@media(max-width:760px){.seal{width:88px;height:88px;top:4px}}
/* sap-green and rust bands, like lime-plaster walls with block-printed vines */
.band-green,.band-rust{position:relative;color:var(--cream);padding:clamp(56px,8vw,96px) 0}
.band-green{background:#3F4F35 var(--tex-green,none) center/cover}
.band-rust{background:#8E3E22 var(--tex-rust,none) center/cover}
.band-green::before,.band-rust::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23EFE6D2' stroke-width='1.6'%3E%3Cpath d='M110 210C110 150 100 110 112 60S100 20 110 8'/%3E%3Cpath d='M111 150c-22-6-38-22-42-44 20 4 36 20 42 44zM112 120c22-8 34-26 34-48-20 6-32 24-34 48zM110 84c-16-6-26-18-28-36 16 4 26 16 28 36z'/%3E%3Ccircle cx='110' cy='8' r='5'/%3E%3C/g%3E%3Cg fill='%23EFE6D2'%3E%3Ccircle cx='30' cy='40' r='2'/%3E%3Ccircle cx='190' cy='150' r='2'/%3E%3Ccircle cx='40' cy='180' r='1.6'/%3E%3C/g%3E%3C/svg%3E") 0 0/220px 220px}
.band-green.has-tex::before,.band-rust.has-tex::before{display:none}
.band-green>.wrap,.band-rust>.wrap{position:relative}
.band-green h2.s,.band-rust h2.s,.band-green h3,.band-rust h3{color:var(--cream)}
.band-green h2.s em,.band-rust h2.s em{color:#E2B98A}
.band-green .eyebrow,.band-rust .eyebrow{color:#E2D3B0}.band-green .eyebrow::before,.band-rust .eyebrow::before{background:#CDB079}
.band-green .sec-h p,.band-rust .sec-h p,.band-rust .vlink{color:#E6DCC6}
.band-rust .vlink a{color:#F2D9B8}
.band-green .panel{background:rgba(239,230,210,.08);border-color:rgba(205,176,121,.6);box-shadow:none;color:var(--cream)}
.band-green .panel p{color:#E2D8C2}.band-green .three .num{color:#E2B98A}
.band-green .differ{background:rgba(239,230,210,.08);border-left-color:#CDB079;color:var(--cream)}
.band-green .lnk{color:#F2D9B8}
/* torn-paper labels on the room cards, like hand-written tags */
.room{background:var(--card);border-radius:4px}
.room div{position:relative;background:var(--card)}
.room div::before{content:"";position:absolute;left:0;right:0;top:-7px;height:8px;background:inherit;clip-path:polygon(0 100%,0 55%,3% 35%,7% 60%,11% 25%,15% 50%,20% 30%,24% 65%,29% 35%,33% 55%,38% 20%,43% 50%,48% 30%,52% 60%,57% 25%,62% 50%,66% 35%,71% 60%,75% 30%,80% 55%,85% 25%,89% 50%,94% 35%,97% 60%,100% 40%,100% 100%)}
.room b{font-style:italic;font-size:24px}
/* textile strip between sections (paisley.webp when present) */
.strip{height:clamp(70px,9vw,120px);background-repeat:repeat-x;background-size:auto 100%;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold)}
/* editorial notes with a thin leader line (as on the Shringar poster) */
.note-line{display:flex;align-items:center;gap:10px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.note-line::after{content:"";flex:1;height:1px;background:var(--line)}

/* ==================================================================================================
   v3 "exquisite": ivory, antique gold, faded sage and maroon, after the Sumairium, Shringar and
   India editorial references. Fine hairlines, a Mughal trellis (jaal) on the paper, gold-leaf accents,
   numbered sections, line icons. These rules override the ones above.
   ================================================================================================== */
:root,[data-theme="light"]{--paper:#F1EBDF;--paper-2:#E7DECD;--card:#F8F4EC;--ink:#1F1A16;--ink-soft:#4F443A;--ink-faint:#857869;--lapis:#4E6457;--verm:#8B1E1E;--maroon:#8B1E1E;--saffron:#A88746;--mal:#4E6457;--green:#4E6457;--rust:#9A4B2A;--sage:#8FA394;--gold:#A2823F;--gold-l:#D2B77E;--line:rgba(31,26,22,.14);--line-s:rgba(31,26,22,.07);--focus:#8B1E1E;--cream:#F1EBDF;--goldgrad:linear-gradient(100deg,#8A6A2E 0%,#C9AB6A 30%,#E2CB95 48%,#A88746 66%,#D8BE85 86%,#8A6A2E 100%)}
[data-theme="dark"]{--paper:#131814;--paper-2:#1A211C;--card:#1D2520;--ink:#EFE7D8;--ink-soft:#CDC2AE;--ink-faint:#9C907E;--lapis:#B9CBB9;--verm:#E6A897;--maroon:#E6A897;--saffron:#D2B77E;--mal:#9FB5A2;--green:#9FB5A2;--rust:#D98C66;--gold:#D2B77E;--gold-l:#E6D2A0;--line:rgba(239,231,216,.16);--line-s:rgba(239,231,216,.08);--focus:#D2B77E;--goldgrad:linear-gradient(100deg,#B8955A,#E6CF9A 35%,#F3E3BC 50%,#C9A96A 68%,#EBD7A6 86%,#B8955A)}

/* paper with a faint Mughal trellis (jaal) */
body{background-color:var(--paper);background-image:var(--paper-img,none),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='196' viewBox='0 0 140 196'%3E%3Cg fill='none' stroke='%237F9586' stroke-width='1' opacity='.32'%3E%3Cpath d='M70 0C110 30 110 68 70 98S30 166 70 196M70 0C30 30 30 68 70 98S110 166 70 196M0 98C40 68 40 30 0 0M0 98C40 128 40 166 0 196M140 98C100 68 100 30 140 0M140 98C100 128 100 166 140 196'/%3E%3C/g%3E%3Cg fill='%23A2823F' opacity='.38'%3E%3Ccircle cx='70' cy='98' r='2.2'/%3E%3Ccircle cx='0' cy='0' r='2.2'/%3E%3Ccircle cx='140' cy='0' r='2.2'/%3E%3Ccircle cx='0' cy='196' r='2.2'/%3E%3Ccircle cx='140' cy='196' r='2.2'/%3E%3Cpath d='M70 40c-3 4-3 9 0 14 3-5 3-10 0-14zM0 138c-3 4-3 9 0 14 3-5 3-10 0-14zM140 138c-3 4-3 9 0 14 3-5 3-10 0-14z' opacity='.8'/%3E%3C/g%3E%3C/svg%3E");background-size:640px,140px 196px;background-repeat:repeat}
[data-theme="dark"] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='196' viewBox='0 0 140 196'%3E%3Cg fill='none' stroke='%23D2B77E' stroke-width='1' opacity='.09'%3E%3Cpath d='M70 0C110 30 110 68 70 98S30 166 70 196M70 0C30 30 30 68 70 98S110 166 70 196M0 98C40 68 40 30 0 0M0 98C40 128 40 166 0 196M140 98C100 68 100 30 140 0M140 98C100 128 100 166 140 196'/%3E%3C/g%3E%3C/svg%3E")}
body::before{opacity:.22}

/* restrained header: double gold hairline, small-caps navigation */
header.mn{background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:0}
.hashiya{height:6px;background:none;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);opacity:.85}
.brand{font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.brand i{font-style:normal;color:var(--gold)}
.brand small{letter-spacing:.24em;font-size:9.5px;margin-top:2px}
nav.mlinks{gap:2px}
nav.mlinks a{font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;border-radius:0;padding:8px 10px;background:none!important;box-shadow:none!important}
nav.mlinks a[aria-current="page"]{color:var(--maroon);box-shadow:inset 0 -1px 0 var(--gold)!important}
.tt,.mb{border-radius:50%;border-color:color-mix(in srgb,var(--gold) 60%,transparent);background:transparent;color:var(--gold)}
.mb{border-radius:2px}
@media(max-width:980px){nav.mlinks a{font-size:13px;padding:14px 4px}}

/* type: wide-tracked serif capitals, gold-leaf accents, maroon Devanagari */
h1.t{font-weight:400;letter-spacing:.14em;color:var(--ink)}
h1.t em,h2.s em{background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
h2.s{font-weight:400;letter-spacing:.01em}
.mast{color:var(--maroon);font-size:clamp(84px,14vw,184px);margin:0 0 -2px}
.kicker{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:14px;font-size:11.5px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft)}
.kicker i{font-style:normal;color:var(--gold)}
.dek{color:var(--ink-soft)}
/* hero eyebrows: a small gold diamond; section eyebrows: numbered like a magazine (01 | Rooms) */
.eyebrow{color:var(--ink-soft);letter-spacing:.26em}
.eyebrow::before{width:7px;height:7px;background:var(--gold)}
main{counter-reset:sec}
.sec-h .eyebrow::before{counter-increment:sec;content:counter(sec,decimal-leading-zero);width:auto;height:auto;background:none;transform:none;font:500 17px/1 "Cormorant Garamond",serif;letter-spacing:.04em;color:var(--maroon);padding-right:14px;margin-right:2px;border-right:1px solid var(--gold)}
.band-green .sec-h .eyebrow::before,.band-rust .sec-h .eyebrow::before{color:#E9C9A0;background:none;border-right-color:#D2B77E}
/* lotus between two hairlines */
.rule{height:22px;max-width:520px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 22'%3E%3Cg fill='none' stroke='%23A2823F' stroke-width='1'%3E%3Cpath d='M30 3c-4 5-4 11 0 16 4-5 4-11 0-16z'/%3E%3Cpath d='M30 19c-6-1-10-5-11-11 5 2 9 6 11 11zM30 19c6-1 10-5 11-11-5 2-9 6-11 11z'/%3E%3Cpath d='M30 19c-8 1-13-1-16-5 6 0 11 2 16 5zM30 19c8 1 13-1 16-5-6 0-11 2-16 5z'/%3E%3C/g%3E%3C/svg%3E") center/60px 22px no-repeat,linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold) 43%,transparent 43%,transparent 57%,var(--gold) 57%,var(--gold) 70%,transparent) center 72%/100% 1px no-repeat;opacity:.9}

/* panels: ivory with a double gold hairline and tiny fleurons */
.panel,.rr-board{background:var(--card);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:1px;box-shadow:inset 0 0 0 5px var(--card),inset 0 0 0 6px color-mix(in srgb,var(--gold) 32%,transparent)}
.panel::after,.rr-board::after{background-size:12px 12px;opacity:.85}
.differ{border-left:1px solid var(--gold);background:color-mix(in srgb,var(--gold) 7%,transparent);border-radius:0}
.differ b{letter-spacing:.02em}

/* buttons: small capitals, square, hairline; the main one in maroon with an inner gold line */
.btn,.ck-act,.rr-btn,.rc .acts button,.rc .acts a,.rr-tabs button{font:600 11px/1 "Inter",sans-serif;letter-spacing:.17em;text-transform:uppercase;border-radius:1px;padding:13px 17px;border:1px solid color-mix(in srgb,var(--gold) 65%,transparent);background:transparent;color:var(--ink)}
.btn{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink)}
.ck-act.primary{background:var(--maroon);border-color:var(--maroon);color:#F6EEDF;box-shadow:inset 0 0 0 3px var(--maroon),inset 0 0 0 4px #D2B77E}
[data-theme="dark"] .ck-act.primary{background:#8B1E1E;border-color:#8B1E1E;color:#F6EEDF}
[data-theme="dark"] .ck-act.primary i{border-left-color:#F6EEDF}
.rr-btn[aria-pressed="true"],.rr-demo.on,.ck-act.primary[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.rr-tabs button[aria-selected="true"]{background:var(--green);border-color:var(--green);color:#F6EEDF}
[data-theme="dark"] .rr-tabs button[aria-selected="true"]{color:#131814}
.rr-field select{border-radius:1px;border-color:color-mix(in srgb,var(--gold) 55%,transparent)}
.rr-key{border-radius:1px 1px 14px 14px;border-color:color-mix(in srgb,var(--gold) 40%,transparent)}
.chip{border-radius:1px;letter-spacing:.04em}

/* bands: a faded sage carpet and a garnet silk, both with a gold trellis */
.band-green{background:#53675A var(--tex-green,none) center/cover}
.band-rust{background:#561616 var(--tex-rust,none) center/cover}
.band-green::before,.band-rust::before{opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='196' viewBox='0 0 140 196'%3E%3Cg fill='none' stroke='%23D2B77E' stroke-width='1' opacity='.35'%3E%3Cpath d='M70 0C110 30 110 68 70 98S30 166 70 196M70 0C30 30 30 68 70 98S110 166 70 196M0 98C40 68 40 30 0 0M0 98C40 128 40 166 0 196M140 98C100 68 100 30 140 0M140 98C100 128 100 166 140 196'/%3E%3C/g%3E%3Cg fill='%23D2B77E' opacity='.55'%3E%3Ccircle cx='70' cy='98' r='2.4'/%3E%3Ccircle cx='0' cy='0' r='2.4'/%3E%3Ccircle cx='140' cy='0' r='2.4'/%3E%3Ccircle cx='0' cy='196' r='2.4'/%3E%3Ccircle cx='140' cy='196' r='2.4'/%3E%3C/g%3E%3C/svg%3E") 0 0/140px 196px}
.band-green .panel,.band-rust .panel{background:rgba(246,238,223,.07);border-color:rgba(210,183,126,.55);box-shadow:inset 0 0 0 5px transparent,inset 0 0 0 6px rgba(210,183,126,.22)}
.band-green h2.s em,.band-rust h2.s em{background:linear-gradient(100deg,#C9A96A,#F0DFB4 45%,#D2B77E 70%,#EBD7A6);-webkit-background-clip:text;background-clip:text;color:transparent}
.ico{display:block;width:40px;height:40px;color:#E2CB95;margin-bottom:14px}
.ico svg{width:100%;height:100%}
.three .panel{text-align:left}

/* room cards: a gallery of arched paintings with an engraved caption */
.rooms{gap:22px}
.room{background:var(--card);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:1px;padding:14px 14px 0}
.room:hover{transform:none;border-color:var(--gold)}
.room .mini{aspect-ratio:4/5;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' preserveAspectRatio='none'%3E%3Cpath d='M0 125V40C0 24 18 17 32 12 41 9 47 5 50 0 53 5 59 9 68 12 82 17 100 24 100 40V125Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' preserveAspectRatio='none'%3E%3Cpath d='M0 125V40C0 24 18 17 32 12 41 9 47 5 50 0 53 5 59 9 68 12 82 17 100 24 100 40V125Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.room div{text-align:center;padding:16px 8px 18px;background:transparent}
.room div::before{display:none}
.room b{font-style:normal;font-size:20px;letter-spacing:.14em;text-transform:uppercase}
.room b span{display:block;font-size:.85em;letter-spacing:0;text-transform:none;color:var(--maroon);margin:4px 0 0}
.room small{letter-spacing:.08em}
.room em{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:16px}

/* videos */
.vcard{background:linear-gradient(160deg,#53675A,#2A3530 55%,#561616);border-color:color-mix(in srgb,var(--gold) 60%,transparent);border-radius:1px}
.vcard button.vplay::before{background:rgba(139,30,30,.94);box-shadow:0 0 0 1px #D2B77E,0 0 0 7px rgba(210,183,126,.18)}
.vcard .vsun{background:none;border:1px solid #D2B77E;opacity:.7}

/* the clock: gold sunburst and hairlines */
.ck-wheel{padding:26px}
.ck-h path{stroke:rgba(210,183,126,.75);stroke-width:.8}
.ck-rim{fill:var(--card);stroke:var(--gold);stroke-width:1.2}
.ck-ray{fill:var(--gold);opacity:.55}
.ck-rn{font:600 8.6px "Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase}

/* side label (as on the Shringar and India posters) */
.side-label{position:fixed;right:18px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:10px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint);z-index:5;pointer-events:none;display:none}
.side-label::before{content:"";display:inline-block;height:40px;width:1px;background:var(--gold);margin-bottom:14px;vertical-align:middle}
@media(min-width:1380px){.side-label{display:block}}

/* footer: deep sage, ivory and gold, with the palette and a coordinates line */
footer.mf{background:#18201B;color:#E7DECD;border-top:0}
footer.mf .hashiya{border-color:#A2823F}
footer.mf .brand{color:#EFE7D8}footer.mf .brand i{color:#D2B77E}
.mf h4{color:#D2B77E;letter-spacing:.24em;font-size:11px}
.mf li a,.mf p{color:#CFC4B0}.mf li a:hover{color:#F6EEDF}
.mf .lnk{color:#E9C9A0}
.mf-bot{border-top:1px solid rgba(210,183,126,.25);color:#A69A86}
.mf-bot a{color:#CFC4B0}
.palette{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#A69A86}
.palette i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(239,231,216,.35)}
.coords{display:flex;align-items:center;gap:14px;max-width:1260px;margin:0 auto;padding:14px clamp(16px,4.5vw,48px) 22px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#A69A86}
.coords::before,.coords::after{content:"";flex:1;height:1px;background:rgba(210,183,126,.35);order:2}
.coords span:first-child{order:1}.coords b{order:2;color:#D2B77E;font-weight:400}.coords span:last-child{order:4}
.coords::after{order:3}
@media(max-width:640px){.coords{flex-wrap:wrap;justify-content:center}.coords::before,.coords::after{display:none}}
.sec{padding:clamp(60px,8.5vw,112px) 0}
.ck-rn{font:600 8px "Inter",sans-serif;letter-spacing:.04em}
:root,[data-theme="light"]{--goldgrad:linear-gradient(100deg,#6E5020 0%,#A8843F 30%,#C9A862 48%,#8E6C2C 66%,#B8954F 86%,#6E5020 100%)}
[data-theme="dark"]{--goldgrad:linear-gradient(100deg,#B8955A,#E6CF9A 35%,#F3E3BC 50%,#C9A96A 68%,#EBD7A6 86%,#B8955A)}
/* painted/photographed textures behind the bands: a veil keeps the words readable */
.band-green.has-tex{background-image:linear-gradient(rgba(44,58,49,.86),rgba(44,58,49,.86)),var(--tex-green)}
.band-rust.has-tex{background-image:linear-gradient(rgba(70,16,16,.86),rgba(70,16,16,.86)),var(--tex-rust)}

/* arched frames: gold border, a fine maroon line and the picture, all cut from the same arch shape so they always line up */
:root{--arch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' preserveAspectRatio='none'%3E%3Cpath d='M0 125V40C0 24 18 17 32 12 41 9 47 5 50 0 53 5 59 9 68 12 82 17 100 24 100 40V125Z'/%3E%3C/svg%3E")}
.framed{filter:drop-shadow(0 18px 28px rgba(40,25,10,.22))}
.framed::before,.framed::after{content:"";position:absolute;pointer-events:none;-webkit-mask:var(--arch) center/100% 100% no-repeat;mask:var(--arch) center/100% 100% no-repeat}
.framed::before{inset:0;background:linear-gradient(160deg,#7E5E26,#D9BE85 32%,#A2823F 55%,#E3CC96 78%,#8A6A2E)}
.framed::after{inset:6px;background:#7A1C1C}
.framed>.arch{position:relative;z-index:1;margin:7px;-webkit-mask:var(--arch) center/100% 100% no-repeat;mask:var(--arch) center/100% 100% no-repeat}

/* ---------- videos: cards with our own thumbnails, a docked player, the Watch drawer, the library ---------- */
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px 18px}
.vc{display:flex;flex-direction:column;gap:10px;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}
.vc[hidden]{display:none}
.vthumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:#2A3530}
.vthumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.vc:hover .vthumb img,.vc:focus-visible .vthumb img{transform:scale(1.04)}
.vplay-ic{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(122,28,28,.9);box-shadow:0 0 0 1px #D2B77E,0 0 0 6px rgba(210,183,126,.2);transition:transform .25s}
.vplay-ic::after{content:"";position:absolute;left:18px;top:14px;border-left:14px solid #F6EEDF;border-top:9px solid transparent;border-bottom:9px solid transparent}
.vc:hover .vplay-ic{transform:scale(1.08)}
.vlen{position:absolute;right:8px;bottom:8px;font:600 11px "Inter",sans-serif;letter-spacing:.06em;background:rgba(20,24,21,.82);color:#F6EEDF;padding:3px 7px}
.vt{font-family:"Cormorant Garamond",serif;font-size:19px;line-height:1.2;font-weight:500}
.band-rust .vt,.band-green .vt{color:var(--cream)}
.band-rust .vlink,.band-green .vlink{color:#E6DCC6}
.btn.light{background:#F6EEDF;color:#2A2119;border-color:#F6EEDF}
.btn.ghost.light{background:transparent;color:#F6EEDF;border-color:rgba(246,238,223,.6)}
.watch-band .btns{margin-top:28px}
.hero-watch{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.rc .acts .watch-raga{border-color:var(--maroon);color:var(--maroon)}
/* header Watch button */
.wbtn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--maroon);background:var(--maroon);color:#F6EEDF;font:600 11px "Inter",sans-serif;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border-radius:1px}
[data-theme="dark"] .wbtn{background:#8B1E1E;border-color:#8B1E1E}
.wbtn i{width:0;height:0;border-left:8px solid #F6EEDF;border-top:5px solid transparent;border-bottom:5px solid transparent}
.wbtn[aria-expanded="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
@media(max-width:520px){.wbtn span{display:none}.wbtn{padding:0 13px}}
@media(max-width:1180px){nav.mlinks{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:6px clamp(16px,4.5vw,48px) 14px;box-shadow:0 20px 40px -24px rgba(0,0,0,.45)}nav.mlinks.open{display:flex}nav.mlinks a{padding:14px 4px;font-size:13px;border-bottom:1px solid var(--line-s)}.mb{display:flex}}
/* docked player */
.dock{position:fixed;right:18px;bottom:18px;z-index:300;width:min(400px,calc(100vw - 24px));background:#141915;border:1px solid #A2823F;box-shadow:0 24px 60px -18px rgba(0,0,0,.55);transition:width .3s}
.dock[hidden]{display:none}
.dock.big{width:min(820px,calc(100vw - 24px))}
.dock-bar{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-bottom:1px solid rgba(210,183,126,.35)}
.dock-title{flex:1;min-width:0;font:500 16px/1.2 "Cormorant Garamond",serif;color:#F6EEDF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-btns{display:flex;gap:4px}
.dock-btns button,.dock-btns a{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(210,183,126,.45);background:none;color:#E6D2A0;font:600 13px "Inter",sans-serif;text-decoration:none;cursor:pointer;border-radius:1px}
.dock-btns button[hidden]{display:none}
.dock-btns a{font-size:9.5px;letter-spacing:.08em}
.dock-btns button:hover,.dock-btns a:hover{background:rgba(210,183,126,.15)}
.dock-video{aspect-ratio:16/9;background:#000}.dock-video iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:640px){.dock,.dock.big{right:8px;left:8px;bottom:8px;width:auto}}
.dock-resume{position:fixed;right:18px;bottom:18px;z-index:290;display:flex;align-items:center;gap:12px;max-width:min(380px,calc(100vw - 24px));padding:12px 44px 12px 14px;background:#141915;color:#F6EEDF;border:1px solid #A2823F;cursor:pointer;text-align:left;font:500 11px "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.dock-resume b{display:block;font:500 16px/1.2 "Cormorant Garamond",serif;letter-spacing:0;text-transform:none;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.dock-resume i{flex:none;width:34px;height:34px;border-radius:50%;background:#7A1C1C;box-shadow:0 0 0 1px #D2B77E;position:relative}
.dock-resume i::after{content:"";position:absolute;left:13px;top:10px;border-left:11px solid #F6EEDF;border-top:7px solid transparent;border-bottom:7px solid transparent}
.dock-resume-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;background:none;color:#CFC4B0;cursor:pointer;font-size:13px}
/* the Watch drawer */
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:400;width:min(560px,100vw);background:var(--paper);border-left:1px solid var(--gold);box-shadow:-30px 0 60px -30px rgba(0,0,0,.4);transform:translateX(102%);transition:transform .35s ease;display:flex;flex-direction:column;visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 12px;border-bottom:1px solid var(--line)}
.drawer-title{font:500 26px/1.1 "Cormorant Garamond",serif;letter-spacing:.06em;text-transform:uppercase}
.drawer-title small{display:block;font:500 12px "Inter",sans-serif;letter-spacing:.04em;text-transform:none;color:var(--ink-faint);margin-top:6px}
.drawer-x{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);background:none;color:var(--ink);cursor:pointer;font-size:15px}
.drawer .chips{padding:14px 22px 6px}
.drawer-grid{flex:1;overflow:auto;padding:12px 22px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;align-content:start}
.drawer-grid .vt{font-size:16.5px}
.drawer-foot{padding:12px 22px 18px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-faint)}.drawer-foot a{color:var(--maroon)}
html.drawer-on{overflow:hidden}
@media(max-width:420px){.drawer-grid{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{font:600 10.5px/1 "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:9px 12px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:transparent;color:var(--ink-soft);cursor:pointer;border-radius:1px}
.chips button[aria-pressed="true"]{background:var(--maroon);border-color:var(--maroon);color:#F6EEDF}
[data-theme="dark"] .chips button[aria-pressed="true"]{background:#8B1E1E;border-color:#8B1E1E}
/* library page */
.lib-tools{display:grid;gap:16px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.lib-searchf{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}
.lib-search{flex:1;max-width:460px;font:16px "Inter",sans-serif;padding:11px 14px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:var(--card);color:var(--ink);border-radius:1px}
.lib-count{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}
@media(prefers-reduced-motion:reduce){.vthumb img,.drawer{transition:none}}

/* ---------- the free visualizer ---------- */
.vz-stage{position:relative;margin:0 auto;background:#131814;border:1px solid var(--gold);box-shadow:inset 0 0 0 5px var(--card),inset 0 0 0 6px color-mix(in srgb,var(--gold) 32%,transparent);padding:6px;max-width:100%}
.vz-stage[data-fmt="16x9"]{max-width:1100px}
.vz-stage[data-fmt="1x1"]{max-width:min(620px,100%)}
.vz-stage[data-fmt="9x16"]{max-width:min(420px,100%)}
.vz-stage canvas{display:block;width:100%;height:auto;background:#F1EBDF}
.vz-stage:fullscreen{display:flex;align-items:center;justify-content:center;background:#000;max-width:none;border:0;padding:0}
.vz-stage:fullscreen canvas{width:auto;height:auto;max-width:100vw;max-height:100vh}
.vz-drop{position:absolute;inset:6px;display:grid;place-items:center;text-align:center;pointer-events:none;color:#F6EEDF;background:rgba(19,24,20,.55);font-size:14px;transition:opacity .3s}
.vz-drop b{display:block;font:500 28px "Cormorant Garamond",serif;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.viz.has-track .vz-drop{opacity:0}
.vz-stage.drag .vz-drop{opacity:1;background:rgba(122,28,28,.7)}
.vz-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px auto 0;max-width:1100px}
.vz-bar #vz-seek{flex:1;min-width:160px;accent-color:var(--maroon)}
.vz-time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-soft);min-width:84px}
.vz-file input{position:absolute;width:1px;height:1px;opacity:0}
.vz-file{position:relative;cursor:pointer}
.vz-file:focus-within{outline:2px solid var(--focus);outline-offset:3px}
.vz-now{max-width:1100px;margin:10px auto 0;font-size:14px;color:var(--ink-faint)}
#vz-name{font-family:"Cormorant Garamond",serif;font-size:18px;color:var(--ink);margin-right:10px}
.vz-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
@media(max-width:1100px){.vz-panels{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.vz-panels{grid-template-columns:1fr}}
.vz-panels .panel{display:flex;flex-direction:column;gap:10px}
.vz-designs,.vz-pals,.vz-fmts{display:grid;gap:6px}
.vz-designs button,.vz-pals button,.vz-fmts button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:10px 12px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);background:transparent;color:var(--ink);cursor:pointer;font:500 13px "Inter",sans-serif;border-radius:1px}
.vz-designs b{font:500 17px "Cormorant Garamond",serif}.vz-designs span{color:var(--maroon)}
.vz-designs button[aria-pressed="true"],.vz-pals button[aria-pressed="true"],.vz-fmts button[aria-pressed="true"]{border-color:var(--maroon);box-shadow:inset 0 0 0 1px var(--maroon);background:color-mix(in srgb,var(--maroon) 7%,transparent)}
.vz-pals button{justify-content:flex-start}
.vz-pals i{width:14px;height:14px;border-radius:50%;border:1px solid var(--line);flex:none}
.vz-pals i:nth-of-type(3){margin-right:6px}
.vz-fmts{margin-top:8px}
.vz-in{display:grid;gap:5px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}
.vz-in input[type=text]{font:16px "Inter",sans-serif;letter-spacing:0;text-transform:none;padding:9px 11px;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);background:var(--paper);color:var(--ink);border-radius:1px}
.vz-in input[type=file]{font:13px "Inter",sans-serif;letter-spacing:0;text-transform:none;color:var(--ink-soft)}
.vz-link{align-self:flex-start;background:none;border:0;padding:0;color:var(--maroon);text-decoration:underline;cursor:pointer;font:13px "Inter",sans-serif}
.vz-check{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--ink-soft)}
.viz.recording .vz-stage{box-shadow:inset 0 0 0 5px var(--card),inset 0 0 0 6px #B0402A,0 0 0 3px rgba(176,64,42,.35)}
#vz-dl{margin-top:6px}

nav.mlinks a{white-space:nowrap}
@media(max-width:1300px){nav.mlinks{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:6px clamp(16px,4.5vw,48px) 14px;box-shadow:0 20px 40px -24px rgba(0,0,0,.45)}nav.mlinks.open{display:flex}nav.mlinks a{padding:14px 4px;font-size:13px;border-bottom:1px solid var(--line-s)}.mb{display:flex}}
@media(max-width:480px){.mn-in{gap:8px;padding-left:14px;padding-right:14px}.brand{font-size:15px;letter-spacing:.08em;gap:8px}.brand svg{width:26px;height:26px}.mn-tools{gap:6px}.tt{width:36px;height:36px}.mb{width:40px;height:36px}.wbtn{height:36px;padding:0 12px}}
.lib-tools>*{min-width:0}.lib-searchf{flex-wrap:wrap}.lib-search{min-width:0;width:100%}
@media(max-width:640px){.vz-panels{grid-template-columns:minmax(0,1fr)}}.vz-panels .panel{min-width:0}.vz-in input{min-width:0;max-width:100%}.vz-designs button,.vz-pals button,.vz-fmts button{min-width:0}

/* bands over a photographed texture: the veil is always there, so words stay readable (fix 2026-11-04) */
.band-green{background-color:#2C3A31;background-image:linear-gradient(rgba(38,52,43,.9),rgba(38,52,43,.9)),var(--tex-green,none);background-size:cover;background-position:center}
.band-rust{background-color:#3E0E0E;background-image:linear-gradient(rgba(58,12,12,.9),rgba(58,12,12,.9)),var(--tex-rust,none);background-size:cover;background-position:center}
.band-green,.band-rust{text-shadow:0 1px 3px rgba(0,0,0,.45)}
.band-green .vthumb,.band-rust .vthumb{text-shadow:none}

/* videos spread through every page: a featured card under the intro, slim rows between sections */
.vpill{display:flex;align-items:center;gap:14px;margin-top:22px;max-width:460px;padding:8px 16px 8px 8px;background:var(--card);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);cursor:pointer;text-align:left;color:var(--ink);font:inherit;border-radius:1px;transition:border-color .2s}
.vpill:hover{border-color:var(--maroon)}
.vpill-img{position:relative;flex:none;width:132px;aspect-ratio:16/9;overflow:hidden}
.vpill-img img{width:100%;height:100%;object-fit:cover;display:block}
.vpill .vplay-ic{width:34px;height:34px;margin:-17px 0 0 -17px}
.vpill .vplay-ic::after{left:13px;top:10px;border-left-width:11px;border-top-width:7px;border-bottom-width:7px}
.vpill-t small{display:block;font:600 10.5px "Inter",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--maroon)}
.vpill-t b{display:block;font:500 19px/1.2 "Cormorant Garamond",serif;margin-top:4px}
.vinterlude{padding:clamp(34px,5vw,56px) 0;border-top:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-bottom:1px solid color-mix(in srgb,var(--gold) 35%,transparent);background:color-mix(in srgb,var(--paper-2) 55%,transparent)}
.vi-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px}
.vi-label{font:600 11.5px "Inter",sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--maroon)}
.vrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:760px){.vrow{grid-template-columns:repeat(3,minmax(220px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.vrow .vc{scroll-snap-align:start}}
@media(max-width:480px){.vpill-img{width:104px}.vpill-t b{font-size:17px}}

/* ---------- the music player page (/player/) ---------- */
.pl-sec{padding-top:0}
.pl{display:grid;gap:clamp(22px,3vw,40px);align-items:start}
@media(min-width:1000px){.pl{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
.pl-stage{min-width:0}
.pl-screen{position:relative;aspect-ratio:16/9;background:#141915;border:1px solid var(--gold);box-shadow:inset 0 0 0 6px #141915,inset 0 0 0 7px rgba(210,183,126,.45)}
.pl-screen[style*="height"]{aspect-ratio:auto}
.pl-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;color:#E6D2A0;background:radial-gradient(circle at 50% 45%,rgba(210,183,126,.18),transparent 60%)}
.pl-empty[hidden]{display:none}
.pl-empty p{margin:0;font:italic 500 20px/1.3 "Cormorant Garamond",Georgia,serif;color:#F6EEDF}
.pl-empty .btn{background:var(--maroon);border-color:var(--maroon);color:#F6EEDF}
.pl-now{margin-top:16px;display:grid;gap:4px}
.pl-now small{font:600 10.5px/1.2 "Inter",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}
.pl-now b{font:500 clamp(22px,2.4vw,28px)/1.2 "Cormorant Garamond",Georgia,serif;color:var(--ink)}
.pl-ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.pl-ctrl button{min-width:44px;height:44px;padding:0 14px;border-radius:40px;border:1px solid var(--line);background:transparent;color:var(--ink);font:600 15px/1 "Inter",sans-serif;cursor:pointer}
.pl-ctrl button:hover{border-color:var(--gold)}
.pl-ctrl .pl-main{width:56px;height:56px;padding:0;background:var(--maroon);border-color:var(--maroon);color:#F6EEDF;font-size:18px}
.pl-ctrl .pl-mode{font:600 10.5px/1 "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.pl-ctrl .pl-mode[aria-pressed="true"],.pl-ctrl .pl-mode:not([data-mode="off"])[data-mode]{border-color:var(--maroon);color:var(--maroon)}
.pl-next{margin-top:18px;padding:14px 16px;border:1px solid var(--line);background:var(--card)}
.pl-next small{font:600 10.5px/1 "Inter",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}
.pl-next ol{margin:8px 0 0;padding-left:20px;font-size:15px;line-height:1.6}
.pl-next .muted{list-style:none;margin-left:-20px;color:var(--ink-faint)}
.pl-note{margin-top:14px;font-size:13px;line-height:1.55;color:var(--ink-faint)}
.pl-list{min-width:0;border:1px solid var(--line);background:var(--card)}
.pl-tools{position:sticky;top:0;z-index:2;background:var(--card);border-bottom:1px solid var(--line);padding:14px 0 12px}
.pl-tools .chips{padding:0 16px}
.pl-tools-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 0}
.pl-tools-row input{min-width:0;flex:1 1 200px;font:15px "Inter",sans-serif;padding:10px 12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:2px}
.pl-count{margin:0;font-size:13px;color:var(--ink-faint)}
.pl-acts{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 0}
.pl-acts .btn{padding:10px 16px;font-size:14px}
.pl-rows{list-style:none;margin:0;padding:6px 0}
@media(min-width:1000px){.pl-list{max-height:calc(100vh - 140px);overflow:auto}}
.pl-rows li[hidden]{display:none}
.pl-row{width:100%;display:grid;grid-template-columns:28px 88px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 16px;border:0;border-left:3px solid transparent;background:none;color:var(--ink);text-align:left;cursor:pointer;font:inherit}
.pl-row:hover{background:rgba(162,130,63,.08)}
.pl-row.playing{border-left-color:var(--maroon);background:rgba(122,28,28,.07)}
.pl-n{font:500 13px/1 "Inter",sans-serif;color:var(--ink-faint);text-align:right}
.pl-row.playing .pl-n{color:var(--maroon)}
.pl-th img{display:block;width:88px;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line)}
.pl-tt{min-width:0;display:grid;gap:3px}
.pl-tt b{font:500 17px/1.25 "Cormorant Garamond",Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-tt small{font-size:11.5px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-len{font:500 12.5px/1 "Inter",sans-serif;color:var(--ink-faint)}
@media(max-width:560px){.pl-row{grid-template-columns:64px minmax(0,1fr) auto;gap:10px;padding:8px 12px}.pl-n{display:none}.pl-th img{width:64px}}

/* footer: keep each coordinate on one line */
.coords span{white-space:nowrap}

/* contrast (WCAG AA): small secondary text and the raga-card Hindi names in the day look */
html:not([data-theme="dark"]){--ink-faint:#6F6458}
html:not([data-theme="dark"]) .rc h3 span{color:#7E6531}
/* the player's filled buttons: a fixed deep maroon, so the cream label stays readable in the night look too */
.pl-empty .btn,.pl-ctrl .pl-main{background:#7A1C1C;border-color:#7A1C1C;color:#F6EEDF}
/* gold labels (day look) and the small tab labels (night look) */
html:not([data-theme="dark"]) .rr-tabs button span,html:not([data-theme="dark"]) .rr-title span,html:not([data-theme="dark"]) .ck-panel .ck-name span,html:not([data-theme="dark"]) .room b span{color:#7E6531}
html[data-theme="dark"] .rr-tabs button span{color:#DCC491}
/* selected tab: the Hindi name takes the tab's own text colour */
html[data-theme] .rr-tabs button[aria-selected="true"] span{color:inherit}
/* phones: the Watch library in two columns, so 167 videos aren't one very long column */
@media(max-width:560px){.lib-grid{grid-template-columns:1fr 1fr;gap:16px 12px}.lib-grid .vt{font-size:14.5px;line-height:1.3}.lib-grid .vlen{font-size:11px}}
/* health notice under the title (tools/notices.py, brief 4c) */
.rrm-note{max-width:40em;margin:14px 0 0;padding:10px 14px;border:1px solid var(--line,rgba(0,0,0,.18));border-radius:10px;font-size:14px;line-height:1.55;color:var(--ink-soft)}
.rrm-note strong{font-weight:600;color:var(--ink)}
/* advertising & inquiries line (tools/inquiries.py): a long address must wrap, not scroll sideways */
a[href^="mailto:"]{overflow-wrap:anywhere}