/* BA Medya 1.0.18 — cinematic transitions; fluid cursor intentionally untouched */
:root{--ba-ease:cubic-bezier(.16,1,.3,1);--ba-fast:cubic-bezier(.2,0,0,1)}
.ba-scroll-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;z-index:10001;pointer-events:none;transform:scaleX(var(--ba-progress,0));transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--pink),var(--orange));box-shadow:0 0 18px color-mix(in srgb,var(--blue) 75%,transparent),0 0 34px color-mix(in srgb,var(--pink) 48%,transparent);will-change:transform}
.ba-motion-orbs{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;contain:strict}
.ba-motion-orbs i{position:absolute;border-radius:50%;opacity:.22;filter:blur(70px);will-change:transform}
.ba-motion-orbs i:nth-child(1){width:34vw;height:34vw;left:-12vw;top:18vh;background:var(--blue);transform:translate3d(0,calc(var(--ba-scroll,0px)*.045),0)}
.ba-motion-orbs i:nth-child(2){width:30vw;height:30vw;right:-10vw;top:48vh;background:var(--pink);transform:translate3d(0,calc(var(--ba-scroll,0px)*-.035),0)}
.ba-motion-orbs i:nth-child(3){width:25vw;height:25vw;left:38vw;top:82vh;background:var(--orange);opacity:.12;transform:translate3d(0,calc(var(--ba-scroll,0px)*-.025),0)}
.nav{transition:height .28s var(--ba-ease),background-color .28s var(--ba-ease),box-shadow .28s var(--ba-ease)!important}
.nav.ba-nav-compact{background:color-mix(in srgb,var(--nav-bg) 92%,var(--void))!important;box-shadow:0 18px 55px rgba(0,0,0,.38)!important}
.nav .navin{transition:height .28s var(--ba-ease)!important}.nav.ba-nav-compact .navin{height:68px!important}
.section{position:relative;isolation:isolate}
.section:after{content:'';position:absolute;left:50%;bottom:0;width:min(1220px,calc(100vw - 36px));height:1px;translate:-50% 0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--blue) 38%,transparent),color-mix(in srgb,var(--pink) 28%,transparent),transparent);transform:scaleX(.12);opacity:0;transition:transform 1.1s var(--ba-ease),opacity .6s ease}
.section.ba-section-visible:after{transform:scaleX(1);opacity:.78}
.ba-motion-ready .reveal{opacity:0;transform:translate3d(0,72px,0) scale(.965);filter:blur(14px);clip-path:inset(0 0 14% 0 round 28px);transition-property:opacity,transform,filter,clip-path!important;transition-duration:.82s!important;transition-timing-function:var(--ba-ease)!important;transition-delay:var(--ba-delay,0ms)!important;will-change:transform,opacity,filter}
.ba-motion-ready .section:nth-of-type(even)>.reveal:not(.show){transform:translate3d(-54px,52px,0) scale(.975)}
.ba-motion-ready .section:nth-of-type(odd)>.reveal:not(.show){transform:translate3d(54px,52px,0) scale(.975)}
.ba-motion-ready .reveal.show{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);clip-path:inset(0 0 0 0 round 0)}
.ba-motion-ready .hero>.reveal:first-child{transition-duration:1s!important}.ba-motion-ready .hero>.stage.reveal{transition-delay:.14s!important;transition-duration:1.1s!important}
.ba-motion-ready .grid3 .reveal,.ba-motion-ready .process .reveal,.ba-motion-ready .portfolio .reveal{transition-delay:var(--ba-delay,0ms)!important}
.sec-head h2{position:relative;display:inline-block}.sec-head h2:after{content:'';position:absolute;left:0;bottom:-10px;width:42%;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--pink));box-shadow:0 0 24px color-mix(in srgb,var(--blue) 48%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .8s .24s var(--ba-ease)}
.sec-head.show h2:after{transform:scaleX(1)}
.card,.work,.faq details{transform-origin:50% 100%;backface-visibility:hidden}
.card:before,.work:after{transition:opacity .14s var(--ba-fast)!important}
.cta{position:relative;overflow:hidden}.cta:after{content:'';position:absolute;inset:-80%;pointer-events:none;background:conic-gradient(from 180deg,transparent 0 42%,rgba(255,255,255,.15) 48%,transparent 54% 100%);animation:baCtaSweep 8s linear infinite;z-index:0}.cta>*{position:relative;z-index:1}
@keyframes baCtaSweep{to{transform:rotate(1turn)}}
.ba-page-transition{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;pointer-events:none;visibility:hidden;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(25,199,255,.13),transparent 24%),radial-gradient(circle at 54% 54%,rgba(168,85,247,.12),transparent 30%),#03040a;transform:translate3d(0,105%,0);border-radius:50% 50% 0 0/7% 7% 0 0;will-change:transform}
.ba-page-transition:before{content:'';position:absolute;left:-10%;top:-2px;width:120%;height:3px;background:linear-gradient(90deg,transparent,var(--blue),#fff,var(--pink),transparent);box-shadow:0 0 24px var(--blue),0 0 54px var(--pink);opacity:.95}
.ba-page-transition:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.045) 48%,transparent 54% 100%);transform:translateX(-100%);will-change:transform}
.ba-transition-glow{position:absolute;width:min(58vw,720px);aspect-ratio:1;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 70px rgba(25,199,255,.025),0 0 0 150px rgba(168,85,247,.018),inset 0 0 90px rgba(25,199,255,.06);opacity:0;transform:scale(.68)}
.ba-transition-mark{position:relative;display:flex;align-items:baseline;gap:10px;color:#fff;letter-spacing:-.07em;opacity:0;transform:translate3d(0,26px,0) scale(.94)}
.ba-transition-mark span{font:900 clamp(54px,9vw,112px)/.8 Inter,sans-serif;background:linear-gradient(135deg,#fff 15%,var(--blue) 58%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.ba-transition-mark strong{font:800 clamp(20px,3vw,38px)/1 Inter,sans-serif;letter-spacing:.16em}
.ba-transition-mark i{position:absolute;left:2px;right:2px;bottom:-21px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--pink));box-shadow:0 0 22px rgba(25,199,255,.7);transform:scaleX(0);transform-origin:left}
body.ba-leaving{pointer-events:none}body.ba-leaving .ba-page-transition{visibility:visible;transform:translate3d(0,0,0);border-radius:0;transition:transform .62s var(--ba-ease),border-radius .62s var(--ba-ease)}
body.ba-leaving .ba-page-transition:after{transform:translateX(100%);transition:transform 1s .12s var(--ba-ease)}
body.ba-leaving .ba-transition-glow{opacity:1;transform:scale(1);transition:opacity .4s .18s ease,transform .9s .12s var(--ba-ease)}
body.ba-leaving .ba-transition-mark{opacity:1;transform:translate3d(0,0,0) scale(1);transition:opacity .32s .25s ease,transform .62s .22s var(--ba-ease)}
body.ba-leaving .ba-transition-mark i{transform:scaleX(1);transition:transform .5s .34s var(--ba-ease)}
body.ba-leaving main,body.ba-leaving .nav,body.ba-leaving .footer{transform:translate3d(0,-18px,0) scale(.99);filter:blur(5px);opacity:.32;transition:transform .5s var(--ba-ease),filter .42s ease,opacity .35s ease}
html.ba-transition-incoming{background:#03040a!important}
html.ba-transition-incoming body{background:#03040a!important}
html.ba-transition-incoming main,html.ba-transition-incoming .nav,html.ba-transition-incoming .footer{opacity:0!important}
body.ba-entering .ba-page-transition{visibility:visible;transform:translate3d(0,0,0);border-radius:0}
body.ba-entering .ba-transition-glow{opacity:1;transform:scale(1)}
body.ba-entering .ba-transition-mark{opacity:1;transform:translate3d(0,0,0) scale(1)}
body.ba-entering .ba-transition-mark i{transform:scaleX(1)}
body.ba-entering main,body.ba-entering .nav,body.ba-entering .footer{opacity:1;transform:none;filter:none;transition:opacity .44s .3s ease,transform .6s .2s var(--ba-ease),filter .5s .2s ease}
body.ba-entering .ba-page-transition.ba-transition-exit{transform:translate3d(0,-105%,0);border-radius:0 0 50% 50%/0 0 7% 7%;transition:transform .76s .12s var(--ba-ease),border-radius .76s .12s var(--ba-ease)}
body.ba-entering .ba-page-transition.ba-transition-exit .ba-transition-mark{opacity:0;transform:translate3d(0,-24px,0) scale(.96);transition:opacity .24s ease,transform .48s var(--ba-ease)}
body.ba-entering .ba-page-transition.ba-transition-exit .ba-transition-glow{opacity:0;transform:scale(1.16);transition:opacity .42s ease,transform .72s var(--ba-ease)}
html[data-theme="light"] .ba-page-transition{background:radial-gradient(circle at 50% 44%,rgba(37,99,235,.13),transparent 25%),radial-gradient(circle at 54% 56%,rgba(124,58,237,.10),transparent 31%),linear-gradient(180deg,#ffffff,#eef3ff 72%,#e8efff)}
html[data-theme="light"] .ba-page-transition:before{background:linear-gradient(90deg,transparent,#2563eb,#7c3aed,#2563eb,transparent);box-shadow:0 0 18px rgba(37,99,235,.42),0 0 38px rgba(124,58,237,.24)}
html[data-theme="light"] .ba-page-transition:after{background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.72) 48%,transparent 54% 100%)}
html[data-theme="light"] .ba-transition-glow{border-color:rgba(37,99,235,.13);box-shadow:0 0 0 70px rgba(37,99,235,.035),0 0 0 150px rgba(124,58,237,.022),inset 0 0 90px rgba(37,99,235,.07)}
html[data-theme="light"] .ba-transition-mark{color:#101423}
html[data-theme="light"] .ba-transition-mark span{background:linear-gradient(135deg,#0f172a 8%,#2563eb 58%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .ba-transition-mark i{background:linear-gradient(90deg,#2563eb,#7c3aed);box-shadow:0 0 18px rgba(37,99,235,.4)}
html[data-theme="light"].ba-transition-incoming,html[data-theme="light"].ba-transition-incoming body{background:#eef3ff!important}
@media(max-width:980px){.ba-motion-orbs i{filter:blur(54px)}.ba-motion-ready .section:nth-of-type(n)>.reveal:not(.show){transform:translate3d(0,52px,0) scale(.975)}.nav.ba-nav-compact .navin{height:64px!important}}
@media(max-width:620px){.ba-transition-glow{width:88vw}.ba-transition-mark{gap:7px}.ba-transition-mark strong{letter-spacing:.1em}.ba-motion-ready .reveal{transform:translate3d(0,42px,0) scale(.98);filter:blur(8px);clip-path:inset(0 0 9% 0 round 20px);transition-duration:.68s!important}.ba-motion-orbs i{opacity:.13}.section:after{width:calc(100vw - 28px)}}
@media(prefers-reduced-motion:reduce){.ba-scroll-progress,.ba-motion-orbs,.ba-page-transition{display:none!important}.ba-motion-ready .reveal{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important}.section:after,.sec-head h2:after{transform:scaleX(1)!important;opacity:.5!important;transition:none!important}.cta:after{animation:none!important;display:none!important}body.ba-leaving main,body.ba-leaving .nav,body.ba-leaving .footer{transform:none!important;filter:none!important;opacity:1!important;transition:none!important}}