.kinetic-field{position:absolute;right:4vw;top:22vh;width:47vw;height:50vh;z-index:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 90%,transparent)}
.kinetic-word{position:absolute;display:block;font:clamp(2.2rem,5.5vw,6.5rem)/1 var(--serif);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(120,145,255,.34);white-space:nowrap;transition:color .35s,-webkit-text-stroke .35s,filter .35s;animation:wordDrift 13s ease-in-out infinite alternate}
.kinetic-word:hover{color:#f5f4f0;-webkit-text-stroke-color:transparent;filter:drop-shadow(0 0 24px rgba(54,98,255,.45));animation-play-state:paused}
.kinetic-word.k1{top:0;left:8%;animation-duration:12s}.kinetic-word.k2{top:19%;left:48%;animation-duration:15s;animation-delay:-4s}.kinetic-word.k3{top:38%;left:1%;animation-duration:18s;animation-delay:-8s}.kinetic-word.k4{top:58%;left:40%;animation-duration:14s;animation-delay:-6s}.kinetic-word.k5{top:78%;left:10%;animation-duration:17s;animation-delay:-10s}
@keyframes wordDrift{0%{transform:translate3d(-18px,0,0)}50%{transform:translate3d(16px,-7px,0)}100%{transform:translate3d(-5px,9px,0)}}
.audit-center{border:0;color:white;cursor:pointer;font-family:inherit;z-index:3;transition:transform .35s,box-shadow .35s}.audit-center:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 95px rgba(23,76,255,.55)}.audit-center small{margin-top:.55rem;text-transform:uppercase;letter-spacing:.16em;font-size:.55rem;opacity:.65}
.audit-node{font-family:inherit;cursor:pointer;text-align:left;transition:border-color .25s,color .25s,box-shadow .25s,transform .25s;animation:nodeFloat 6s ease-in-out infinite}.audit-node:hover,.audit-node.active{color:#fff;border-color:#5478ff;box-shadow:0 0 28px rgba(49,92,255,.22);transform:translateY(-3px)}.audit-node.active:before{background:#fff;box-shadow:0 0 14px #fff}.audit-node.n2{animation-delay:-1s}.audit-node.n3{animation-delay:-2s}.audit-node.n4{animation-delay:-3s}.audit-node.n5{animation-delay:-4s}.audit-node.n6{animation-delay:-5s}
@keyframes nodeFloat{0%,100%{margin-top:0}50%{margin-top:-8px}}
.audit-detail{margin:auto 0;padding:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audit-detail small{font-size:.62rem;color:#657bc8;letter-spacing:.12em}.audit-detail h3{font:2.2rem/1.05 var(--serif);font-weight:400;margin:1rem 0}.audit-detail p{color:#aeb2c0;line-height:1.6;font-size:.88rem}.audit-detail b{display:block;margin-top:1.5rem;color:#6e7485;font-size:.58rem;text-transform:uppercase;letter-spacing:.14em;font-weight:400}.audit-output ol{margin:1.3rem 0 0}.audit-output li{padding:.65rem 0;font-size:.76rem}.audit-output li:before{display:inline;margin-right:.55rem}
@media(max-width:900px){.kinetic-field{right:2vw;width:56vw;top:25vh}.audit-detail h3{font-size:1.75rem}.audit-output ol{display:none}}
@media(max-width:620px){.kinetic-field{top:31vh;right:-8vw;width:86vw;height:32vh;opacity:.75}.kinetic-word{font-size:10vw}.kinetic-word.k1{top:0}.kinetic-word.k2{top:22%}.kinetic-word.k3{top:44%}.kinetic-word.k4{top:66%}.kinetic-word.k5{display:none}.audit-node{animation:none}.audit-output{min-height:310px}.audit-detail{margin:1.5rem 0}}
.audit-detail.changing{animation:detailIn .45s ease both}@keyframes detailIn{from{opacity:.25;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.kinetic-word,.audit-node{animation:none}}
