@layer components{.stage{isolation:isolate;padding:4rem 0;position:relative;overflow-x:clip}.deco{z-index:-1;pointer-events:none;position:absolute}.blob{opacity:.14;transform:rotate(var(--rot,0deg));will-change:transform;animation:9s ease-in-out infinite alternate deco-drift;animation-delay:calc(var(--i,0) * -1.7s);border-radius:38% 62% 55% 45%/50% 40% 60% 50%;transition:transform .7s cubic-bezier(.2,1.4,.4,1);animation-play-state:paused}.cf{border:var(--bw) solid var(--edge);width:16px;height:16px;transform:rotate(var(--rot,0deg));border-radius:4px}.sp{width:34px;height:34px;color:var(--accent-2);animation:6s ease-in-out infinite alternate deco-twinkle;animation-delay:calc(var(--i,0) * -1.1s);animation-play-state:paused}.inview :is(.blob,.sp){animation-play-state:running}.wm{font-family:var(--f-display);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:3px var(--edge);opacity:.14;font-size:460px;font-weight:800;line-height:.8}@media (max-width:767px){.cf{width:14px;height:14px}.sp{width:26px;height:26px}.wm{font-size:300px}}.armed .cf-fall{animation:deco-fall 1.1s cubic-bezier(.2, .8, .3, 1) calc(var(--i,0) * 90ms) both paused}.pop{border:var(--bw) solid var(--edge);opacity:0;pointer-events:none;border-radius:3px;width:10px;height:10px;position:absolute}.fired .pop{animation:.9s cubic-bezier(.2,.7,.3,1) .45s both deco-burst}.armed .fx-deal{animation:fly-in .5s cubic-bezier(.2, 1.4, .4, 1) calc(var(--d,0) * .18s) both paused}.armed .fx-arrive{animation:arrive 2.4s cubic-bezier(.2, .8, .2, 1) calc(var(--d,0) * .3s) both paused;overflow:clip}.armed .fx-press{animation:.25s ease-out .2s both paused fx-press}.armed .fx-stamp{animation:.25s cubic-bezier(.2,1.4,.4,1) .45s both paused stamp}.armed .fx-flash{animation:1.2s ease-out .45s both paused applied-flash}.armed .fx-settle{animation:.35s ease-out 1.1s both paused settle}.fx-only{display:none}.armed .fx-only{animation:.15s ease-out .45s both paused fx-gone;display:flex}.fired :is(.cf-fall,.fx-deal,.fx-arrive,.fx-press,.fx-stamp,.fx-flash,.fx-settle,.fx-only){animation-play-state:running}.fired .fx-blink{animation:1.1s step-end 4 fx-blink}@keyframes deco-drift{0%{translate:0}to{translate:8px 14px}}@keyframes deco-twinkle{0%{translate:0;rotate:none}to{translate:5px -9px;rotate:25deg}}@keyframes deco-fall{0%{transform:translateY(-460px) rotate(calc(var(--rot,0deg) - 200deg));opacity:0}12%{opacity:1}to{transform:translateY(0) rotate(var(--rot,0deg));opacity:1}}@keyframes deco-burst{0%{opacity:1;transform:translate(0)scale(.3)}to{opacity:0;transform:translate(var(--tx), var(--ty)) rotate(220deg)}}@keyframes fx-press{0%{box-shadow:var(--lift-s) var(--lift-s) 0 var(--ink-shadow);translate:0}to{translate:var(--press) var(--press);box-shadow:0 0 #0000}}@keyframes fx-gone{to{opacity:0;visibility:hidden}}@keyframes fx-blink{50%{opacity:0}}.hero-stripes{background:repeating-linear-gradient(-45deg, var(--k-character) 0 7px, var(--accent) 7px 14px)}.fx-sway{animation:7s ease-in-out infinite paused fx-sway;animation-delay:calc(var(--d,0) * -3.5s)}.inview .fx-sway{animation-play-state:running}@keyframes fx-sway{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px) rotate(calc(var(--sway,-1.2deg) * var(--tilt-on,1)))}}.fx-name{animation:settle .35s ease-out calc(var(--i,0) * 45ms) both}.fx-tap{animation:.18s ease-out 2 alternate both fx-press}@media (prefers-reduced-motion:reduce){.fx-sway,.fx-name,.fx-tap{animation:none!important}.blob,.sp,.cf,.pop{translate:none;rotate:none;animation:none!important}.blob{transition:none}}}