/* Collaborative motion and kinetic typography. */
.collab-section{position:relative;overflow:hidden;border-block:1px solid var(--line);background:#0c0e19;padding-block:90px}.collab-section:before,.collab-section:after{content:'';position:absolute;width:120%;height:240px;inset-inline-start:-10%;top:100px;border:1px solid #467cff60;border-radius:50%;transform:rotate(-12deg);box-shadow:0 10px 0 #3d73ff12,0 22px 0 #6092ff0c,0 -12px 0 #3d73ff0c;animation:ribbon-drift 12s ease-in-out infinite;pointer-events:none}.collab-section:after{top:190px;transform:rotate(10deg);animation-delay:-6s;border-color:#aa89ed50}.collab-inner{position:relative;z-index:1;max-width:1200px;margin:auto;text-align:center}.collab-inner>.eyebrow{color:var(--purple)}.collab-title{font:500 clamp(42px,6.5vw,88px)/1.12 var(--display);letter-spacing:-3px;margin:26px 0}.collab-title .collab-word{display:inline-block;color:var(--lime);animation:word-breathe 6s ease-in-out infinite}.collab-inner>p{color:#aca9be;max-width:590px;margin:20px auto}.collab-stage{position:relative;height:180px;max-width:640px;margin:auto;display:grid;place-items:center}.collab-core{font:500 14px var(--display);letter-spacing:3px;display:grid;place-items:center;width:100px;height:100px;border:1px solid #aaa1e370;border-radius:50%;background:#16182ae6;box-shadow:0 0 70px #5988ff29}.collab-cursor{position:absolute;border:1px solid currentColor;border-radius:5px;padding:5px 12px;font-size:12px;animation:collaborate 7s ease-in-out infinite}.collab-cursor:before{content:'↖';position:absolute;font-size:25px;inset-inline-start:-16px;top:-20px}.cursor-design{color:#c2f970;top:24px;left:13%;--cx:22px;--cy:18px}.cursor-code{color:#ad92ff;top:48px;right:12%;--cx:-23px;--cy:22px;animation-delay:-2s}.cursor-story{color:#84dcee;bottom:12px;left:36%;--cx:24px;--cy:-16px;animation-delay:-4s}.collab-section .collab-link{display:inline-block;color:var(--lime);font-size:14px;margin-top:30px;padding:10px;border-bottom:1px solid #c2f97055}@keyframes collaborate{0%,100%{transform:translate(0,0)}50%{transform:translate(var(--cx),var(--cy))}}@keyframes ribbon-drift{50%{translate:0 25px;rotate:5deg}}@keyframes word-breathe{0%,100%{transform:translateY(0);text-shadow:0 0 0 transparent}50%{transform:translateY(-5px);text-shadow:0 0 32px #c2f97040}}html[dir=rtl] .collab-title{letter-spacing:0}@media(max-width:600px){.collab-section{padding-block:65px}.collab-title{font-size:45px;letter-spacing:-2px}.collab-inner>p{font-size:14px}.collab-stage{height:165px}.cursor-design{left:6%}.cursor-code{right:5%}}@media(prefers-reduced-motion:reduce){}