:root{--ink: #2b1508;--paper: #f6efe2;--glass: rgba(255, 255, 255, .1);--glass-line: rgba(255, 255, 255, .22);--face: "Baloo 2", "Noto Sans Devanagari", system-ui, sans-serif;--display: "Gotu", "Baloo 2", "Noto Sans Devanagari", serif;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html{height:100%;background:var(--ink)}body{margin:0;min-height:100dvh;background:var(--ink);color:var(--paper);font-family:var(--face);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}.stage{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(1.15rem,env(safe-area-inset-top)) 1.15rem max(1.6rem,env(safe-area-inset-bottom))}.hero{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--ink)}.hero-frame{--aspect: 1672 / 941;--focus-x: 50%;position:absolute;top:50%;left:var(--focus-x);transform:translate(-50%,-50%);aspect-ratio:var(--aspect);width:max(100vw,calc(100dvh * 1672 / 941));height:auto;min-height:100dvh}.hero-img{display:block;width:100%;height:100%;object-fit:cover}.hero-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#14080285,#1408021a 26% 48%,#1408028c 74%,#140802e0)}.grain{position:fixed;inset:0;z-index:30;pointer-events:none;background-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.2) .6px,transparent .7px),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.42'/></svg>");background-size:3px 3px,140px 140px;mix-blend-mode:multiply;opacity:.3}.hud{position:fixed;top:max(1.15rem,env(safe-area-inset-top));z-index:20;display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:600;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55)}.hud-left{left:1.15rem}.hud-right{right:.55rem;top:.55rem}.hud-centre{left:50%;transform:translate(-50%)}.dim{opacity:.68;font-weight:500}.tabular{font-variant-numeric:tabular-nums}.tick{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:.25}}.pulse{position:relative;display:inline-flex;width:.6rem;height:.6rem}.pulse-ring{position:absolute;inset:0;border-radius:50%;background:#7ee787;opacity:.75;animation:ping 1.4s cubic-bezier(0,0,.2,1) infinite}.pulse-dot{position:relative;width:.6rem;height:.6rem;border-radius:50%;background:#7ee787;box-shadow:0 0 8px #7ee787e6}@keyframes ping{75%,to{transform:scale(2.2);opacity:0}}@media(prefers-reduced-motion:reduce){.tick,.pulse-ring{animation:none}}.wordmark{margin:12vh 0 0;text-align:center;z-index:10;font-family:var(--display);font-size:clamp(3.6rem,18vw,8.6rem);font-weight:400;line-height:.98;color:#fff}.player{width:100%;max-width:34rem;margin-bottom:6vh;z-index:10;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.85)}.player-row{display:flex;align-items:flex-end;gap:.9rem}.art{flex:none;width:3.4rem;height:3.4rem;padding:0;border:0;background:none;cursor:pointer;border-radius:.35rem;box-shadow:0 6px 20px #0009;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.art:hover{transform:translateY(-2px)}.art:focus-visible{outline:2px solid #fff;outline-offset:3px}.art-img{display:block;width:100%;height:100%;border-radius:inherit;background:url(/art/rituals/baraat.webp) 50% 58% / 240% no-repeat}.playing .art{box-shadow:0 8px 26px #0009,0 0 0 1px #ffffff40}.meta{flex:1;min-width:0;padding-bottom:.12rem}.title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{margin:.05rem 0 0;font-size:.78rem;font-weight:500;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{display:flex;align-items:center;gap:.15rem}.ctl{display:grid;place-items:center;width:2.1rem;height:2.1rem;padding:0;border:0;border-radius:50%;background:none;color:#fff;opacity:.82;cursor:pointer;transition:opacity .16s var(--ease)}.ctl:hover:not(:disabled){opacity:1}.ctl:disabled{opacity:.3;cursor:not-allowed}.ctl:focus-visible{outline:2px solid #fff;outline-offset:2px}.ctl-main{width:2.5rem;height:2.5rem;opacity:1}.bar{position:relative;height:2px;margin-top:.85rem;background:#ffffff4d;cursor:pointer}.bar:before{content:"";position:absolute;inset:-7px 0}.bar:focus-visible{outline:2px solid #fff;outline-offset:6px}.bar-fill{height:100%;width:0;background:#fff}.bar-dot{position:absolute;top:50%;left:0;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#fff;transform:translateY(-50%) scale(0);box-shadow:0 0 10px #0009;transition:transform .16s var(--ease)}.playing .bar-dot,.bar:hover .bar-dot,.bar:focus-visible .bar-dot{transform:translateY(-50%) scale(1)}.times{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.7rem;font-weight:600;opacity:.7}@media(max-width:30rem){.art{width:3rem;height:3rem}.title{font-size:.98rem}.player{margin-bottom:4vh}}.cta{text-decoration:none;transition:opacity .16s var(--ease);padding:.6rem;display:inline-flex;align-items:center}.cta:hover{opacity:.78}.cta:active{opacity:.6}.cta:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:999px}.hot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;padding:0;border:0;background:none;color:#fff;cursor:pointer;opacity:0;transition:opacity .26s var(--ease),color .22s var(--ease)}.hot:hover,.hot:focus-visible,.hot[aria-pressed=true]{opacity:1}.hot:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:50%}@media(hover:none){.hot{opacity:.5}}.hot-note{width:30%;height:30%;filter:drop-shadow(0 1px 4px rgba(0,0,0,.85))}.hot[aria-pressed=true]{color:var(--lime, #c2ff00)}.hot[aria-pressed=true] .hot-note{filter:drop-shadow(0 0 7px rgba(194,255,0,.85)) drop-shadow(0 1px 4px rgba(0,0,0,.7))}.hot-flare{position:absolute;inset:0;pointer-events:none;display:block}.hot-flare i{position:absolute;left:50%;top:42%;width:8%;height:8%;min-width:2px;min-height:2px;border-radius:50%;background:currentColor;opacity:0}.hot[aria-pressed=true] .hot-flare i:nth-child(1){animation:flare-up 1.5s ease-out infinite}.hot[aria-pressed=true] .hot-flare i:nth-child(2){animation:flare-left 1.9s ease-out .42s infinite}.hot[aria-pressed=true] .hot-flare i:nth-child(3){animation:flare-right 1.25s ease-out .84s infinite}@keyframes flare-up{0%{opacity:0;transform:translate(-50%) scale(.5)}18%{opacity:.95}to{opacity:0;transform:translate(-50%,-170%) scale(.2)}}@keyframes flare-left{0%{opacity:0;transform:translate(-50%) scale(.45)}18%{opacity:.8}to{opacity:0;transform:translate(-150%,-150%) scale(.15)}}@keyframes flare-right{0%{opacity:0;transform:translate(-50%) scale(.45)}18%{opacity:.8}to{opacity:0;transform:translate(50%,-160%) scale(.15)}}@media(prefers-reduced-motion:reduce){.hot[aria-pressed=true] .hot-flare i{animation:none;opacity:0}}@media(max-width:46rem){.hero-frame{--focus-x: 62%}}.is-hidden{display:none!important}.embed-host{position:fixed;left:0;bottom:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;z-index:1}.hero-img{position:absolute;inset:0;opacity:0;will-change:opacity;transition:opacity 1.6s cubic-bezier(.4,0,.2,1)}.hero-img.on{opacity:1}@media(prefers-reduced-motion:reduce){.hero-img{transition:opacity .26s linear}}.hotspots{position:absolute;inset:0}.sides{position:fixed;top:max(.7rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:22;display:inline-flex;align-items:center;gap:.15rem}.sides button{border:0;background:none;color:#ffffff80;padding:.55rem .6rem;cursor:pointer;display:grid;justify-items:center;border-radius:.5rem;transition:color .22s var(--ease, cubic-bezier(.22,.61,.36,1));filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.sides button:hover{color:#ffffffc7}.sides button[aria-pressed=true]{color:#fff}.sides button:focus-visible{outline:2px solid #fff;outline-offset:2px}.sides-sep{width:1px;height:1.1rem;background:#ffffff38;margin:0 .25rem}.sides[data-locked=true] button{pointer-events:none}.sides[data-locked=true] button[aria-pressed=false]{color:#ffffff24}.rail{position:fixed;left:0;right:0;bottom:0;z-index:20;width:100%;padding:.6rem 0 max(1rem,env(safe-area-inset-bottom));overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%)}.rail::-webkit-scrollbar{display:none}.rail-inner{display:flex;align-items:center;min-width:min-content;padding:0 calc(50vw - 1.2rem)}.step{scroll-snap-align:center;position:relative;flex:none;width:2.4rem;height:1.5rem;background:none;border:0;padding:0;color:#fff;cursor:pointer}.step:before{content:"";position:absolute;top:50%;margin-top:-1px;left:0;right:0;height:2px;background:#ffffff42}.step:first-child:before{left:calc(50% - .7rem)}.step:last-child:before{right:calc(50% - .7rem)}.step:first-child:after,.step:last-child:after{content:"";position:absolute;top:50%;width:2px;height:11px;margin-top:-5.5px;border-radius:1px;background:#ffffff6b}.step:first-child:after{left:calc(50% - .7rem)}.step:last-child:after{left:calc(50% + .7rem)}.step-dot{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#ffffff61;transition:all .2s var(--ease, cubic-bezier(.22,.61,.36,1))}.step:hover .step-dot{background:#fffc;transform:scale(1.2)}.step:focus-visible{outline:none}.step:focus-visible .step-dot{box-shadow:0 0 0 2px #fff}.step[aria-current=true] .step-dot{background:#fff;box-shadow:0 0 13px #ffffffbf;transform:scale(1.6)}.stage{padding-bottom:3.1rem}.presence{display:inline-flex;align-items:center;gap:.5rem}.presence[hidden]{display:none}.hud-sep{width:1px;height:.85rem;background:#ffffff47}@media(max-width:30rem){.presence{display:none!important}}