.intro{display:none}html[data-intro=done] .intro,html[data-intro=play] .intro{position:fixed;inset:0;z-index:300;display:grid;place-items:center;align-content:center;grid-gap:24px;gap:24px;background:var(--night);color:var(--night-fg);pointer-events:none;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);animation:intro-lift .8s var(--ease-io) 1.1s forwards,intro-gone 0s linear 1.95s forwards}@keyframes intro-lift{to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}}@keyframes intro-gone{to{visibility:hidden}}.intro-mark{position:relative;display:flex;align-items:center;height:90px}.intro-logo{height:60px;width:auto;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);animation:intro-reveal .5s var(--ease-io) .75s forwards}@keyframes intro-reveal{to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.intro-slash{position:absolute;left:-14px;top:-18px;bottom:-18px;width:22px;border-radius:3px;background:var(--violet);transform:skewX(-18deg) scaleY(0);transform-origin:top;animation:intro-draw .6s var(--ease-io) .1s forwards,intro-wipe .5s var(--ease-io) .75s forwards}@keyframes intro-draw{to{transform:skewX(-18deg) scaleY(1)}}@keyframes intro-wipe{0%{translate:0 0}to{translate:240px 0}}.intro-cap{font:400 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--night-muted);opacity:0;translate:0 8px;animation:intro-cap .6s var(--ease) .9s forwards}@keyframes intro-cap{to{opacity:1;translate:0 0}}.intro-sweep{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--violet);transform:scaleX(0);transform-origin:left;animation:intro-bar 1s var(--ease-io) .1s forwards}@keyframes intro-bar{to{transform:scaleX(1)}}.sprog{top:0;left:0;right:0;height:2px;z-index:70;background:var(--violet);transform:scaleX(0);transform-origin:left}.sprog,body:after{position:fixed;pointer-events:none}body:after{content:"";inset:-120px;z-index:240;opacity:.05;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(5) infinite}@keyframes grain{0%,to{translate:0 0}20%{translate:-30px 20px}40%{translate:25px -35px}60%{translate:-15px -20px}80%{translate:35px 15px}}.hero-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.6s var(--ease) .3s;-webkit-mask-image:radial-gradient(120% 95% at 72% 42%,#000 35%,transparent 82%);mask-image:radial-gradient(120% 95% at 72% 42%,#000 35%,transparent 82%)}.ready .hero-field{opacity:1}.hero>.wrap{position:relative;z-index:1}.hero-foot{z-index:1}.mq{display:grid;grid-gap:clamp(2px,.6vw,10px);gap:clamp(2px,.6vw,10px);padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--line);-moz-user-select:none;user-select:none;-webkit-user-select:none}.mq,.mq-row{overflow:hidden}.mq-row{white-space:nowrap}.mq-track{display:flex;width:max-content;will-change:transform}.mq-copy{display:flex;align-items:center;flex:none}.mq-item,.mq-sep{font-weight:500;font-size:clamp(44px,7.2vw,118px);line-height:1.08;letter-spacing:-.05em}.mq-item{padding-inline:.16em}.mq-sep{font-style:normal;color:var(--violet);padding-inline:.1em}.mq-outline .mq-item{color:transparent;-webkit-text-stroke:1.2px var(--ink)}.mq-outline .mq-sep{color:transparent;-webkit-text-stroke:1.2px var(--violet)}.btn{transition:translate .35s var(--ease)}.spec{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0))}.cr:hover .spec{--lift:-6px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift))}.spec.tilting{transition:transform .15s linear,box-shadow .7s var(--ease),border-color .5s}.act{position:relative;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s var(--ease)}.act.tilting{transition-duration:.15s;transition-timing-function:linear}.act:after,.spec:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(91,63,248,.12),transparent 55%)}.act.dark:after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(175,162,255,.2),transparent 55%)}.act.tilting:after,.spec.tilting:after{opacity:1}.cur-dot,.cur-ring{display:none}html.has-cursor,html.has-cursor *{cursor:none}html.has-cursor input,html.has-cursor select,html.has-cursor textarea{cursor:text}html.has-cursor .cur-dot,html.has-cursor .cur-ring{display:block;position:fixed;left:0;top:0;z-index:400;pointer-events:none;border-radius:50%;opacity:0}html.has-cursor.cursor-on .cur-dot,html.has-cursor.cursor-on .cur-ring{opacity:1}.cur-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--violet);transition:opacity .3s}.cur-ring{width:36px;height:36px;margin:-18px 0 0 -18px;border:1px solid rgba(91,63,248,.55);transition:opacity .3s,width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),background-color .35s,border-color .35s}html.cursor-hover .cur-ring{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(91,63,248,.1);border-color:var(--violet)}html.cursor-down .cur-ring{width:26px;height:26px;margin:-13px 0 0 -13px}html.cursor-text .cur-dot,html.cursor-text .cur-ring{opacity:0!important}@media (max-width:520px){.mq-item,.mq-sep{font-size:clamp(38px,12vw,56px)}}@media (prefers-reduced-motion:reduce){.intro{display:none!important}body:after{animation:none}.hero-field{opacity:1}}