/* Audexa / Signal to emotion — art direction pass */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-800.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
:root{--ease:cubic-bezier(.22,1,.36,1);--muted:#b4b8c6;--accent:#a58aff}
body{font-family:Manrope,Arial,Helvetica,sans-serif}
.topbar{height:100px;border-bottom-color:rgba(255,255,255,.1)}
.brand img{width:114px}.nav{font-size:.7rem;letter-spacing:.12em;gap:34px;font-weight:700}.lang{gap:15px;font-size:.68rem}
.nav a{position:relative}.nav a:after{position:absolute;content:'';height:1px;left:0;right:0;bottom:5px;background:#bba5ff;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.nav a:hover:after,.nav a:focus-visible:after{transform:scaleX(1)}
.eyebrow{font-size:.65rem;letter-spacing:.19em;font-weight:600}
.gradient{background:linear-gradient(100deg,#c1adff 2%,#ab8cf8 45%,#6cdeed 98%);background-clip:text}
.story-panel h1{font-size:clamp(4.5rem,10.6vw,11.5rem);text-transform:none;font-weight:800;letter-spacing:-.068em;line-height:.99;margin:30px 0 32px}
.story-panel h2{font-weight:800;letter-spacing:-.065em}
.story-panel p{font-size:clamp(1rem,1.25vw,1.13rem);line-height:1.7;color:#c8ccd8;max-width:500px}
.hero-bottom p{max-width:475px}.hero-bottom{align-items:center}.hero-bottom .textlink{margin-bottom:7px}
.textlink{font-size:.68rem;letter-spacing:.1em;padding:18px 0;gap:30px;font-weight:700}
.textlink>span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #ffffff35;border-radius:50%;font-size:1.1rem;flex-shrink:0;transition:background .4s,transform .4s,color .4s}
.textlink:hover>span{background:#b59aff;border-color:#b59aff;color:#0a0715;transform:rotate(-10deg)}
.motion-story .hero-panel{padding-bottom:145px}.motion-story .scene-shade{background:linear-gradient(90deg,rgba(3,5,12,.9),rgba(3,5,12,.53) 52%,rgba(3,5,12,.12)),linear-gradient(0deg,rgba(3,5,12,.86),transparent 70%)}
.motion-story .stage{overflow:clip}
.motion-story .signal-panel{padding-right:33vw}.signal-panel h2{font-size:clamp(3rem,6.8vw,7.6rem)}
.signal-logo{opacity:.1;right:-7vw;width:51vw}.motion-orbit{opacity:.3}.signal-beam{opacity:.35}
.motion-story .chapter-numeral{font-size:min(21vw,340px);top:24%;right:7vw;-webkit-text-stroke-color:rgba(211,198,255,.16)}
.stage-meta,.stage-coordinate,.signal-canvas{display:none}
.motion-story .signal-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.75}
.motion-story .stage-meta{display:flex;position:absolute;top:140px;left:5vw;right:5vw;justify-content:space-between;color:#afb6cc;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;font-family:Manrope,Arial,sans-serif;z-index:3;pointer-events:none}
.frame-count{font-variant-numeric:tabular-nums;font-size:.6rem}.frame-count:before{content:'FRAME / ';color:#9199b1}
.motion-story .stage-coordinate{display:flex;position:absolute;right:5vw;top:40%;height:130px;flex-direction:column;align-items:flex-end;gap:14px;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:#c5c9d7;pointer-events:none;z-index:3;opacity:var(--coordinate-opacity,1)}
.stage-coordinate i{display:block;width:1px;flex:1;background:linear-gradient(#ffffff60,transparent)}
.stage-coordinate span:last-child{writing-mode:vertical-rl;text-align:right;position:absolute;right:-20px;top:0}
.motion-story .story-controls{bottom:30px;gap:38px}.act-nav{gap:28px}.act-nav a{font-size:.64rem;gap:10px;padding:18px 0}.act-nav a>span:first-child{font-size:.57rem;letter-spacing:.08em;color:#aaa0bc}.scroll-hint{font-size:.56rem;letter-spacing:.13em}.act-nav a:after{bottom:9px}
.craft{position:relative;padding-top:140px;padding-bottom:100px;scroll-margin-top:100px}.craft:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#ab83ff55,#5de5ef33,transparent)}
.craft-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:15%;align-items:end;margin-bottom:75px}.craft-intro h2{font-size:clamp(2.5rem,4.8vw,5.1rem);line-height:1.08;letter-spacing:-.055em;max-width:710px;margin:28px 0 0}.craft-intro>p{font-size:1rem;line-height:1.8;color:#b6bacb;max-width:395px;margin:0 0 3px}
.craft-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--hairline)}.craft-row{display:grid;grid-template-columns:60px 1fr 1fr 60px;gap:30px;align-items:center;min-height:142px;border-bottom:1px solid var(--hairline);position:relative;padding:30px 0;isolation:isolate;transition:padding .6s var(--ease)}
.craft-row:before{position:absolute;content:'';inset:0 -20px;background:linear-gradient(90deg,#a17aff09,#787bff0d,transparent);opacity:0;transition:opacity .5s;z-index:-1}.craft-row:hover:before{opacity:1}.craft-index{font-size:.64rem;letter-spacing:.1em;color:#9a91b1}.craft-row h3{font-size:clamp(1.25rem,2.3vw,2.5rem);letter-spacing:-.04em;font-weight:400;line-height:1.25;margin:0}.craft-row p{color:#b4b8c8;font-size:.84rem;line-height:1.8;margin:0;max-width:335px}
.craft-glyph{width:44px;height:44px;position:relative;display:flex;justify-content:center;align-items:center;gap:5px;color:#bba1ff}.craft-glyph i{display:block;transition:transform .7s var(--ease),height .7s var(--ease)}
.craft-glyph-0 i{width:1px;height:18px;background:currentColor}.craft-glyph-0 i:nth-child(2){height:38px}.craft-glyph-0 i:nth-child(3){height:27px}.craft-row:hover .craft-glyph-0 i{transform:scaleY(.6)}.craft-row:hover .craft-glyph-0 i:nth-child(odd){transform:scaleY(1.4)}
.craft-glyph-1{display:grid;grid-template-columns:repeat(2,13px);grid-template-rows:repeat(2,13px);align-content:center;gap:4px}.craft-glyph-1 i{border:1px solid currentColor;width:13px;height:13px}.craft-row:hover .craft-glyph-1 i{transform:rotate(90deg)}
.craft-glyph-2 i{height:39px;width:1px;background:linear-gradient(transparent,currentColor);transform:rotate(-30deg)}.craft-glyph-2 i:nth-child(2){transform:rotate(-10deg)}.craft-glyph-2 i:nth-child(3){transform:rotate(10deg)}.craft-glyph-2 i:nth-child(4){transform:rotate(30deg)}.craft-row:hover .craft-glyph-2 i{transform:rotate(0)}
.craft-glyph-3 i{position:absolute;border:1px solid currentColor;width:27px;height:27px;border-radius:50%}.craft-glyph-3 i:nth-child(1){transform:translateX(-7px)}.craft-glyph-3 i:nth-child(2){transform:translateX(7px)}.craft-glyph-3 i:nth-child(n+3){display:none}.craft-row:hover .craft-glyph-3 i{transform:translateX(0)}
.craft-foot{display:flex;justify-content:space-between;gap:20px;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#969db2;margin:27px 0 0;line-height:1.6}
.references{padding-top:60px;padding-bottom:145px}.references-intro{padding-top:45px;padding-bottom:60px;border-top:1px solid var(--hairline)}.references h2{font-size:clamp(3.8rem,6.6vw,7rem);letter-spacing:-.065em}.ref-watermark{width:35%;top:0;right:0;opacity:.05}.reference-list{border-top:0;gap:20px;padding:0 0 22px}.reference.client-logo{min-height:175px}.client-logo-wrap{opacity:var(--ref-opacity,1)}
.contact{background:#090c16;padding:115px 0 35px}.contact:before{content:'';position:absolute;left:5vw;right:5vw;top:0;height:1px;background:linear-gradient(90deg,#9574ff75,#68ddeb45,transparent)}
.contact-prelude{display:flex;justify-content:space-between;align-items:center}.contact-prelude>span{font-size:.6rem;letter-spacing:.17em;color:#bda4fb}.contact h2{font-size:clamp(3.5rem,7.5vw,8.1rem);letter-spacing:-.063em;line-height:1.04;margin-top:55px;margin-bottom:55px;max-width:1200px}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-bottom p{font-size:.88rem;color:#b5bbce;line-height:1.6;margin:0;max-width:330px}.contact .textlink{font-size:.73rem}.contact .textlink>span{width:54px;height:54px;font-size:1.6rem}
.contact-orbit{position:absolute;width:850px;height:850px;top:0;right:-340px;z-index:-1;transform:rotate(-30deg);pointer-events:none}.contact-orbit i{display:block;position:absolute;inset:0;border:1px solid #b498ff18;border-radius:50%;transform:scaleX(.55)}.contact-orbit i:nth-child(2){inset:45px;transform:scaleX(.55) rotate(12deg)}.contact-orbit i:nth-child(3){inset:90px;transform:scaleX(.55) rotate(24deg)}
.contact-glow{opacity:.7}.contact footer{margin-top:100px;font-size:.7rem}.motion-toggle{border:0;background:transparent;color:#b8bdd0;font-size:.67rem;display:flex;gap:10px;align-items:center;cursor:pointer;min-height:44px;padding:8px}.motion-switch{width:25px;height:14px;border-radius:10px;border:1px solid #a399b6;position:relative}.motion-switch:after{content:'';position:absolute;width:6px;height:6px;background:#9b91a9;top:3px;left:3px;border-radius:50%;transition:transform .2s}.motion-toggle[aria-pressed=true] .motion-switch:after{transform:translateX(11px);background:#c0a9ff}.motion-toggle:disabled{opacity:.55;cursor:default}.back-top{border:1px solid #ffffff30;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:1.2rem}.back-top:hover{border-color:#b59aff;color:#b59aff}
.topbar .nav{margin-left:auto}
@media(min-width:681px) and (max-width:1050px){.motion-story .hero-panel{padding-bottom:125px}.hero-bottom{display:flex;gap:35px}.hero-bottom p{max-width:430px}.hero-bottom .textlink{max-width:200px;line-height:1.6}.craft-intro{gap:8%}.craft-row{grid-template-columns:30px 1fr 1fr 40px;gap:20px}.stage-coordinate{display:none!important}}
@media(max-width:680px){.topbar{height:80px;gap:14px}.brand img{width:89px}.topbar .nav{margin-left:0}.nav{font-size:.7rem}.lang{gap:11px;font-size:.68rem}.mobile-toggle{font-size:.68rem}.motion-story .stage-meta{top:110px;left:20px;right:20px;font-size:.48rem;letter-spacing:.1em}.frame-count{font-size:.48rem}.stage-meta>span:first-child{max-width:240px}.motion-story .stage-coordinate{display:none}.story-panel h1{font-size:clamp(2.8rem,13.6vw,5.8rem);line-height:1.01;letter-spacing:-.063em;margin:23px 0 25px}.motion-story .hero-panel{padding:170px 20px 118px;justify-content:center}.hero-bottom{display:block}.hero-bottom p{max-width:360px;font-size:.9rem;line-height:1.8}.hero-bottom .textlink{margin-top:20px}.textlink{font-size:.6rem;gap:20px;letter-spacing:.08em}.textlink>span{width:32px;height:32px}.motion-story .signal-panel{padding-right:20px}.story-panel h2,.signal-panel h2{font-size:clamp(2.8rem,11.7vw,5rem);line-height:1.05}.story-panel p{font-size:.93rem;line-height:1.8;max-width:340px}.eyebrow{font-size:.59rem}.emotion-panel h2{font-size:clamp(2.4rem,9.6vw,4.4rem)}.emotion-panel p{max-width:275px}.motion-story .chapter-numeral{font-size:45vw;top:20%}.motion-story .signal-canvas{opacity:.55}.signal-logo{right:-38vw;width:110vw}.scene-caption{font-size:.59rem;letter-spacing:.06em}.service-label{font-size:.67rem}.motion-story .story-controls{left:20px;right:20px;bottom:19px;gap:24px}.act-nav{gap:23px}.act-nav a{min-width:23px;justify-content:center;font-size:.65rem}.act-nav a>span:first-child{font-size:.65rem}.scroll-hint{display:none}.craft{padding-top:90px;padding-bottom:65px}.craft-intro{grid-template-columns:1fr;gap:28px;margin-bottom:43px}.craft-intro h2{font-size:2.65rem;line-height:1.1;max-width:350px;margin-top:23px}.craft-intro>p{font-size:.9rem;line-height:1.8;max-width:340px}.craft-row{grid-template-columns:25px 1fr 37px;gap:13px;min-height:155px;padding:25px 0}.craft-index{font-size:.6rem;align-self:start;padding-top:4px}.craft-row h3{font-size:1.34rem;grid-column:2;align-self:start}.craft-row p{grid-column:2/4;font-size:.79rem;max-width:290px;line-height:1.75}.craft-glyph{grid-column:3;grid-row:1;width:30px;height:30px;transform:scale(.8);transform-origin:top right}.craft-foot{font-size:.51rem;gap:30px}.craft-foot>span{display:none}.references{padding:30px 0 85px}.references-intro{padding:35px 0}.references h2{font-size:clamp(3rem,11.9vw,4.5rem);margin-top:25px;line-height:1.04}.reference-list{gap:10px 16px;padding-bottom:20px}.reference.client-logo{min-height:125px}.ref-watermark{width:70%;right:-15%;top:20%}.contact{padding:80px 0 25px}.contact h2{font-size:clamp(2.7rem,10.4vw,4.5rem);line-height:1.07;margin:37px 0}.contact-bottom{display:block}.contact-bottom p{font-size:.82rem;max-width:265px}.contact .textlink{font-size:.64rem;margin-top:24px;gap:25px}.contact .textlink>span{width:44px;height:44px;font-size:1.4rem}.contact footer{margin-top:70px;gap:20px;display:grid;grid-template-columns:auto 1fr auto}.contact footer>span{font-size:.62rem;text-align:right;grid-column:2/4}.footer-lang{width:auto;grid-column:2;grid-row:2;justify-content:flex-end;gap:14px}.motion-toggle{padding-left:0;grid-column:1;grid-row:2;font-size:.62rem}.back-top{grid-column:3;grid-row:2;width:33px;height:33px}.contact-orbit{right:-630px}.contact-prelude>span{font-size:.55rem}}
@media(max-height:720px) and (min-width:681px){.motion-story .stage-meta{top:116px}.story-panel h1{font-size:15vh;margin:18px 0}.motion-story .hero-panel{padding-bottom:102px}.story-panel h2{font-size:10.6vh}.stage-coordinate{display:none!important}.hero-bottom p{font-size:.87rem;line-height:1.6}.hero-bottom{display:flex}.hero-bottom .textlink{margin-top:0}.hero-bottom p{max-width:475px}.motion-story .story-controls{bottom:14px}.craft-intro h2{font-size:3.3rem}}
@media(max-width:680px) and (max-height:730px){.motion-story .stage-meta{top:97px}.motion-story .hero-panel{padding-top:128px;padding-bottom:86px}.story-panel h1{font-size:min(13vw,9vh);margin:18px 0}.hero-bottom p{font-size:.83rem;line-height:1.65}.hero-bottom .textlink{margin-top:10px;padding:10px 0}.motion-story .story-controls{bottom:10px}.motion-story .story-panel:not(.hero-panel){padding-top:115px;padding-bottom:86px}.story-panel h2{font-size:min(11vw,8vh)}.story-panel p{font-size:.85rem;line-height:1.7}.scene-caption{margin-top:16px}.service-label{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.signal-canvas{display:none!important}.craft-glyph i{transform:none!important}.story-panel h1{font-size:clamp(3rem,10vw,10rem)}}
html:not(.motion-story) .motion-line>span,html:not(.motion-story) .story-panel p,html:not(.motion-story) .scene-caption{transform:none!important;opacity:1!important}
html:not(.motion-story) .client-logo-wrap{transform:none!important;opacity:1!important}
.lang a,.footer-lang a{min-width:24px;min-height:44px;display:grid;place-items:center}.mobile-toggle{min-height:44px}
@media(max-width:1050px){.topbar .lang{gap:7px}.nav{gap:20px}}
@media(max-width:680px){.nav.is-open{align-items:center}.act-nav{gap:10px}.act-nav a{min-width:44px;min-height:44px}.lang{gap:5px}.topbar{gap:12px}}
@media(forced-colors:active){.gradient{background:none;-webkit-text-fill-color:CanvasText}.motion-switch:after{background:ButtonText}.signal-canvas{display:none!important}}