.intro{display:none}html[data-intro=leaving],html[data-intro=on]{overflow:hidden}html[data-intro=leaving] .intro,html[data-intro=on] .intro{display:flex}.intro{position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:16px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;--wash-delay:0.35s;--card-delay:0.5s}@keyframes introWashIn{0%{opacity:0}}.intro:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.6);animation:introWashIn .5s var(--ease-default) var(--wash-delay) both}@keyframes introCardIn{0%{opacity:0;transform:translateY(10px) scale(.98)}}.intro__card{position:relative;isolation:isolate;overflow:hidden;overflow:clip;width:min(480px,100%);max-height:calc(100svh - 32px);padding:30px 28px 28px;border-radius:28px;border:1px solid rgba(10,10,11,.06);background:#fafaf9;color:rgba(10,10,11,.94);box-shadow:0 2px 6px rgba(0,0,0,.18),0 32px 80px -16px rgba(0,0,0,.6);outline:none;cursor:default;animation:introCardIn .6s cubic-bezier(.3,1.25,.5,1) var(--card-delay) both}.intro__card:before{inset:0;background:radial-gradient(48% 40% at 50% 60%,rgba(250,217,41,.12),transparent 70%),radial-gradient(70% 30% at 50% 100%,rgba(10,10,11,.04),transparent 80%)}.intro__card:after,.intro__card:before{content:"";position:absolute;z-index:-1}.intro__card:after{left:-20%;right:-20%;bottom:0;height:30%;background-image:linear-gradient(rgba(10,10,11,.07) 1px,transparent 0),linear-gradient(90deg,rgba(10,10,11,.07) 1px,transparent 0);background-size:20px 20px;-webkit-mask-image:linear-gradient(0deg,#000,transparent);mask-image:linear-gradient(0deg,#000,transparent);transform:perspective(320px) rotateX(58deg);transform-origin:bottom}@keyframes introWashOut{to{opacity:0}}@keyframes introCardOut{to{opacity:0;transform:translateY(6px) scale(.98)}}html[data-intro=leaving] .intro{pointer-events:none}html[data-intro=leaving] .intro:before{animation:introWashOut .45s var(--ease-default) forwards}html[data-intro=leaving] .intro__card{animation:introCardOut .3s var(--ease-default) forwards}.intro__close{position:absolute;top:14px;right:14px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(10,10,11,.1);border-radius:50%;background:rgba(10,10,11,.03);color:rgba(10,10,11,.6);cursor:pointer;transition:color var(--lf-dur-3) var(--ease-default),border-color var(--lf-dur-3) var(--ease-default),background-color var(--lf-dur-3) var(--ease-default),transform var(--lf-dur-2) var(--ease-default)}.intro__close svg{width:16px;height:16px}.intro__close:hover{color:rgba(10,10,11,.92);border-color:rgba(10,10,11,.22);background:rgba(10,10,11,.07)}.intro__col{--sprite-h:240px;--sprite-h:clamp(160px,round(down,36svh,80px),320px);display:flex;flex-direction:column;align-items:center}.intro__title{margin:40px 0 0;font-weight:var(--lf-w-display);font-size:clamp(26px,3vw,36px);line-height:1.06;letter-spacing:-.026em}.intro__sub,.intro__title{font-family:var(--lf-font);text-wrap:balance}.intro__sub{margin:10px 0 0;font-weight:var(--lf-w-body);font-size:15px;line-height:1.45;color:rgba(10,10,11,.58)}.intro[data-ended=true] .intro__sub,.intro[data-ended=true] .intro__title{animation:introLine .6s var(--ease-house) both}.intro[data-ended=true] .intro__sub{animation-delay:.12s}@keyframes introLine{0%{opacity:0;transform:translateY(10px)}}.intro__figure{position:relative;margin-top:18px;width:calc(var(--sprite-h) * .8);height:var(--sprite-h);padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.intro__figure[aria-disabled=true]{cursor:default}.intro[data-ended=true] .intro__figure{margin-top:calc(18px + var(--sprite-h) * .13)}.intro__figure:focus-visible{outline:2px dashed rgba(10,10,11,.45);outline-offset:10px;border-radius:8px}.intro__burst,.intro__sprite{position:absolute;inset:0;display:block}.intro__frame{position:absolute;inset:0;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated}.intro__burst[data-on=false],img.intro__frame[data-on=false]{visibility:hidden}.intro__burst img,.intro__burst svg,.intro__shadow img{width:100%;height:100%;image-rendering:pixelated}@keyframes introGrow{0%{transform:scale(.95);filter:brightness(1.25)}60%{transform:scale(1.03)}to{transform:scale(1);filter:none}}.intro__sprite[data-stage="2"],.intro__sprite[data-stage="3"]{animation:introGrow .32s steps(6) both;transform-origin:50% 95%}@keyframes introJump{0%,to{transform:translateY(0)}25%{transform:translateY(1%)}50%{transform:translateY(-12%)}75%{transform:translateY(-4%)}}@keyframes introShadow{0%,to{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(.6);opacity:.5}}.intro__sprite[data-jump=true]{animation:introJump .56s steps(14) infinite;transform-origin:50% 95%}.intro__shadow{position:absolute;left:50%;bottom:0;width:75%;height:10%;transform:translateX(-50%);border-radius:50%;background:rgba(10,10,11,.16)}.intro__shadow:has(img){border-radius:0;background:none}.intro__shadow img{opacity:.18}.intro[data-ended=true] .intro__shadow{animation:introShadow .56s steps(14) infinite}@keyframes introPlus{0%{opacity:1;transform:translate(-50%) scale(.9)}to{opacity:0;transform:translate(-50%,-64px) scale(1.15)}}.intro__plus{position:absolute;font-weight:var(--lf-w-display);font-size:22px;color:#f1b10e;text-shadow:2px 2px 0 #63260f;pointer-events:none;animation:introPlus .7s steps(10) forwards}.intro__go,.intro__plus{font-family:var(--lf-font)}.intro__go{margin-top:18px;min-height:50px;padding:0 28px;border:0;border-radius:999px;background:#0a0a0b;font-weight:var(--lf-w-ui);font-size:15px;color:rgba(255,255,255,.92);cursor:pointer;animation:introLine .6s var(--ease-house) .3s both;transition:transform var(--lf-dur-2) var(--ease-default)}.intro__close:active,.intro__go:active{transform:var(--lf-press)}.intro__close:focus-visible,.intro__go:focus-visible{outline:2px solid rgba(10,10,11,.85);outline-offset:3px}@media (max-width:600px){.intro__card{padding:26px 18px 22px;border-radius:24px}}@media (max-height:640px){.intro__col{--sprite-h:160px}}@media (max-height:560px) and (min-width:560px){.intro__card{width:min(640px,100%);padding:20px 24px}.intro__col{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:"fig ." "fig title" "fig sub" "fig go" "fig .";column-gap:24px;align-items:center;justify-items:start;text-align:left}.intro__figure{grid-area:fig;margin-top:0}.intro[data-ended=true] .intro__figure{margin-top:calc(var(--sprite-h) * .13)}.intro__title{grid-area:title;margin:0;padding-right:36px;font-size:clamp(22px,3.4vw,28px);text-wrap:pretty}.intro__sub{grid-area:sub;margin-top:8px;font-size:14px;text-wrap:pretty}.intro__go{grid-area:go;margin-top:14px;min-height:46px}}@media (prefers-reduced-motion:reduce){.intro:before,.intro__card,.intro__go,.intro__shadow,.intro__sprite,.intro__sub,.intro__title,html[data-intro=leaving] .intro:before,html[data-intro=leaving] .intro__card{animation:none!important}}.loader{display:none}html[data-loader] .loader{display:grid}.loader{position:fixed;inset:0;z-index:200;place-items:center;background:var(--lf-bg);color:var(--lf-text);pointer-events:none;animation:loaderCap .4s linear 2.6s both}@keyframes loaderCap{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.loader__core{display:flex;flex-direction:column;align-items:center;gap:var(--lf-space-24);transform:translateY(-2svh)}.loader__name{font-family:var(--lf-font);font-weight:var(--lf-w-display);font-size:clamp(28px,3.4vw,40px);line-height:1;letter-spacing:-.02em;color:var(--lf-text)}.loader__bar{--loader-fill:1s;position:relative;display:block;width:min(176px,48vw);height:2px;border-radius:var(--lf-radius-full);background:var(--lf-line-medium);overflow:hidden}.loader__fill{position:absolute;inset:0;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--lf-text-3),var(--lf-text));transform:scaleX(0);transform-origin:0 50%;animation:loaderFill var(--loader-fill) cubic-bezier(.65,0,.35,1) both}@keyframes loaderFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.loader__fill{animation:none;transform:scaleX(1)}}