@property --ir{syntax:"<percentage>";inherits:false;initial-value:0%}.l-intro{--ir:0%;--load:0;z-index:300;color:var(--bone);pointer-events:none;-webkit-mask-image:radial-gradient(circle at 50% 58%, transparent var(--ir), #000 calc(var(--ir) + 0.4%));-webkit-mask-image:radial-gradient(circle at 50% 58%, transparent var(--ir), #000 calc(var(--ir) + 0.4%));mask-image:radial-gradient(circle at 50% 58%, transparent var(--ir), #000 calc(var(--ir) + 0.4%));animation:l-intro-auto 1.2s var(--ease) 4.8s forwards;background:radial-gradient(55% 45% at 50% 46%,#1e2e20f2,#070b08 72%),#070b08;place-items:center;display:grid;position:fixed;inset:0}.l-intro[data-state=gone]{display:none}.l-intro[data-state=out]{animation:l-intro-open 1.25s var(--ease) forwards}@keyframes l-intro-open{to{--ir:150%}}@keyframes l-intro-auto{to{--ir:150%;visibility:hidden}}.l-intro__stage{width:120px;height:250px;margin-top:-6vh;position:relative}.l-intro__mark{width:96px;height:96px;animation:l-mark-in 1.1s var(--ease-out) both;position:absolute;top:0;left:12px}@keyframes l-mark-in{0%{opacity:0;filter:blur(6px);transform:translateY(14px)scale(.92)}}.l-intro__drop{background:radial-gradient(circle at 35% 30%, #fff 0 12%, var(--spring) 46%, #6f8d33 100%);opacity:0;width:9px;height:12px;animation:l-drop-fall 1.7s var(--ease) .5s infinite;border-radius:50%/62% 62% 38% 38%;margin-left:-4.5px;position:absolute;top:82px;left:60px;box-shadow:0 0 12px #d6ea8e99}@keyframes l-drop-fall{0%{opacity:0;transform:translateY(0)scale(.2)}22%{opacity:1;transform:translateY(0)scale(1)}55%{opacity:1;transform:translateY(2px)scale(.92,1.14)}84%{opacity:1;transform:translateY(156px)scale(.8,1.3)}86%,to{opacity:0;transform:translateY(156px)scale(1.4,.4)}}.l-intro__line{background:#ece7d829;height:1px;position:absolute;top:244px;left:-110px;right:-110px}.l-intro__line>span{background:var(--spring);width:100%;transform:scaleX(var(--load));transform-origin:0;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #d6ea8eb3}.l-intro__ring{opacity:0;width:130px;height:26px;animation:l-intro-ring 1.7s var(--ease-out) 1.93s infinite;border:1px solid #d6ea8eb3;border-radius:50%;margin:-13px 0 0 -65px;position:absolute;top:244px;left:60px;transform:scale(.1)}.l-intro__ring--2{border-color:#ece7d866;animation-delay:2.13s}@keyframes l-intro-ring{0%{opacity:.9;transform:scale(.1)}70%,to{opacity:0;transform:scale(1.6)}}.l-intro__count{letter-spacing:.14em;color:#ece7d899;align-items:baseline;gap:8px;margin:0;font-size:12px;display:flex;position:absolute;top:calc(50% + 140px - 6vh);left:50%;transform:translate(-50%)}.l-intro__count .l-tnum{font-family:var(--font-display);letter-spacing:-.01em;color:var(--bone);font-size:54px;font-weight:300}.l-intro__word{font-family:var(--font-display);letter-spacing:.6em;color:#ece7d899;margin:0;font-size:15px;position:absolute;bottom:9vh;left:50%;transform:translate(-50%)}.l-intro__skip{color:#ece7d866;margin:0;font-size:10px;position:absolute;bottom:26px;right:28px}.l-grain{z-index:95;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -0.2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.9s steps(5,end) infinite l-grain;position:fixed;inset:-60%}html[data-theme=light] .l-grain{opacity:.05;mix-blend-mode:multiply}@keyframes l-grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}to{transform:translate(0)}}.l-leaks{z-index:94;pointer-events:none;mix-blend-mode:screen;position:fixed;inset:0;overflow:hidden}html[data-theme=light] .l-leaks{display:none}.l-leaks span{border-radius:50%;width:70vmax;height:70vmax;position:absolute}.l-leaks span:first-child{animation:l-leak-a 22s var(--ease) infinite alternate;background:radial-gradient(closest-side,#ffb06629,#ff965a0d 45%,#ff965a00);top:-40vmax;left:-38vmax}.l-leaks span:last-child{animation:l-leak-b 28s var(--ease) infinite alternate;background:radial-gradient(closest-side,#d6ea8e1a,#a79bff0a 50%,#a79bff00);bottom:-46vmax;right:-44vmax}@keyframes l-leak-a{to{opacity:.7;transform:translate(8vmax,6vmax)scale(1.15)}}@keyframes l-leak-b{to{opacity:.6;transform:translate(-10vmax,-4vmax)scale(1.1)}}@media (prefers-reduced-motion:reduce){.l-intro{display:none}.l-grain,.l-leaks span{animation:none}}.l-nf__pool{pointer-events:auto;justify-items:center;display:grid;position:absolute;top:50%;right:-2vw;transform:translateY(-46%)}.l-nf__num{font-family:var(--font-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #ece7d866;background:linear-gradient(#d6ea8e00 40%,#d6ea8e29);-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(180px,34vw,600px);font-weight:300;line-height:.76}.l-nf__num:not(.l-nf__num--refl){position:relative}.l-nf__num:not(.l-nf__num--refl):after{content:"";background:linear-gradient(90deg,#0000,#ece7d84d 25% 75%,#0000);height:1px;position:absolute;bottom:-.012em;left:-30vw;right:-30vw}.l-nf__num--refl{opacity:.3;clip-path:inset(45% 0 0);pointer-events:none;margin-top:.03em;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 45%,#000);mask-image:linear-gradient(#0000 45%,#000)}.l-nf__drop{background:radial-gradient(circle at 35% 30%, #fff 0 12%, var(--spring) 46%, #6f8d33);opacity:0;width:10px;height:14px;animation:l-nf-drop 3.2s var(--ease) infinite;border-radius:50%/62% 62% 38% 38%;margin-left:-5px;position:absolute;top:-12vh;left:50%;box-shadow:0 0 14px #d6ea8e99}@keyframes l-nf-drop{0%{opacity:0;transform:translateY(0)scale(.3)}12%{opacity:1;transform:translateY(0)scale(1)}44%{opacity:1;transform:translateY(calc(12vh + clamp(180px,34vw,600px)/1.31579))scale(.85,1.3)}46%,to{opacity:0;transform:translateY(calc(12vh + clamp(180px,34vw,600px)/1.31579))scale(1.4,.4)}}.l-nf__ring{opacity:0;width:26vw;height:5vw;animation:l-nf-ring 3.2s var(--ease-out) 1.45s infinite;border:1px solid #d6ea8e99;border-radius:50%;margin:-2.5vw 0 0 -13vw;position:absolute;top:calc(clamp(180px,34vw,600px)/1.31579);left:50%}.l-nf__ring--2{border-color:#ece7d866;animation-delay:1.75s}@keyframes l-nf-ring{0%{opacity:.9;transform:scale(.08)}60%,to{opacity:0;transform:scale(1.5)}}.l-nf .l-nf__rings{display:none}@media (width<=767px){.l-nf__pool{top:26%;right:50%;transform:translate(50%,-50%)}.l-nf__copy{padding-top:28vh}}@media (prefers-reduced-motion:reduce){.l-nf__drop,.l-nf__ring{animation:none}}
