:root{--cube-size:470px;--button-gap:40px}.nav-panel{z-index:20;gap:var(--button-gap);font-family:var(--font-terminal),monospace;flex-direction:column;display:flex;position:fixed;top:51%;left:120px;transform:translateY(-50%)}.cube-menu button{color:#efff93;cursor:pointer;white-space:nowrap;font-size:24px;font-family:var(--font-terminal),monospace;background:#0f081634;border:1px solid #efff938c;padding:8px 80px;transition:background-color .28s,color .28s,border-color .28s,box-shadow .28s}.cube-menu button:hover{color:#0f0816;background:#efff93;border-color:#efff93;box-shadow:0 0 18px #efff9373,inset 0 0 8px #00000040}.right-panel{z-index:10;font-family:var(--font-machine-ground),monospace;position:fixed;top:52%;right:10%;transform:translateY(-50%)}.scene{width:var(--cube-size);height:var(--cube-size);perspective:1200px}.cube{width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(calc(var(--cube-size)/-2));transition:transform 1.2s;position:relative}.cube.show-front{transform:translateZ(calc(var(--cube-size)/-2))rotateY(0deg)}.cube.show-right{transform:translateZ(calc(var(--cube-size)/-2))rotateY(-90deg)}.cube.show-back{transform:translateZ(calc(var(--cube-size)/-2))rotateY(-180deg)}.cube.show-left{transform:translateZ(calc(var(--cube-size)/-2))rotateY(90deg)}.cube.show-top{transform:translateZ(calc(var(--cube-size)/-2))rotateX(-90deg)}.cube.show-bottom{transform:translateZ(calc(var(--cube-size)/-2))rotateX(90deg)}.cube-face{width:var(--cube-size);height:var(--cube-size);color:#e0ffad;opacity:.14;background:#2524250f;border:1px solid #d0fc8b87;justify-content:center;align-items:center;font-size:45px;transition:opacity 1.4s;display:flex;position:absolute;box-shadow:inset 0 0 40px #2905521c,0 0 45px #9a64ff26}.cube.show-front .front,.cube.show-right .right,.cube.show-back .back,.cube.show-left .left,.cube.show-top .top,.cube.show-bottom .bottom{opacity:1}.front{transform:rotateY(0deg)translateZ(calc(var(--cube-size)/2))}.back{transform:rotateY(180deg)translateZ(calc(var(--cube-size)/2))}.right{transform:rotateY(90deg)translateZ(calc(var(--cube-size)/2))}.left{transform:rotateY(-90deg)translateZ(calc(var(--cube-size)/2))}.top{transform:rotateX(90deg)translateZ(calc(var(--cube-size)/2))}.bottom{transform:rotateX(-90deg)translateZ(calc(var(--cube-size)/2))}.cube-front-image{filter:grayscale();opacity:1;pointer-events:none;width:100%;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cube-content{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:80px 90px;display:flex}.cube-title{font-family:var(--font-machine-ground),monospace;letter-spacing:.12em;color:#cab7ff;width:fit-content;margin-bottom:12px;font-size:54px;position:relative}.cube-title:before{content:"";z-index:-1;background:#000000a6;border-radius:4px;height:1.25em;position:absolute;top:50%;left:-18px;right:-18px;transform:translateY(-50%)}.cube-body{font-family:var(--font-terminal);color:#e0ffad;text-align:center;max-width:520px;margin-top:10px;font-size:22px;line-height:1.7}.cube-body span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000000a6;padding:6px 18px;display:inline}.cube-enter{font-family:var(--font-machine-ground),monospace;letter-spacing:.25em;color:#b397ff;cursor:pointer;background:#000000a6;border:1px solid #b397ff8c;margin-top:40px;padding:14px 42px;font-size:20px;transition:background-color .25s,color .25s,box-shadow .25s}.cube-enter:hover{color:#0f0816;background:#b397ffe6;box-shadow:0 0 18px #b397ff73,inset 0 0 8px #00000040}
.change-text{z-index:6;font-family:var(--font-machine-ground),monospace;color:#b397ff;pointer-events:none;position:absolute;top:18%;left:120px;transform:translateY(-50%)}.change-text .line-1{opacity:.55;margin-bottom:6px;font-size:40px}.change-text .line-2{letter-spacing:.08em;font-size:55px}.change-text .typed{color:#fff}.change-text .cursor{opacity:.6;margin-left:6px;animation:1.1s infinite blink}@keyframes blink{0%,50%{opacity:.6}51%,to{opacity:0}}.line-1,.line-2{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(6px)}.line-1.visible,.line-2.visible{opacity:1;transform:translateY(0)}.change-text .line-1,.change-text .line-2{width:fit-content;position:relative}.change-text .line-1:before,.change-text .line-2:before{content:"";z-index:-1;background:#000000a6;border-radius:4px;height:1.25em;position:absolute;top:50%;left:-400px;right:-16px;transform:translateY(-50%)}
:root{--team-cube-size:460px}.team-cube-viewport{width:100%;height:100%;overflow:hidden}.team-cube-layout{grid-template-columns:1fr 1fr;align-items:center;width:100%;height:100%;display:grid}.team-cube-left{flex-direction:column;align-items:center;gap:28px;display:flex;transform:translateZ(0)}.team-cube-preview{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.team-preview-image{object-fit:contain;opacity:0;max-width:82%;max-height:82%;animation:.6s forwards previewFadeIn}@keyframes previewFadeIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.team-cube-nav{justify-content:center;gap:20px;display:flex}.team-headshot{cursor:pointer;background:0 0;border:2px solid #b4a0ff59;border-radius:999px;width:72px;height:72px;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.team-headshot img{object-fit:cover;width:100%;height:100%}.team-headshot:hover{border-color:#b4a0ff;transform:translateY(-6px);box-shadow:0 0 16px #b4a0ff73}.team-headshot.active{border-color:#efff93;box-shadow:0 0 22px #efff9373}.team-cube-scene{width:var(--team-cube-size);height:var(--team-cube-size);perspective:1200px;flex:none;position:relative}.team-cube{width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(calc(var(--team-cube-size)/-2));transition:transform 1.2s;position:relative}.team-cube.show-front{transform:translateZ(calc(var(--team-cube-size)/-2))rotateY(0deg)}.team-cube.show-right{transform:translateZ(calc(var(--team-cube-size)/-2))rotateY(-90deg)}.team-cube.show-back{transform:translateZ(calc(var(--team-cube-size)/-2))rotateY(-180deg)}.team-cube.show-left{transform:translateZ(calc(var(--team-cube-size)/-2))rotateY(90deg)}.team-cube.show-top{transform:translateZ(calc(var(--team-cube-size)/-2))rotateX(-90deg)}.team-cube.show-bottom{transform:translateZ(calc(var(--team-cube-size)/-2))rotateX(90deg)}.team-cube-face{width:var(--team-cube-size);height:var(--team-cube-size);opacity:.18;background:#25242514;border:1px solid #d0fc8b73;justify-content:center;align-items:center;transition:opacity 1.4s;display:flex;position:absolute;box-shadow:inset 0 0 40px #2905521f,0 0 45px #9a64ff2e}.team-cube.show-front .front,.team-cube.show-right .right,.team-cube.show-back .back,.team-cube.show-left .left,.team-cube.show-top .top,.team-cube.show-bottom .bottom{opacity:1}.front{transform:rotateY(0deg)translateZ(calc(var(--team-cube-size)/2))}.back{transform:rotateY(180deg)translateZ(calc(var(--team-cube-size)/2))}.right{transform:rotateY(90deg)translateZ(calc(var(--team-cube-size)/2))}.left{transform:rotateY(-90deg)translateZ(calc(var(--team-cube-size)/2))}.top{transform:rotateX(90deg)translateZ(calc(var(--team-cube-size)/2))}.bottom{transform:rotateX(-90deg)translateZ(calc(var(--team-cube-size)/2))}.team-cube-content{text-align:center;padding:60px}.team-cube-title{font-family:var(--font-machine-ground),monospace;letter-spacing:.18em;color:#cab7ff;margin-bottom:16px;font-size:30px}.team-cube-title span{background:#000000a6;padding:8px 22px;display:inline-block}.team-cube-body{font-family:var(--font-terminal),monospace;color:#e0ffad;font-size:16px;line-height:1.6}.team-cube-body span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000000a6;padding:6px 18px;display:inline}.team-heading{font-family:var(--font-machine-ground),monospace;letter-spacing:.32em;color:#cab7ff;margin-top:12px;font-size:36px}.team-bio{text-align:center;background:#0000008c;border:1px solid #b4a0ff59;max-width:420px;padding:18px 22px;box-shadow:inset 0 0 24px #29055240}.team-bio-name{font-family:var(--font-terminal),monospace;letter-spacing:.18em;color:#efff93;margin-bottom:10px;font-size:18px}.team-bio-text{font-family:var(--font-terminal),monospace;color:#e0ffad;font-size:15px;line-height:1.6}.team-profile-panel{justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:72px;display:flex}.team-profile-inner{text-align:center;width:360px}.team-profile-image{object-fit:cover;border:2px solid #b4a0ff66;border-radius:0;width:320px;height:450px;margin-bottom:18px;box-shadow:0 0 24px #9a64ff59}.team-profile-name{font-family:var(--font-terminal),monospace;letter-spacing:.22em;color:#efff93;margin-bottom:14px;font-size:20px}.team-profile-bio{font-family:var(--font-terminal),monospace;color:#e0ffad;background:#00000073;border:1px solid #b4a0ff40;padding:16px 18px;font-size:15px;line-height:1.7;box-shadow:inset 0 0 20px #29055240}
:root{--background:#14141400;--background-card-content:#2c2c2c00;--glitter:url(https://assets.codepen.io/13471/noise-base.png);--glitter2:url(https://assets.codepen.io/13471/noise-top.png);--light-size:300px}.rainbow-card{aspect-ratio:16/9;background:#212121;border-radius:10px;width:100%;position:relative;overflow:hidden}.rainbow-card:before,.rainbow-card:after{content:"";opacity:0;pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.rainbow-card:before{z-index:4;background-image:conic-gradient(from 0deg at var(--mouse-x)var(--mouse-y),#a0ff47 0%,#fff 20%,#9e6aff 40%,#666668 60%,#c7ff87 80%,#bbff62 100%),radial-gradient(calc(var(--light-size)*5)circle at var(--mouse-x)var(--mouse-y),#7c8a5666,#4232524d 1%);background-blend-mode:hue,color-dodge;z-index:2}.rainbow-card:after{z-index:3;--pointerx:calc(100%*var(--ratio-x));--pointery:calc(100%*var(--ratio-y));--bgoffsetx:calc(3px*var(--ratio-x));--bgoffsety:calc(3px*var(--ratio-y));background-image:radial-gradient(var(--light-size)circle at var(--pointerx)var(--pointery),#000000bf,black),radial-gradient(var(--light-size)circle at var(--pointerx)var(--pointery),#252525cc,#101010),var(--glitter2),var(--glitter2);background-position:center,center,center,calc(var(--bgoffsetx))calc(var(--bgoffsety));background-blend-mode:normal,color-burn,color-dodge;filter:brightness(1.4)contrast(.725);z-index:2;border-radius:9px;inset:1px}.rainbow-card:hover:before,.rainbow-card:hover:after{opacity:.65}.rainbow-card-content{z-index:1;width:100%;height:100%;position:relative}.rainbow-card-play{letter-spacing:.4em;text-transform:uppercase;color:#fff;opacity:0;pointer-events:none;z-index:10;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:opacity .2s;display:flex;position:absolute;inset:0}.rainbow-card:hover .rainbow-card-play{opacity:1}