.hero-dust{display:none}.energy-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,40%),#056cff16,transparent 35%);mix-blend-mode:screen}.hero-title,.intro{z-index:3}.hero-title{will-change:translate}.hero-title h1{animation:title-materialize 1.4s cubic-bezier(.16,1,.3,1) both;transform-origin:right center}.hero-title h1:after{content:'';display:block;height:2px;margin-top:18px;background:linear-gradient(90deg,transparent,#168cff);animation:line-draw 1.8s .5s both;transform-origin:right}.hero .intro{animation:intro-enter 1.2s .4s both}.wordmark>span{filter:drop-shadow(0 3px 1px #0a4cba55)}.hero.motion-active .shade:after{content:'';position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(110deg,transparent 45%,#2b85ff13 49%,#aecfff0a 50%,transparent 54%);animation:light-sweep 14s ease-in-out infinite}.hero-title p{animation:intro-enter 1s .8s both}
.service.reveal{transform:translate3d(45px,28px,0);clip-path:inset(0 0 10% 0);transition:opacity .85s var(--stagger),transform .9s var(--stagger),clip-path .9s var(--stagger),background .3s}.service.reveal.visible{transform:none;clip-path:inset(0)}.showreel .work.reveal{clip-path:inset(8% 0 8% 0 round 12px);transition:opacity 1s,transform 1.2s cubic-bezier(.16,1,.3,1),clip-path 1.2s cubic-bezier(.16,1,.3,1)}.showreel .work.reveal.visible{clip-path:inset(0 round 3px)}.studio-visual.reveal{clip-path:inset(15% 0 15% 0 round 40px);transition:opacity 1.2s,transform 1.2s,clip-path 1.5s cubic-bezier(.16,1,.3,1)}.studio-visual.reveal.visible{clip-path:inset(0 round 8px)}
.process-grid article{transition:opacity .8s,transform .8s,border-color .7s,filter .7s}.process-grid article.process-lit{border-color:#319dff;filter:drop-shadow(0 -7px 18px #005dff18)}.process-grid article>span{display:inline-block;transition:letter-spacing .6s,color .6s}.process-lit>span{color:#8ed3ff!important;letter-spacing:2.5px!important}.capability-grid article{position:relative;overflow:hidden}.capability-grid article:after{content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 30%,#349cff12,transparent 65%);opacity:0;transition:opacity .5s}.capability-grid article:hover:after{opacity:1}.cap-symbol{transition:transform .8s cubic-bezier(.16,1,.3,1),text-shadow .8s}.capability-grid article:hover .cap-symbol{transform:rotate(-18deg) scale(1.15);text-shadow:0 0 30px #007aff}.pill{transition:translate .25s ease-out,transform .3s,box-shadow .3s}.statement em{background:linear-gradient(100deg,#0785ff 20%,#a2d3ff 45%,#4678ff 60%,#0785ff 80%);background-size:220% 100%;color:transparent;background-clip:text;animation:liquid-type 9s ease-in-out infinite;animation-play-state:paused}.statement.motion-active em{animation-play-state:running}.banner.motion-active .banner-planet:before{content:'';position:absolute;inset:-20px;border:1px solid #168cff55;border-radius:50%;animation:planet-ring 5s ease-out infinite}.banner .pill{box-shadow:0 0 45px #006dff70}.banner.motion-active:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#2485ff0c 45%,transparent 70%);animation:light-sweep 12s ease-in-out infinite}
@keyframes title-materialize{from{opacity:0;filter:blur(12px);transform:translateY(55px) scale(1.06);clip-path:inset(100% 0 0)}to{opacity:1;filter:blur(0);transform:none;clip-path:inset(0)}}@keyframes intro-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes line-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes light-sweep{0%,100%{transform:translateX(-20%);opacity:.25}50%{transform:translateX(20%);opacity:.9}}@keyframes liquid-type{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes planet-ring{from{transform:scale(.98);opacity:.65}to{transform:scale(1.18);opacity:0}}
@media(max-width:760px){.hero-title{will-change:auto}.hero.motion-active .shade:after{display:none}.service.reveal{transform:translateY(20px)}.studio-visual.reveal{clip-path:none}.pill{translate:none!important}}@media(prefers-reduced-motion:reduce){.energy-field,.hero:after,.hero.motion-active .shade:after,.banner:after{display:none}.hero-title{translate:none!important}.service.reveal,.showreel .work.reveal,.studio-visual.reveal{clip-path:none;transform:none;opacity:1}.hero-title h1{clip-path:none!important;filter:none!important}.statement em{color:#168aff;background:none}.pill{translate:none!important}}
