.y-sil{--sil-lime:var(--lime);--sil-cream:#ffffe8;--sil-bounce:cubic-bezier(.34, 1.56, .64, 1);width:var(--sil-w,100%);aspect-ratio:4/3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:relative}.y-sil:focus-visible{outline:2px solid var(--sil-lime);outline-offset:.5rem;border-radius:var(--r-lg)}.y-sil__piece,.y-sil__in{display:block}.y-sil__piece{position:absolute}.y-sil__in{width:100%;height:100%;position:relative}.y-sil__in>svg{width:100%;height:100%;display:block}.y-sil__piece--step{--dy:1.1rem;width:48.61%;height:28.85%;fill:var(--sil-lime);top:8.51%;left:1.1%;rotate:-8deg}.y-sil__piece--into{--dy:-.8rem;width:52.49%;height:31.17%;fill:var(--sil-lime);top:34.81%;left:16.76%;rotate:-8deg}.y-sil__piece--the{--dy:1.5rem;width:26.2%;height:18.76%;fill:var(--sil-lime);top:77.29%;left:10%}.y-sil__piece--torch{--dy:-1.25rem;width:55.2%;height:99.69%;fill:var(--sil-cream);top:0;left:44.6%}.y-sil__lit{pointer-events:none;position:absolute;inset:0}.y-sil__lit[data-run=off]{opacity:0}.y-sil__glow{filter:blur(10px);background:radial-gradient(closest-side,#ffe25cbf,#ffd23f47 60%,#0000);border-radius:50%;width:96%;height:56%;position:absolute;top:60%;left:-14%}.y-sil__word{fill:#fff;width:57.592%;height:21.951%;filter:drop-shadow(0 0 4px #fff8c9) drop-shadow(0 0 18px var(--sil-lime));position:absolute;top:78.044%;left:7.283%}@media (prefers-reduced-motion:no-preference){@media (scripting:enabled){.y-sil:not([data-shown]) .y-sil__in{opacity:0}}.y-sil[data-shown] .y-sil__in{animation:y-sil-step .8s var(--sil-bounce) both}.y-sil[data-shown] .y-sil__piece--into .y-sil__in{animation-delay:.22s}.y-sil[data-shown] .y-sil__piece--the .y-sil__in{animation-delay:.44s}.y-sil[data-shown] .y-sil__piece--torch .y-sil__in{transform-origin:90% 0;animation:y-sil-torch 1s var(--ease-out) .75s both}.y-sil[data-shown] .y-sil__lit[data-run=intro]{animation:4s step-end 1.8s both y-sil-flicker}.y-sil__lit[data-run=on]{animation:.6s step-end both y-sil-on}.y-sil__lit[data-run=off]{animation:.5s step-end both y-sil-off}.y-sil[data-trigger=load] :is(.y-sil__piece--step,.y-sil__piece--into){transform-origin:88% 55%;animation:y-sil-foot 2.4s var(--ease-in-out) 1.4s infinite}.y-sil[data-trigger=load] .y-sil__piece--into{animation-delay:2.6s}@supports (animation-timeline:view()){.y-sil[data-trigger=scroll] .y-sil__piece{animation:linear both y-sil-drift;animation-timeline:view()}.y-sil[data-trigger=scroll] :is(.y-sil__piece--step,.y-sil__piece--into){transform-origin:88% 55%;animation:linear both y-sil-stride-left;animation-timeline:view();animation-range:cover 10% cover 90%}.y-sil[data-trigger=scroll] .y-sil__piece--into{animation-name:y-sil-stride-right}}}@keyframes y-sil-stride-left{0%,25%,50%,75%,to{animation-timing-function:var(--ease-in-out);transform:none}7%,57%{transform:translateY(-2%)rotate(4deg)scale(1.03)}14%,64%{transform:translate(4%,-8%)rotate(1deg)scale(1.08)}21%,71%{transform:translate(1%,-1%)rotate(-1.5deg)scale(1.01)}23%,73%{transform:scale(1.02,.97)}}@keyframes y-sil-stride-right{0%,25%,50%,75%,to{animation-timing-function:var(--ease-in-out);transform:none}32%,82%{transform:translateY(-2%)rotate(4deg)scale(1.03)}39%,89%{transform:translate(4%,-8%)rotate(1deg)scale(1.08)}46%,96%{transform:translate(1%,-1%)rotate(-1.5deg)scale(1.01)}48%,98%{transform:scale(1.02,.97)}}@keyframes y-sil-step{0%{opacity:0;translate:-6% 22%;scale:.85}60%{opacity:1}}@keyframes y-sil-torch{0%{opacity:0;translate:18% -22%;rotate:14deg}}@keyframes y-sil-flicker{0%{opacity:0}5%{opacity:.85}8%{opacity:.1}12%{opacity:1}15%{opacity:.25}19%{opacity:.9}22%{opacity:.15}27%,77%{opacity:1}80%{opacity:.2}83%{opacity:.95}86%{opacity:.05}90%{opacity:.7}93%{opacity:.3}96%,to{opacity:1}}@keyframes y-sil-on{0%{opacity:0}20%{opacity:.7}40%{opacity:.15}60%,to{opacity:1}}@keyframes y-sil-off{0%{opacity:1}25%{opacity:.2}50%{opacity:.8}75%,to{opacity:0}}@keyframes y-sil-foot{0%,50%,to{transform:none}12%{transform:translateY(-2%)rotate(4deg)scale(1.03)}25%{transform:translate(4%,-8%)rotate(1deg)scale(1.08)}38%{transform:translate(1%,-1%)rotate(-1.5deg)scale(1.01)}44%{transform:scale(1.02,.97)}}@keyframes y-sil-drift{0%{translate:0 var(--dy)}to{translate:0 calc(-1 * var(--dy))}}