.oct-intro{--scene-height:min(48svh, 380px);z-index:120;background:var(--base,#121416);flex-direction:column;justify-content:center;align-items:center;padding:24px 16px 100px;display:flex;position:fixed;inset:0;overflow:hidden}.oct-intro-scene{width:min(94vw,650px);height:var(--scene-height);flex-shrink:0;position:relative}.oct-intro:focus{outline:0}.oct-gpu-anchor{width:min(410px, 88vw, calc(var(--scene-height) * 1.08));aspect-ratio:1;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.oct-gpu{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;opacity:0;transform-origin:55% 80%;will-change:transform;display:block}.oct-intro.is-playing .oct-gpu{animation:1.65s cubic-bezier(.2,.55,.3,1) .18s both oct-slap}.oct-intro.is-playing .oct-intro-scene{animation:.42s linear 1.32s both oct-impact-shake}.oct-intro-speed{color:#8ac8e8;opacity:0;margin:0;font:14px/1.4 Consolas,Courier New,monospace;position:absolute;top:9%;left:66%;transform:rotate(-28deg)}.oct-intro.is-playing .oct-intro-speed{animation:.95s steps(3,end) .22s both oct-speed}.oct-impact{pointer-events:none;width:0;height:0;position:absolute;top:58%;left:50%}.oct-impact-ring{color:#a6e75a;text-align:center;opacity:0;width:230px;margin:0;font:18px/1 Consolas,Courier New,monospace;position:absolute;transform:translate(-50%)}.oct-intro.is-playing .oct-impact-ring{animation:.7s steps(4,end) 1.32s both oct-ring}.oct-spark{opacity:0;font:18px/1 Consolas,Courier New,monospace;position:absolute}.oct-spark.spark-0{color:#a6e75a}.oct-spark.spark-1{color:#8ac8e8}.oct-spark.spark-2{color:#d6ba76}.oct-intro.is-playing .oct-spark{animation:.85s cubic-bezier(.15,.5,.3,1) 1.32s both oct-burst}.oct-crew-track{width:96%;height:70px;position:absolute;bottom:0;left:2%;overflow:hidden}.oct-crew-floor{text-align:center;color:#465154;white-space:pre;margin:0;font:12px/1 Consolas,Courier New,monospace;position:absolute;bottom:0;left:0;right:0}.oct-runner{width:54px;height:52px;position:absolute;bottom:12px;left:-70px}.crew-blue{color:#8ac8e8}.crew-amber{color:#d6ba76}.crew-green{color:#a6e75a}.oct-intro.is-playing .runner-0{animation:5.7s linear .1s both oct-cross}.oct-intro.is-playing .runner-1{animation:5.7s linear .45s reverse both oct-cross}.oct-intro.is-playing .runner-2{animation:4.4s linear 1.6s both oct-cross}.oct-crew-body{position:absolute;inset:7px 0 0}.oct-crew-frame{text-align:center;white-space:pre;margin:0;font:15px/14px Consolas,Courier New,monospace;position:absolute;inset:0}.oct-crew-frame.frame-1{opacity:0}.oct-intro.is-playing .frame-0{animation:.32s step-end infinite oct-step-a}.oct-intro.is-playing .frame-1{animation:.32s step-end infinite oct-step-b}.oct-intro.is-playing .oct-crew-body{animation:.6s steps(4,end) 1.32s both oct-flinch}.oct-crew-reaction{opacity:0;font:17px/1 Consolas,Courier New,monospace;position:absolute;top:-14px;left:24px}.oct-intro.is-playing .oct-crew-reaction{animation:.65s step-end 1.32s both oct-reaction}.oct-intro-wordmark{text-align:center;opacity:0;flex-shrink:0;margin-top:22px}.oct-intro-wordmark pre{color:#e3e9df;white-space:pre;margin:0;font:18px/1.05 Consolas,Courier New,monospace}.oct-intro-wordmark>span{color:#8e9b94;margin-top:16px;font:11px/1.4 Arial,Helvetica,sans-serif;display:block}.oct-intro.is-playing .oct-intro-wordmark{animation:.4s steps(5,end) 1.9s both oct-wordmark}.oct-intro-controls{bottom:max(28px, env(safe-area-inset-bottom));align-items:center;gap:17px;display:flex;position:absolute}.oct-intro-open{color:#c4d0c0;align-items:center;gap:12px;padding:10px;font-size:12px;display:flex}.oct-intro-open:hover{color:#a6e75a}.oct-intro-replay{color:#83968c;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.oct-intro-replay:hover,.oct-intro.is-complete .oct-intro-replay{color:#a6e75a}.oct-intro.is-playing:not(.is-preview){animation:.35s 6.05s both oct-exit}@keyframes oct-slap{0%{opacity:1;transform:translate(70vw,-62vh)rotate(-42deg)scale(1.18)}46%{opacity:1;transform:translate(24vw,-16vh)rotate(-29deg)scale(1.12)}69%{opacity:1;transform:translateY(24px)rotate(9deg)scale(1.03,.94)}76%{opacity:1;transform:translateY(12px)rotate(-5deg)scale(.98,1.05)}85%{opacity:1;transform:translateY(-16px)rotate(2deg)}93%{opacity:1;transform:translateY(4px)rotate(-1deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes oct-impact-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px,4px)}30%{transform:translate(4px,-3px)}50%{transform:translate(-3px,2px)}70%{transform:translate(1px,-1px)}}@keyframes oct-speed{0%{opacity:0}20%,70%{opacity:.65}to{opacity:0}}@keyframes oct-ring{0%{opacity:0;transform:translate(-50%)scale(.45)}20%{opacity:1}to{opacity:0;transform:translate(-50%,32px)scale(1.7)}}@keyframes oct-burst{0%{opacity:0;transform:translate(0)}10%{opacity:1}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--burst-turn))}}@keyframes oct-cross{0%{left:-70px}to{left:calc(100% + 30px)}}@keyframes oct-step-a{0%,to{opacity:1}50%{opacity:0}}@keyframes oct-step-b{0%,to{opacity:0}50%{opacity:1}}@keyframes oct-flinch{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-11px)rotate(-12deg)}45%{transform:translateY(-7px)rotate(9deg)}70%{transform:translateY(2px)rotate(-4deg)}}@keyframes oct-reaction{0%,to{opacity:0}10%,70%{opacity:1}}@keyframes oct-wordmark{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes oct-exit{to{opacity:0}}@media (max-width:760px){.oct-intro{--scene-height:min(45svh, 340px)}.oct-intro-wordmark{margin-top:18px}.oct-intro-wordmark pre{font-size:16px}.oct-impact-ring{width:170px;font-size:14px}.oct-spark{font-size:14px}.oct-intro-speed{font-size:11px}}@media (max-height:520px){.oct-intro{--scene-height:180px;padding-bottom:70px}.oct-gpu-anchor{width:min(162px,88vw);top:32%}.oct-intro-wordmark{margin-top:8px}.oct-intro-wordmark pre{font-size:12px}.oct-intro-wordmark>span{margin-top:8px}.oct-intro-controls{bottom:12px}}@media (prefers-reduced-motion:reduce){.oct-intro *,.oct-intro.is-playing{animation:none!important}.oct-gpu,.oct-intro-wordmark{opacity:1}.oct-runner{left:40%}.runner-1{left:50%}.runner-2{left:60%}.frame-0{opacity:1}.frame-1{opacity:0}}