.landing{background:var(--background);color:var(--foreground)}.landing-dots{background-image:radial-gradient(color-mix(in srgb, var(--foreground) 13%, transparent) 1px, transparent 1px);background-position:-11px -11px;background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000 75%)}@keyframes landing-in{0%{opacity:0;filter:blur(10px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:none}}.landing-in{animation:.9s cubic-bezier(.2,.8,.2,1) both landing-in;animation-delay:calc(var(--i,0) * 90ms + 80ms)}.landing-reveal[data-wait]{opacity:0}.landing-reveal[data-shown]{animation:.8s cubic-bezier(.2,.8,.2,1) both landing-in;animation-delay:calc(var(--i,0) * 70ms)}@media (prefers-reduced-motion:reduce){.landing-in,.landing-reveal[data-wait],.landing-reveal[data-shown]{opacity:1;animation:none}}.landing-veil{background:radial-gradient(ellipse 55% 62% at 50% 50%, color-mix(in srgb, var(--background) 86%, transparent), color-mix(in srgb, var(--background) 68%, transparent) 55%, transparent 90%)}.landing-keyhole{perspective:900px}.landing-keyhole-tilt{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));animation:9s cubic-bezier(.45,0,.55,1) infinite landing-drift;position:relative}@keyframes landing-drift{0%,to{translate:0}50%{translate:0 -8px}}.landing-keyhole-sheen{background:linear-gradient(110deg, transparent 40%, color-mix(in srgb, var(--foreground) 22%, transparent) 50%, transparent 60%);mix-blend-mode:screen;background-repeat:no-repeat;background-size:300% 100%;animation:8s cubic-bezier(.4,0,.2,1) infinite landing-sheen;position:absolute;inset:0;-webkit-mask-image:url(/home/keyhole-crystal.webp);mask-image:url(/home/keyhole-crystal.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%}@keyframes landing-sheen{0%{background-position:110% 0}35%,to{background-position:-10% 0}}@media (prefers-reduced-motion:reduce){.landing-keyhole-tilt,.landing-keyhole-sheen{animation:none}}.landing-shot-fade{-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}