:root{color-scheme:dark;--ink:#f5f5fa;--bg:#07090e;--muted:#a9adbd;--hairline:rgba(255,255,255,.17);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #53daf4;outline-offset:7px}::selection{background:#7755e7;color:#fff}.wrap{width:min(1500px,calc(100% - 10vw));margin:auto}.gradient{color:#aa8aff;background:linear-gradient(110deg,#b090ff 3%,#9575ff 35%,#4ce1ec 92%);background-clip:text;-webkit-text-fill-color:transparent}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:#fff;color:#080910;padding:15px}.skip-link:focus{top:20px}.topbar{position:absolute;z-index:50;inset:0 0 auto;height:94px;display:flex;align-items:center;gap:42px;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:block;flex-shrink:0}.brand img{display:block;width:119px;height:auto}.nav{margin-left:auto;display:flex;gap:32px;text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.09em}.nav a{padding-block:10px}.nav a:hover{color:#80e0f0}.lang,.footer-lang{display:flex;align-items:center;gap:12px;font-size:.76rem;font-weight:700;letter-spacing:.06em}.lang a,.footer-lang a{padding:9px 0;color:#9fa4b5}.lang a[aria-current],.footer-lang a[aria-current]{color:white;border-bottom:1px solid #76d9ff}.mobile-toggle{display:none}.eyebrow{font-size:.76rem;line-height:1.6;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#c6c8d3}.eyebrow:before{content:'';display:inline-block;vertical-align:middle;width:30px;height:1px;margin-right:12px;background:linear-gradient(90deg,#9566fb,#40d7ec)}.textlink{font-size:.83rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;display:inline-flex;align-items:center;gap:24px;padding:15px 0;border-bottom:1px solid #d8d9e2;transition:gap .3s}.textlink span{font-size:1.3rem}.textlink:hover{gap:38px;color:#7cddf4}.scene,.signal-art,.stage-grain,.letterbox,.chapter-numeral,.story-controls{display:none}.story-anchor{scroll-margin-top:100px}.story-panel{position:relative;min-height:94svh;padding:170px 5vw 100px;display:flex;flex-direction:column;justify-content:center;background-size:cover;background-position:center}.hero-panel{background-image:linear-gradient(90deg,rgba(4,6,13,.84),rgba(4,6,13,.2)),url('/assets/arena.webp')}.integration-panel{background-image:linear-gradient(90deg,rgba(4,6,13,.88),rgba(4,6,13,.3)),url('/assets/fitness.webp')}.live-panel{background-image:linear-gradient(90deg,rgba(4,6,13,.88),rgba(4,6,13,.3)),url('/assets/arena.webp')}.emotion-panel{background-image:linear-gradient(rgba(4,6,13,.6),rgba(4,6,13,.8)),url('/assets/stadium.webp');text-align:center;align-items:center}.story-panel h1,.story-panel h2{font-size:clamp(3.8rem,9vw,10rem);letter-spacing:-.073em;line-height:.94;margin:25px 0 28px;font-weight:800}.story-panel h1{text-transform:uppercase}.line{display:block}.story-panel p{font-size:clamp(1.03rem,1.5vw,1.3rem);line-height:1.57;color:#d0d4df;max-width:570px;margin:0}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:55px;max-width:1350px}.hero-bottom p{max-width:560px}.hero-bottom .textlink{flex-shrink:0;margin-right:10px}.signal-panel h2{font-size:clamp(3rem,6.7vw,7.2rem);max-width:1000px}.signal-panel p{max-width:600px}.service-label{font-size:.84rem;letter-spacing:.14em;text-transform:uppercase;color:#d9d4ed;margin-top:24px}.integration-panel h2,.live-panel h2{font-size:clamp(3.8rem,8.5vw,9.6rem);max-width:1200px}.scene-caption{font-size:.76rem;letter-spacing:.14em;color:#b8bdce;margin-top:32px;line-height:1.7}.emotion-panel h2{font-size:clamp(2.5rem,5.6vw,6.8rem);line-height:1.08}.emotion-panel p{margin:auto 0 0}.motion-story .story{height:650svh;position:relative}.motion-story .stage{height:100svh;min-height:480px;position:sticky;top:0;isolation:isolate;overflow:hidden}.motion-story .story-anchor{position:absolute;left:0;height:1px;width:1px;scroll-margin-top:0}.motion-story .topbar{position:fixed;background:rgba(7,9,14,var(--header-shade,0));backdrop-filter:blur(var(--header-blur,0px))}.motion-story .scene{display:block;position:absolute;inset:0;z-index:-6;overflow:hidden;will-change:clip-path,opacity}.scene-photo{position:absolute;inset:-3%;background-position:center;background-size:cover;will-change:transform}.scene-arena .scene-photo{background-image:url('/assets/arena.webp')}.scene-fitness .scene-photo{background-image:url('/assets/fitness.webp')}.scene-stadium .scene-photo{background-image:url('/assets/stadium.webp')}.scene-fitness,.scene-stadium{opacity:0}.motion-story .scene-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(3,5,12,.86),rgba(3,5,12,.48) 47%,rgba(3,5,12,.17)),linear-gradient(0deg,rgba(3,5,12,.86),transparent 60%);opacity:var(--shade,.9)}.motion-story .stage-grain{display:block;position:absolute;inset:0;z-index:10;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.motion-story .story-panel{position:absolute;inset:0;min-height:0;padding:120px 5vw 116px;background:none;opacity:0;pointer-events:none;will-change:opacity,transform}.motion-story .story-panel.is-active{pointer-events:auto}.motion-story .hero-panel{justify-content:flex-end;opacity:1}.motion-story .signal-panel{justify-content:center;padding-right:25vw}.motion-story .emotion-panel{justify-content:center}.motion-story .emotion-panel p{margin:20px 0 0}.motion-story .chapter-numeral{display:block;position:absolute;right:6vw;top:20%;font-size:min(29vw,420px);font-weight:800;line-height:1;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(211,198,255,.19);z-index:-1;opacity:0}.motion-story .signal-art{display:block;position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:0}.signal-logo{position:absolute;width:55vw;height:auto;right:-6vw;top:50%;transform:translateY(-50%);opacity:.2;filter:blur(.3px)}.signal-halo{position:absolute;width:65vw;height:65vw;right:-15vw;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(107,65,231,.15),transparent 60%)}.signal-beam{position:absolute;left:0;top:58%;width:100%;height:1px;background:linear-gradient(90deg,transparent,#8052ed 30%,#9b88ff 52%,#67e9f4 68%,transparent);box-shadow:0 0 20px rgba(115,63,230,.7);transform-origin:left;transform:scaleX(0)}.motion-story .letterbox{display:block;position:absolute;left:0;right:0;z-index:7;pointer-events:none;background:#07090e;height:0}.letterbox-top{top:0}.letterbox-bottom{bottom:0}.motion-story .story-controls{display:flex;position:absolute;left:5vw;right:5vw;bottom:27px;align-items:center;gap:35px;z-index:15}.act-nav{display:flex;gap:27px;align-items:center}.act-nav a{font-size:.75rem;font-weight:700;color:#b9bfd0;display:flex;gap:8px;align-items:center;padding-block:13px;white-space:nowrap}.act-nav a.is-current{color:#fff}.act-nav a.is-current>span:first-child{color:#b59bff}.act-name{font-weight:400}.timeline{height:1px;background:rgba(255,255,255,.23);flex:1;min-width:30px;overflow:hidden}.timeline>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9771ff,#6ce5f6);transform:scaleX(0);transform-origin:left}.scroll-hint{display:flex;gap:20px;align-items:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#c6cada}.scroll-hint>span:last-child{font-size:1.15rem}.references{padding-top:135px;padding-bottom:160px;position:relative;isolation:isolate;scroll-margin-top:105px}.references-intro{position:relative;padding-bottom:85px;overflow:hidden}.references h2,.contact h2{font-size:clamp(3.5rem,8.1vw,9rem);font-weight:800;letter-spacing:-.07em;line-height:.96;margin:34px 0 0}.ref-watermark{position:absolute;width:45%;height:auto;right:-8%;top:-10%;z-index:-1;opacity:.075;transform:rotate(-9deg)}.reference-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline)}.reference{position:relative;display:grid;grid-template-columns:90px 1fr 36px;align-items:center;gap:24px;min-height:142px;border-bottom:1px solid var(--hairline);padding:28px 12px;transition:background .4s}.reference:hover{background:rgba(128,93,219,.06)}.ref-index{font-size:.76rem;color:#a5a9bb;letter-spacing:.13em}.ref-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:20px}.ref-name strong{font-size:clamp(2.1rem,4.4vw,5.1rem);line-height:1.08;letter-spacing:-.055em;font-weight:700}.ref-name>span{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#aaaec1}.ref-spark{font-size:1.7rem;color:#9379de;transition:transform .6s}.reference:hover .ref-spark{transform:rotate(90deg);color:#6ed8e9}.motion-story .ref-name{opacity:var(--ref-opacity,1);transform:translate3d(var(--ref-offset,0px),0,0)}.contact{position:relative;isolation:isolate;overflow:hidden;padding:125px 0 45px;background:#0d1120;scroll-margin-top:80px}.contact-glow{position:absolute;inset:-60% -20%;z-index:-1;background:radial-gradient(ellipse at 22% 60%,rgba(109,64,208,.26),transparent 45%),radial-gradient(ellipse at 80% 50%,rgba(16,129,175,.15),transparent 40%)}.contact h2{max-width:1300px;margin-bottom:48px;font-size:clamp(3.2rem,7.1vw,8rem)}.contact .textlink{font-size:1rem}footer{margin-top:145px;border-top:1px solid var(--hairline);padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#b8bdd0;font-size:.8rem}footer img{width:95px;height:auto}.footer-lang{font-size:.7rem}
@media(max-width:1050px){.hero-bottom{display:block}.hero-bottom .textlink{margin-top:25px}.act-name{display:none}.act-nav{gap:22px}.nav{gap:20px}.topbar{gap:25px}.story-panel h1{font-size:clamp(4rem,10vw,8rem)}}
@media(max-width:680px){.topbar{height:80px;padding:0 20px;gap:16px}.brand img{width:93px}.lang{margin-left:auto;gap:10px;font-size:.75rem}.nav{display:none}.mobile-toggle{display:block;color:white;background:none;border:0;padding:10px 0;font-size:.75rem;letter-spacing:.05em;margin-left:auto}.nav.is-open{display:flex;position:absolute;top:80px;left:0;right:0;background:#0c0f19;padding:25px 20px;gap:25px;flex-wrap:wrap;justify-content:center}.lang{margin-left:0}.wrap{width:calc(100% - 40px)}.story-panel{padding:130px 20px 90px}.story-panel h1{font-size:clamp(3.2rem,13.2vw,5.8rem);letter-spacing:-.07em}.story-panel h2{font-size:clamp(2.8rem,10.7vw,4.8rem)}.story-panel p{font-size:1rem;line-height:1.55;max-width:440px}.eyebrow{font-size:.7rem;letter-spacing:.12em}.eyebrow:before{width:22px;margin-right:9px}.textlink{font-size:.75rem;gap:16px}.hero-bottom .textlink{margin-top:21px}.motion-story .story{height:590svh}.motion-story .story-panel{padding:113px 20px 100px}.motion-story .hero-panel{justify-content:center}.motion-story .signal-panel{padding-right:20px}.motion-story .integration-panel,.motion-story .live-panel{justify-content:center}.motion-story .story-controls{left:20px;right:20px;bottom:21px;gap:20px}.act-nav{gap:15px}.act-nav a{font-size:.75rem}.scroll-hint{font-size:.65rem;letter-spacing:.06em}.scroll-hint span:first-child{display:none}.scene-photo{background-position:60% center}.motion-story .chapter-numeral{top:17%;right:10%;font-size:47vw}.signal-logo{width:110vw;right:-33vw;opacity:.17}.signal-halo{width:135vw;height:135vw;right:-60vw}.service-label{margin-top:20px;font-size:.75rem}.scene-caption{font-size:.7rem;letter-spacing:.08em;margin-top:25px}.emotion-panel h2{font-size:clamp(2.6rem,9.5vw,4rem);line-height:1.08}.references{padding:90px 0 100px}.references-intro{padding-bottom:50px}.references h2,.contact h2{font-size:clamp(3rem,11.5vw,5.2rem)}.ref-watermark{width:90%;right:-35%;top:5%}.reference{grid-template-columns:28px 1fr 20px;gap:10px;min-height:112px;padding:22px 0}.ref-name{gap:8px}.ref-name strong{font-size:clamp(1.8rem,7.5vw,3rem)}.ref-name>span{font-size:.65rem}.ref-index{font-size:.7rem}.ref-spark{font-size:1.2rem}.contact{padding:90px 0 30px}.contact .textlink{font-size:.8rem}footer{margin-top:100px;flex-wrap:wrap;gap:24px}footer img{width:77px}footer>span{font-size:.75rem}.footer-lang{width:100%;justify-content:flex-end}.ref-name strong{overflow-wrap:anywhere}}
@media(max-height:650px) and (min-width:681px){.motion-story .stage{min-height:0}.story-panel h1,.integration-panel h2,.live-panel h2{font-size:12vh}.story-panel h2{font-size:10vh}.motion-story .story-panel{padding-top:110px;padding-bottom:95px}.story-panel p{font-size:1rem}.hero-bottom .textlink{margin-top:10px}.service-label{margin-top:10px}.scene-caption{margin-top:15px}.signal-panel h2{font-size:10vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.ref-name{transform:none!important;opacity:1!important}.story-panel{min-height:80svh}}
/* Motion direction: restrained light, masked typography, drawn geometry. */
.line,.motion-line{display:block;overflow:hidden;padding:.09em .025em .13em;margin:-.09em -.025em -.13em;perspective:900px}.line>span,.motion-line>span{display:block;transform-origin:0 100%;will-change:transform}.motion-story .story-panel p,.motion-story .scene-caption{will-change:opacity,transform}.motion-orbit{position:absolute;width:min(58vw,820px);height:auto;right:-3vw;top:50%;transform:translateY(-50%) rotate(-90deg);opacity:.48}.orbit-base{stroke:rgba(171,139,255,.12);stroke-width:.8}.orbit-trace{stroke:url(#orbit-gradient);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1}.orbit-inner{stroke:rgba(123,178,246,.16);stroke-width:.65;stroke-dasharray:2 35}.orbit-point{fill:#90d8ff;filter:drop-shadow(0 0 7px #8f73ff)}.motion-light,.motion-seam{display:none}.motion-story .motion-light{display:block;position:absolute;inset:-40%;pointer-events:none;z-index:-2;opacity:0;background:conic-gradient(from 205deg at 69% 51%,transparent 0deg,rgba(115,72,231,.025) 18deg,rgba(139,126,247,.16) 26deg,rgba(76,216,237,.045) 35deg,transparent 48deg);transform-origin:69% 51%;mix-blend-mode:screen}.motion-story .motion-seam{display:block;position:absolute;top:0;bottom:0;left:50%;width:1px;pointer-events:none;z-index:2;opacity:0;background:linear-gradient(transparent,#a484ff 35%,#b6f3ff 60%,transparent);box-shadow:0 0 12px rgba(111,162,255,.45);will-change:transform,opacity}.motion-story .eyebrow:before{transform-origin:left;transform:scaleX(var(--accent-progress,1))}.act-nav a{position:relative;transition:color .3s,transform .3s}.act-nav a:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:linear-gradient(90deg,#a586ff,#61d7f0);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.act-nav a.is-current:after{transform:scaleX(1)}.act-nav a:hover{transform:translateY(-2px)}.textlink{position:relative;border-bottom-color:rgba(215,218,239,.4)}.textlink:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:linear-gradient(90deg,#ab81ff,#61dfef);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.textlink:hover:after,.textlink:focus-visible:after{transform:scaleX(1)}.textlink>span{transition:transform .5s var(--ease)}.textlink:hover>span{transform:translate(4px,-3px)}.reference:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(144,96,247,.55),rgba(71,209,229,.25),transparent);transform:scaleX(var(--ref-line,0));transform-origin:left}.contact-glow{transform:translate3d(0,var(--contact-offset,0px),0)}.motion-story .contact h2{clip-path:inset(0 0 var(--contact-clip,0%) 0);transform:translateY(var(--contact-title-offset,0px));opacity:var(--contact-opacity,1)}
@media(max-width:680px){.motion-orbit{width:110vw;right:-33vw;opacity:.32}.motion-story .motion-light{opacity:.4}.line,.motion-line{padding-bottom:.15em;margin-bottom:-.15em}}
@media(prefers-reduced-motion:reduce){.motion-light,.motion-seam,.motion-orbit{display:none!important}.line>span,.motion-line>span,.story-panel p,.scene-caption{transform:none!important;opacity:1!important}.contact h2{clip-path:none!important;transform:none!important;opacity:1!important}}
/* Client identities: original logos, clear space, no decorative symbols. */
.reference-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:22px 0;gap:12px}.reference.client-logo{display:flex;justify-content:center;align-items:center;min-height:170px;padding:25px 12px;border:0;background:none}.reference.client-logo:after{display:none}.client-logo-wrap{width:100%;display:flex;justify-content:center;align-items:center;opacity:var(--ref-opacity,1);transform:translate3d(0,calc(var(--ref-offset,0px) * .3),0)}.client-logo img{display:block;max-width:100%;height:auto;object-fit:contain;transition:transform .65s var(--ease)}.client-logo:hover img{transform:translateY(-4px)}.client-psg img{width:100px}.client-parc img{width:200px}.client-sedadi img{width:178px}.client-onair img{width:162px}.client-gl-events img{width:88px}.references-intro{padding-bottom:65px}
@media(max-width:900px){.reference-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reference.client-logo{min-height:140px}}
@media(max-width:680px){.reference-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px;padding:20px 0}.reference.client-logo{min-height:128px;padding:18px 5px}.reference.client-logo:last-child{grid-column:1/-1}.client-psg img{width:85px}.client-parc img{width:165px}.client-sedadi img{width:150px}.client-onair img{width:138px}.client-gl-events img{width:78px}.references-intro{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.client-logo-wrap{opacity:1!important;transform:none!important}.client-logo img{transform:none!important}}