.orbit{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translate3d(var(--orbit-x,0),var(--orbit-y,0),0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.orbit span{z-index:auto;will-change:transform}
.orbit span:nth-child(1){animation:fly-a 9s ease-in-out infinite alternate}
.orbit span:nth-child(2){animation:fly-b 12s ease-in-out -3s infinite alternate}
.orbit span:nth-child(3){animation:fly-c 10s ease-in-out -5s infinite alternate}
.orbit span:nth-child(4){animation:fly-d 8s ease-in-out -2s infinite alternate}
.orbit span:nth-child(5){width:5px;height:5px;background:var(--white);right:27%;top:62%;animation:fly-a 14s ease-in-out -8s infinite alternate-reverse}
.orbit span:nth-child(6){width:8px;height:8px;background:var(--red);right:48%;top:68%;animation:fly-b 11s ease-in-out -1s infinite alternate-reverse}
.orbit span:nth-child(7){width:4px;height:4px;background:var(--gold);right:12%;top:21%;animation:fly-d 9s ease-in-out -6s infinite alternate}
.orbit span:nth-child(8){width:7px;height:7px;background:var(--cyan);right:39%;top:51%;animation:fly-c 13s ease-in-out -4s infinite alternate-reverse}
@keyframes fly-a{to{transform:translate(-150px,210px) scale(.65)}}
@keyframes fly-b{to{transform:translate(-270px,-130px) scale(1.35)}}
@keyframes fly-c{to{transform:translate(190px,160px) scale(.75)}}
@keyframes fly-d{to{transform:translate(90px,-190px) scale(1.5)}}

.motion{background:#0d1010;overflow:hidden}.motion-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;margin-top:75px}.motion-copy h2{font-size:clamp(48px,6.2vw,96px);letter-spacing:-.065em;line-height:.92;margin:0;font-weight:400}.motion-copy h2 em{font-family:Georgia,serif;color:var(--cyan);font-weight:400}.motion-copy p{color:var(--muted);line-height:1.7;max-width:470px;margin:38px 0}.motion-copy a{display:flex;justify-content:space-between;max-width:270px;border-top:1px solid #555;padding-top:15px;font:11px 'DM Mono';text-transform:uppercase}.motion-copy a:hover{color:var(--cyan)}
.motion-stage{aspect-ratio:16/10;background:#151818;position:relative;overflow:hidden;isolation:isolate;border:1px solid #2c3130}.motion-stage:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(transparent 49%,rgba(255,255,255,.035) 50%);background-size:100% 5px}.motion-frame{position:absolute;inset:0;padding:clamp(25px,4vw,60px);display:flex;overflow:hidden}.motion-frame>span{font:10px 'DM Mono';position:absolute;right:25px;top:22px}.frame-one{background:var(--red);color:#0b0b0b;animation:scene-one 8s infinite}.frame-one strong{font-size:clamp(58px,8vw,132px);line-height:.72;letter-spacing:-.09em;align-self:center;transform:rotate(-5deg);animation:slam 8s infinite}.frame-two{background:var(--cyan);color:#091112;flex-direction:column;justify-content:center;animation:scene-two 8s infinite}.frame-two strong,.frame-two b{font-size:clamp(50px,7vw,115px);line-height:.72;letter-spacing:-.08em}.frame-two i{font:italic clamp(35px,4vw,70px) Georgia;margin-left:40%;line-height:.75}.frame-three{background:#0b0d0d;color:var(--white);align-items:center;justify-content:center;flex-direction:column;animation:scene-three 8s infinite}.frame-three strong{font-size:clamp(43px,6vw,95px);letter-spacing:-.07em;animation:tracking 8s infinite}.frame-three b{font:400 clamp(24px,3vw,48px) 'DM Mono';letter-spacing:.35em;color:var(--orange)}.motion-progress{position:absolute;z-index:8;left:25px;right:25px;bottom:42px;height:2px;background:rgba(255,255,255,.25)}.motion-progress i{display:block;height:100%;background:white;animation:progress 8s linear infinite}.motion-stage>p{position:absolute;z-index:8;bottom:8px;left:25px;right:25px;display:flex;justify-content:space-between;font:9px 'DM Mono';text-transform:uppercase;letter-spacing:.1em}.motion-services{display:grid;grid-template-columns:repeat(6,1fr);margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.motion-services span{font:10px 'DM Mono';text-transform:uppercase;text-align:center;padding:19px 8px;border-right:1px solid var(--line)}.motion-services span:last-child{border:0}
@keyframes scene-one{0%,29%{opacity:1;transform:translateX(0)}34%,100%{opacity:0;transform:translateX(-12%)}}
@keyframes scene-two{0%,29%{opacity:0;transform:translateY(18%)}34%,63%{opacity:1;transform:none}68%,100%{opacity:0;transform:scale(1.15)}}
@keyframes scene-three{0%,63%{opacity:0;transform:scale(.7)}68%,96%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes slam{0%{transform:translateX(-80%) rotate(-5deg)}10%,29%{transform:translateX(0) rotate(-5deg)}}
@keyframes tracking{68%{letter-spacing:.25em}80%,96%{letter-spacing:-.07em}}
@keyframes progress{from{width:0}to{width:100%}}

@media(max-width:900px){.motion-grid{grid-template-columns:1fr}.motion-services{grid-template-columns:repeat(3,1fr)}.motion-services span:nth-child(3){border-right:0}.motion-services span:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.orbit{display:block;opacity:.65}.orbit span:nth-child(n+6){display:none}.motion-copy h2{font-size:45px}.motion-stage{aspect-ratio:4/5}.motion-services{grid-template-columns:repeat(2,1fr)}.motion-services span,.motion-services span:nth-child(3){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.motion-services span:nth-child(even){border-right:0}.motion-services span:nth-last-child(-n+2){border-bottom:0}}
@media(prefers-reduced-motion:reduce){.orbit span,.motion-frame,.motion-frame strong,.motion-progress i{animation:none}.frame-one,.frame-two{display:none}.frame-three{opacity:1;transform:none}}

/* AI Creative Lab */
.ai-lab{background:#090b0b}.ai-title{display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;align-items:end;margin:72px 0}.ai-title h2{font-size:clamp(52px,7.1vw,110px);line-height:.88;letter-spacing:-.07em;margin:0;font-weight:400}.ai-title h2 em{font-family:Georgia,serif;color:var(--cyan);font-weight:400}.ai-title>p{color:var(--muted);line-height:1.75;margin:0}.ai-feature{margin:0}.ai-feature img{display:block;width:100%;aspect-ratio:16/8.6;object-fit:cover;border:1px solid #292e2d}.ai-feature figcaption{display:flex;justify-content:space-between;gap:30px;padding:14px 0;color:#7f8580;font:9px/1.5 'DM Mono';text-transform:uppercase;letter-spacing:.1em}.ai-capabilities{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ai-capabilities article{padding:26px 25px 30px;border-right:1px solid var(--line);min-height:265px;display:flex;flex-direction:column}.ai-capabilities article:last-child{border-right:0}.ai-capabilities span{font:10px 'DM Mono';color:var(--orange)}.ai-capabilities h3{font-size:22px;margin:38px 0 12px}.ai-capabilities p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.ai-capabilities b{font:10px 'DM Mono';text-transform:uppercase;margin-top:auto;padding-top:25px;color:var(--cyan)}.ai-principle{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;margin-top:90px}.ai-principle strong{font-size:clamp(45px,6vw,86px);line-height:.86;letter-spacing:-.07em}.ai-principle p{color:var(--muted);line-height:1.75;max-width:560px;margin:0;border-left:2px solid var(--orange);padding-left:25px}
@media(max-width:900px){.site-header nav{gap:22px}.ai-title{grid-template-columns:1fr}.ai-capabilities{grid-template-columns:repeat(2,1fr)}.ai-capabilities article:nth-child(2){border-right:0}.ai-capabilities article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.ai-title{margin:55px 0}.ai-title h2{font-size:49px}.ai-feature img{aspect-ratio:4/5}.ai-feature figcaption{flex-direction:column;gap:6px}.ai-capabilities{grid-template-columns:1fr}.ai-capabilities article,.ai-capabilities article:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.ai-capabilities article:last-child{border-bottom:0}.ai-principle{grid-template-columns:1fr}.ai-principle strong{font-size:53px}}

/* Interactive capability showcase */
.capability-playground{margin-top:120px;border-top:1px solid var(--line);padding-top:24px}.playground-head{display:flex;justify-content:space-between;gap:50px;align-items:end}.playground-head h3{font-size:clamp(36px,4.5vw,68px);line-height:.95;letter-spacing:-.055em;margin:28px 0 0}.playground-head>p{max-width:330px;color:#777d78;font:10px/1.6 'DM Mono';text-transform:uppercase}.capability-tabs{display:grid;grid-template-columns:repeat(5,1fr);margin-top:55px;border:1px solid var(--line)}.capability-tabs button{background:transparent;color:#8e948f;border:0;border-right:1px solid var(--line);padding:17px 10px;font:10px 'DM Mono';text-transform:uppercase;cursor:pointer}.capability-tabs button:last-child{border:0}.capability-tabs button:hover{color:white}.capability-tabs button[aria-selected="true"]{background:var(--white);color:#0b0c0c}.capability-stage{background:#131616;min-height:520px}.cap-panel{display:grid;grid-template-columns:.62fr 1.38fr;min-height:520px;opacity:0;transform:translateY(12px);transition:.35s}.cap-panel.active{opacity:1;transform:none}.cap-copy{padding:55px 38px;border-right:1px solid var(--line)}.cap-copy>span{font:10px 'DM Mono';color:var(--cyan);text-transform:uppercase}.cap-copy h4{font-size:clamp(27px,3vw,43px);line-height:1.04;letter-spacing:-.045em;margin:55px 0 20px}.cap-copy p{color:var(--muted);font-size:13px;line-height:1.7}.brand-demo,.campaign-demo,.app-demo,.deck-demo,.data-demo{min-width:0;position:relative;overflow:hidden}.brand-demo{background:#ef5035;display:grid;place-items:center;color:#0b0b0b}.brand-demo>i{position:absolute;width:350px;height:350px;border:2px solid #0b0b0b;border-radius:50%;animation:brand-orbit 9s linear infinite}.brand-demo>i:before,.brand-demo>i:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#0b0b0b}.brand-demo>i:before{top:30px;left:45px}.brand-demo>i:after{right:-8px;top:50%}.brand-demo strong{font-size:clamp(75px,11vw,178px);letter-spacing:-.1em;z-index:1}.brand-demo small{position:absolute;bottom:30px;left:30px;font:11px 'DM Mono';text-transform:uppercase}.brand-demo b{position:absolute;right:25px;top:20px;font-size:35px}@keyframes brand-orbit{to{transform:rotate(360deg)}}.campaign-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#090909;padding:28px}.campaign-demo article{padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#090909;transform-origin:bottom;animation:card-breathe 6s ease-in-out infinite alternate}.campaign-demo article:nth-child(1){background:var(--gold)}.campaign-demo article:nth-child(2){background:var(--cyan);animation-delay:-2s}.campaign-demo article:nth-child(3){background:var(--red);animation-delay:-4s}.campaign-demo small{font:10px 'DM Mono'}.campaign-demo strong{font-size:clamp(26px,3.2vw,52px);line-height:.82;letter-spacing:-.07em}@keyframes card-breathe{to{transform:translateY(-12px)}}.app-demo{background:linear-gradient(135deg,#83e9dc,#25727a);display:grid;place-items:center}.app-demo>div{width:260px;height:470px;border:7px solid #1e2424;background:#0e1111;border-radius:35px;padding:30px 22px;color:white;box-shadow:30px 35px 70px #16474d;transform:rotate(4deg)}.app-demo nav{display:flex;justify-content:space-between}.app-demo>div>small{display:block;color:#858c87;margin-top:50px}.app-demo>div>strong{display:block;font-size:29px;line-height:1.05;margin-top:12px}.app-demo i{display:grid;place-items:center;width:145px;height:145px;margin:25px auto;border:13px solid var(--cyan);border-left-color:#26302f;border-radius:50%;font-style:normal}.app-demo i b{font-size:30px}.app-demo button{border:0;width:100%;padding:13px;border-radius:20px;background:var(--orange)}.deck-demo{background:#ebe5d9;color:#0d0e0e;padding:45px;display:flex;flex-direction:column}.deck-demo>small{font:9px 'DM Mono'}.deck-demo>strong{font-size:clamp(48px,6.5vw,100px);line-height:.75;letter-spacing:-.07em;margin:auto 0}.deck-demo em{font-family:Georgia;color:var(--red);font-weight:400}.deck-demo>div{display:flex;gap:5px}.deck-demo>div i{display:block;height:8px;flex:1;background:#111}.deck-demo>div i:nth-child(2){background:var(--red);flex:2}.deck-demo>b{font:9px 'DM Mono';margin-top:15px}.data-demo{padding:45px;background:#0c1010}.data-demo header{display:flex;justify-content:space-between}.data-demo header small{font:10px 'DM Mono';text-transform:uppercase;color:#999}.data-demo header b{font-size:46px;color:var(--cyan)}.bars{height:330px;display:flex;gap:16px;align-items:end;border-bottom:1px solid #5a615d;margin-top:30px}.bars i{height:var(--h);flex:1;background:linear-gradient(var(--orange),var(--red));transform-origin:bottom;animation:bar-grow 1s cubic-bezier(.2,.8,.2,1)}.bars i:nth-child(even){background:linear-gradient(var(--cyan),#26717a)}.data-demo footer{display:flex;justify-content:space-between;font:9px 'DM Mono';color:#777;padding-top:10px}@keyframes bar-grow{from{transform:scaleY(0)}}
@media(max-width:900px){.cap-panel{grid-template-columns:1fr}.cap-copy{border-right:0;border-bottom:1px solid var(--line)}.brand-demo,.campaign-demo,.app-demo,.deck-demo,.data-demo{min-height:500px}}
@media(max-width:620px){.playground-head{display:block}.capability-tabs{display:flex;overflow-x:auto}.capability-tabs button{min-width:135px}.capability-stage,.cap-panel{min-height:0}.cap-copy{padding:35px 24px}.cap-copy h4{margin-top:35px}.brand-demo,.campaign-demo,.app-demo,.deck-demo,.data-demo{min-height:430px}.campaign-demo{padding:15px}.campaign-demo article{padding:14px}.campaign-demo strong{font-size:24px}.brand-demo>i{width:270px;height:270px}.data-demo{padding:25px}.bars{height:270px}}
@media(prefers-reduced-motion:reduce){.brand-demo>i,.campaign-demo article,.bars i{animation:none}}
.cap-panel[hidden]{display:none}

/* Animated studio identity */
.studio-mark[data-logo-motion]{position:relative;isolation:isolate;perspective:900px;cursor:crosshair}.studio-logo-wrap{position:relative;z-index:3;width:96%;transform-style:preserve-3d;transform:translate3d(var(--logo-x,0),var(--logo-y,0),35px) rotateX(var(--logo-rx,0deg)) rotateY(var(--logo-ry,0deg));transition:transform .9s cubic-bezier(.18,.8,.2,1);animation:studio-float 7s ease-in-out infinite}.studio-logo-wrap img{display:block;width:100%;filter:drop-shadow(0 25px 50px #000) drop-shadow(0 0 18px rgba(37,198,216,.08))}.studio-logo-glow{position:absolute;z-index:1;inset:18%;border-radius:50%;background:conic-gradient(from 20deg,rgba(239,60,36,.3),rgba(255,132,52,.18),rgba(244,201,78,.22),rgba(37,198,216,.28),rgba(239,60,36,.3));filter:blur(55px);animation:studio-glow 9s linear infinite}.studio-mark[data-logo-motion]:after{content:"";position:absolute;z-index:4;inset:12% 6%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 49%,transparent 61%);transform:translateX(-140%) skewX(-12deg);animation:logo-sheen 6s ease-in-out infinite;pointer-events:none}.studio-orbits{position:absolute;z-index:2;inset:8%;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:studio-spin 18s linear infinite}.studio-orbits:before{content:"";position:absolute;inset:13%;border:1px solid rgba(255,255,255,.055);border-radius:50%;transform:rotate(35deg)}.studio-orbits i{position:absolute;width:9px;height:9px;border-radius:50%;box-shadow:0 0 18px currentColor}.studio-orbits i:nth-child(1){left:9%;top:22%;background:var(--red);color:var(--red)}.studio-orbits i:nth-child(2){right:7%;top:38%;background:var(--gold);color:var(--gold)}.studio-orbits i:nth-child(3){left:28%;bottom:2%;background:var(--orange);color:var(--orange)}.studio-orbits i:nth-child(4){right:21%;bottom:8%;background:var(--cyan);color:var(--cyan)}.studio-orbits i:nth-child(5){left:45%;top:-5px;width:6px;height:6px;background:var(--gold);color:var(--gold)}.studio-orbits i:nth-child(6){right:1%;bottom:30%;width:5px;height:5px;background:var(--red);color:var(--red)}.studio-orbits i:nth-child(7){left:-3px;bottom:38%;width:6px;height:6px;background:var(--cyan);color:var(--cyan)}.studio-orbits i:nth-child(8){right:34%;top:5%;width:4px;height:4px;background:var(--orange);color:var(--orange)}
@keyframes studio-float{0%,100%{translate:0 -5px}50%{translate:0 9px}}
@keyframes studio-glow{50%{transform:rotate(180deg) scale(1.12)}to{transform:rotate(360deg)}}
@keyframes studio-spin{to{transform:rotate(360deg)}}
@keyframes logo-sheen{0%,58%{transform:translateX(-140%) skewX(-12deg)}78%,100%{transform:translateX(140%) skewX(-12deg)}}
@media(max-width:620px){.studio-orbits{inset:5%}.studio-mark[data-logo-motion]:after{display:none}.studio-logo-wrap{width:100%}}
@media(prefers-reduced-motion:reduce){.studio-logo-wrap,.studio-logo-glow,.studio-mark[data-logo-motion]:after,.studio-orbits{animation:none}.studio-logo-wrap{transform:none}}