.hero-diya{width:4.75rem;position:relative}@media (min-width:40rem){.hero-diya{width:clamp(5.5rem,17svh,13rem)}}.hero-diya-art{width:100%;position:relative;overflow:visible}.hero-diya-halo{aspect-ratio:1;opacity:.8;background:radial-gradient(closest-side,#f6e7b88c,#d9a44140 45%,#0000);border-radius:50%;position:absolute;inset:-10% -10% auto;translate:0 -12%}.hero-diya-lean{transform-box:view-box;transform-origin:100px 96px;rotate:var(--lean,0deg)}.hero-diya-flame,.hero-diya-core{transform-box:view-box;transform-origin:100px 96px}@keyframes hero-flicker{0%,to{transform:scale(1)skew(0)}12%{transform:scale(.97,1.05)skew(-2deg)}27%{transform:scale(1.03,.95)skew(1.5deg)}41%{transform:scale(.98,1.08)skew(-1deg)}58%{transform:scale(1.02,.97)skew(2.5deg)}73%{transform:scale(.96,1.04)skew(-1.5deg)}88%{transform:scale(1.01,.99)skew(.5deg)}}@keyframes hero-core{0%,to{opacity:1;transform:scale(1)}33%{opacity:.85;transform:scale(.9,1.1)}66%{opacity:1;transform:scale(1.06,.94)}}@keyframes hero-halo{0%,to{opacity:.75;scale:1}20%{opacity:.95;scale:1.05}45%{opacity:.7;scale:.97}70%{opacity:1;scale:1.07}}.hero-diya-sparks{width:0;height:0;position:absolute;top:14%;left:50%}.hero-diya-sparks span{opacity:0;background:#f6e7b8;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 6px 1px #d9a441cc}@keyframes hero-spark{0%{opacity:0;transform:translate(0)scale(1)}15%{opacity:.9}to{opacity:0;transform:translate(var(--drift), -7rem) scale(.4)}}.hero-light{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-light-wash{background:radial-gradient(40% 35% at 18% 20%,#1f3a8a8c,#0000 70%),radial-gradient(35% 30% at 85% 30%,#1f3a8a59,#0000 70%);position:absolute;inset:-20%}.hero-light-glow{left:50%;top:var(--light-y,80%);aspect-ratio:1;width:min(150vmax,2400px);translate:calc(-50% + var(--lx,0) * 10%) calc(-50% + var(--ly,0) * 6%);scale:calc(.85 + var(--scrolled,0) * .45);opacity:calc(.85 + var(--scrolled,0) * .3);position:absolute}.hero-light-breath{background:radial-gradient(closest-side,#d9a4414d,#d9a4411f 28%,#d9a4410a 55%,#0000 72%);border-radius:50%;width:100%;height:100%}@keyframes hero-breathe{0%,to{opacity:.85;scale:1}50%{opacity:1;scale:1.06}}@keyframes hero-wash{0%{translate:-3% -2%}to{translate:3% 2%}}@media (prefers-reduced-motion:no-preference){.hero-diya-flame{animation:1.9s ease-in-out infinite hero-flicker}.hero-diya-core{animation:.9s ease-in-out infinite hero-core}.hero-diya-halo{animation:2.3s ease-in-out infinite hero-halo}.hero-diya-sparks span{animation:3.6s ease-out infinite hero-spark}.hero-diya-sparks span:first-child{--drift:-1.2rem;animation-delay:0s}.hero-diya-sparks span:nth-child(2){--drift:.8rem;animation-duration:4.2s;animation-delay:.7s}.hero-diya-sparks span:nth-child(3){--drift:-.4rem;animation-duration:3.1s;animation-delay:1.5s}.hero-diya-sparks span:nth-child(4){--drift:1.6rem;animation-duration:4.6s;animation-delay:2.2s}.hero-diya-sparks span:nth-child(5){--drift:-1.8rem;animation-duration:3.8s;animation-delay:2.9s}.hero-diya-sparks span:nth-child(6){--drift:.3rem;animation-duration:3.3s;animation-delay:3.4s}.hero-light-breath{animation:6s ease-in-out infinite hero-breathe}.hero-light-wash{animation:16s ease-in-out infinite alternate hero-wash}}
.story-stage .story-screen{visibility:hidden;opacity:0;transition:opacity .38s cubic-bezier(.2,0,0,1),transform .52s cubic-bezier(.2,0,0,1),visibility 0s linear .38s;transform:translateY(3%)scale(.98)}.story[data-active="0"] .story-stage [data-screen="0"],.story[data-active="1"] .story-stage [data-screen="1"],.story[data-active="2"] .story-stage [data-screen="2"],.story[data-active="3"] .story-stage [data-screen="3"],.story[data-active="4"] .story-stage [data-screen="4"],.story[data-active="5"] .story-stage [data-screen="5"]{visibility:visible;opacity:1;transition-delay:0s;transform:none}.story-dot{transition:width .3s,background-color .3s}.story[data-active="0"] [data-dot="0"],.story[data-active="1"] [data-dot="1"],.story[data-active="2"] [data-dot="2"],.story[data-active="3"] [data-dot="3"],.story[data-active="4"] [data-dot="4"],.story[data-active="5"] [data-dot="5"]{background-color:var(--color-marigold);width:1.5rem}.story-number{border:2px solid var(--color-line-strong);transition:background-color .3s,color .3s,border-color .3s}.story[data-active="0"] [data-story-step="0"] .story-number,.story[data-active="1"] [data-story-step="1"] .story-number,.story[data-active="2"] [data-story-step="2"] .story-number,.story[data-active="3"] [data-story-step="3"] .story-number,.story[data-active="4"] [data-story-step="4"] .story-number,.story[data-active="5"] [data-story-step="5"] .story-number{border-color:var(--color-night);background-color:var(--color-night);color:var(--color-night-accent)}.story-target{box-shadow:0 0 0 .9cqw var(--color-marigold), 0 0 0 2.6cqw #d9a44147}.story-target:after{content:"";border:.9cqw solid var(--color-marigold);border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:-.9cqw}@keyframes story-tap{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.18,1.45)}}@keyframes story-bubble{0%{opacity:0;transform:translateY(30%)scale(.92)}}@keyframes story-fill{0%{width:25%}}@media (prefers-reduced-motion:no-preference){.story-target:after{animation:1.8s cubic-bezier(.2,0,0,1) .6s infinite story-tap}.story[data-active="2"] .story-stage .story-bubble{animation:.5s cubic-bezier(.2,0,0,1) .7s both story-bubble}.story[data-active="5"] .story-stage .story-fill{animation:.9s cubic-bezier(.2,0,0,1) .5s both story-fill}}@media (prefers-reduced-motion:reduce){.story-screen,.story-dot,.story-number{transition:none}}
