/* Motion system: the film gives the hero life; interface motion stays restrained. */
.nav-cta,.button{border-radius:999px;padding:12px 19px;box-shadow:0 0 0 0 rgba(216,255,57,0);transition:transform .2s,background .25s,color .25s,box-shadow .25s}.nav-cta:hover,.button:hover{box-shadow:0 0 0 6px rgba(216,255,57,.12)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.hero-video-tint{position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,15,18,.88) 11%,rgba(15,15,18,.46) 58%,rgba(15,15,18,.7)),linear-gradient(0deg,rgba(15,15,18,.58),transparent 45%)}.kinetic-title>span{display:block;overflow:hidden}.kinetic-title>span>b{display:block;font:inherit}.sound-control{position:absolute;right:4.5vw;bottom:31px;z-index:2;border:0;border-bottom:1px solid rgba(255,255,255,.65);padding:7px 0;background:transparent;color:var(--paper);font:10px 'DM Mono',monospace;letter-spacing:.08em}.sound-control span{margin-left:8px;color:var(--lime)}.service{position:relative;overflow:hidden}.service:before{content:'';position:absolute;inset:auto 0 0;width:100%;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.service:hover:before{transform:scaleX(1)}.service:hover i{animation:serviceSpin .55s ease both}.project:focus-visible,.sound-control:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@keyframes serviceSpin{to{transform:rotate(90deg)}}@media(max-width:760px){.sound-control{right:6vw;bottom:25px}.hero-video{opacity:.38}.kinetic-title>span>b{line-height:.9}}