@property --fm-t{syntax:"<number>";inherits:true;initial-value:0}@keyframes fm-clock{0%{--fm-t:0}to{--fm-t:1}}@keyframes fm-blink{50%{visibility:hidden}}[data-fm-stack]{display:grid}[data-fm-stack]>*{grid-area:1/1}[data-fm=tint-out]{opacity:0}[data-slide=after]{clip-path:inset(0 0 0 calc(50% + var(--fm-x,0) * 100%))}[data-slide=handle]{translate:calc(var(--fm-x,0) * 100%) 0}@media screen and (prefers-reduced-motion:no-preference){:is([data-loop=on],[data-loop=paused]){--fm-q:clamp(0, 1 - (var(--fm-t) - var(--fm-z)) / var(--fm-zd), 1);animation:fm-clock var(--fm-loop) linear var(--fm-lag,0s) infinite both}[data-loop=paused],[data-loop=paused] :before,[data-loop=paused] :after{animation-play-state:paused}:is([data-loop=on],[data-loop=paused]) [data-fm]{--fm-p:clamp(0, (var(--fm-t) - var(--fm-a)) / var(--fm-d), 1);--fm-e:calc(var(--fm-p) * (2 - var(--fm-p)));--fm-m:calc(var(--fm-p) - 1)}:is([data-loop=on],[data-loop=paused]) :is([data-fm=fade],[data-fm=rise],[data-fm=drop],[data-fm=pop]){opacity:min(var(--fm-p), var(--fm-q))}:is([data-loop=on],[data-loop=paused]) [data-fm=rise]{translate:0 calc((1 - var(--fm-e)) * 10px)}:is([data-loop=on],[data-loop=paused]) [data-fm=drop]{translate:0 calc((var(--fm-e) - 1) * 12px)}:is([data-loop=on],[data-loop=paused]) [data-fm=pop]{scale:calc(.7 + .3 * (1 + 2.7 * var(--fm-m) * var(--fm-m) * var(--fm-m) + 1.7 * var(--fm-m) * var(--fm-m)))}:is([data-loop=on],[data-loop=paused]) [data-fm=down]{opacity:var(--fm-q);translate:0 calc((var(--fm-e) - 1) * 100%);clip-path:inset(calc((1 - var(--fm-e)) * 100%) 0 0 0 round 12px)}:is([data-loop=on],[data-loop=paused]) [data-fm=ring]{transform-origin:50% 12%;rotate:calc(sin(var(--fm-p) * 1080deg) * (1 - var(--fm-p)) * 16deg)}:is([data-loop=on],[data-loop=paused]) [data-fm=tint-in]{opacity:var(--fm-e)}:is([data-loop=on],[data-loop=paused]) [data-fm=tint-out]{opacity:calc(1 - var(--fm-e))}:is([data-loop=on],[data-loop=paused]) [data-fm=slide]{--fm-p2:clamp(0, (var(--fm-t) - var(--fm-a2)) / var(--fm-d2), 1);--fm-p3:clamp(0, (var(--fm-t) - var(--fm-a3)) / var(--fm-d3), 1);--fm-x:calc(.15 * (cos(var(--fm-p) * 180deg) - 1) - .3 * (cos(var(--fm-p2) * 180deg) - 1) + .15 * (cos(var(--fm-p3) * 180deg) - 1))}:is([data-loop=on],[data-loop=paused]) [data-fm-type]{position:relative}:is([data-loop=on],[data-loop=paused]) [data-fm-type]>span{--fm-c:clamp(0, (var(--fm-t) - var(--fm-a) - var(--i) * var(--fm-s)) * 1000, 1);--fm-c2:clamp(0, (var(--fm-t) - var(--fm-a) - (var(--i) + 1) * var(--fm-s)) * 1000, 1);opacity:min(var(--fm-c), var(--fm-q));position:relative}:is([data-loop=on],[data-loop=paused]) [data-fm-type]:before,:is([data-loop=on],[data-loop=paused]) [data-fm-type]>span:after{content:"";background:var(--accent);border-radius:1px;width:1.5px;position:absolute;top:.14em;bottom:.06em}:is([data-loop=on],[data-loop=paused]) [data-fm-type]:before{opacity:max(1 - clamp(0, (var(--fm-t) - var(--fm-a)) * 1000, 1), 1 - var(--fm-q));animation:1.1s step-end infinite fm-blink;left:-1px}:is([data-loop=on],[data-loop=paused]) [data-fm-type]>span:after{opacity:min(var(--fm-c) - var(--fm-c2), var(--fm-q));right:-1px}:is([data-loop=on],[data-loop=paused]) [data-fm-type]>span:last-child:after{opacity:min(var(--fm-c), var(--fm-q));animation:1.1s step-end infinite fm-blink}}
.hero-spot{opacity:0;--tile-ground:color-mix(in srgb, var(--accent) 24%, transparent);--tile-recess:#312e8124;--tile-mask:radial-gradient(circle 140px at var(--spot-x,50%) var(--spot-y,50%), #000 0%, #000 35%, #00000073 65%, transparent 100%);transition:opacity .4s cubic-bezier(.33,1,.68,1);display:none}.hero-spot:before{background-size:var(--tile-size) var(--tile-size);background-position:var(--spot-ox,0px) var(--spot-oy,0px)}.hero-spot[data-spot=on]{opacity:1}@media (hover:hover) and (pointer:fine){.hero-spot{display:block}}@media (prefers-reduced-motion:reduce){.hero-spot{transition:none}}