/* Final direction — preserves the approved structure and stabilizes every state. */

/* Header follows the reference: quiet, centered identity, precise utility. */
.nav{height:78px;padding:0 var(--pad);mix-blend-mode:difference;background:transparent;border-bottom:1px solid rgba(255,255,255,.22)}.nav .brand{width:158px;height:44px;padding:0}.nav .brand:before,.nav .brand:after{display:none}.nav .brand img{display:block;width:158px;height:44px;object-fit:contain;filter:none}.menu-button{gap:13px}.menu-button i{position:relative;width:28px;height:15px;background:none!important}.menu-button i:before,.menu-button i:after,.menu-button i{transition:.35s}.menu-button i:before,.menu-button i:after{content:"";position:absolute;left:0;width:28px;height:1px;background:currentColor}.menu-button i:before{top:1px}.menu-button i:after{top:13px;transform:none}.menu-button i{border-top:1px solid currentColor;background:linear-gradient(currentColor,currentColor) center/28px 1px no-repeat!important}.menu-button[aria-expanded=true] i{border:0;background:none!important;transform:none}.menu-button[aria-expanded=true] i:before{top:7px;transform:rotate(45deg)}.menu-button[aria-expanded=true] i:after{top:7px;transform:rotate(-45deg)}

/* Reference-like first viewport: restrained type and reactive atmosphere. */
.hero{justify-content:flex-start;padding:118px var(--pad) 38px}.hero:after{background:linear-gradient(90deg,rgba(2,4,8,.34),rgba(2,4,8,.05) 52%,rgba(2,4,8,.18))}.hero__media{transform:scale(1.12) translate3d(var(--hx,0),var(--hy,0),0);transition:transform 1.2s cubic-bezier(.2,.7,.2,1);filter:blur(9px)}.hero__media:after{backdrop-filter:blur(42px) saturate(1.05)}.hero__media i{border-radius:22%!important;opacity:.58}.hero h1{margin:0;max-width:8ch;font-size:clamp(54px,6vw,92px);line-height:.88;letter-spacing:-.065em;text-shadow:0 4px 35px rgba(0,0,0,.4)}.hero h1 span{width:auto}.hero h1 span:nth-child(3){margin-top:.16em!important}.hero__eyebrow{top:auto;left:auto;position:relative;margin:0 0 16px}.hero__bottom{margin-top:auto;width:100%;padding-top:18px}.hero__bottom:after{content:"01  IMAGE\A02  TECHNOLOGY\A03  NARRATIVE";white-space:pre;position:absolute;left:42%;bottom:0;font:9px/1.7 var(--mono);letter-spacing:.08em;color:rgba(255,255,255,.72)}

/* Intro: cinematic signal acquisition, not playful orbit graphics. */
.load{background:#050608;overflow:hidden}.load:before{background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.08) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(255,255,255,.06) 50%,transparent 50.1%);animation:none}.load:after{content:"";position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 35%,rgba(64,101,255,.18) 48%,rgba(255,255,255,.12) 50%,transparent 64%);filter:blur(28px);animation:scanLight 1.8s cubic-bezier(.6,0,.3,1) both}.load__field{width:min(62vw,740px);height:1px;aspect-ratio:auto;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#687eff 38%,#fff 50%,#687eff 62%,transparent);box-shadow:0 0 30px rgba(87,112,255,.45);animation:signalLine 1.25s cubic-bezier(.16,1,.3,1) both}.load__field:before,.load__field:after{display:none}.load__field i{display:none}.load__icon{width:66px!important;height:132px!important;filter:invert(1) drop-shadow(0 0 14px rgba(255,255,255,.2));animation:signalMark 1.1s cubic-bezier(.16,1,.3,1) both!important}.load__line{height:1px;background:#7187ff;animation-duration:1.25s}@keyframes signalLine{from{opacity:0;transform:scaleX(.05)}to{opacity:1;transform:scaleX(1)}}@keyframes signalMark{from{opacity:0;clip-path:inset(50% 0 50%);transform:scale(.94)}to{opacity:1;clip-path:inset(0);transform:scale(1)}}@keyframes scanLight{from{transform:translateX(-42%);opacity:0}35%{opacity:1}to{transform:translateX(42%);opacity:.25}}

/* Capabilities intro: no watermark, title controls the hierarchy. */
.discipline__intro{height:78vh;min-height:650px;grid-template-columns:.7fr 3.5fr 1.1fr;gap:3vw;padding-top:110px}.discipline__intro:after{display:none}.discipline__intro h2{font-size:clamp(62px,8.9vw,138px);line-height:.79;align-self:center}.discipline__intro h2 b,.discipline__intro h2 i{display:block;font-weight:300;white-space:nowrap}.discipline__intro p{font-family:var(--sans);font-size:clamp(17px,1.45vw,23px);line-height:1.48;color:#242424;align-self:center}.discipline__intro small{grid-column:3}.capability h3{position:absolute!important;z-index:5!important;left:34px;top:50%;transform:translateY(-50%);display:block!important;opacity:1!important;color:#fff!important;margin:0!important;visibility:visible!important;pointer-events:none}.capability span{position:relative;z-index:5}.capability p,.capability b{position:relative;z-index:5}.capability:after{z-index:-2!important}.capability:before{z-index:-1!important}

/* Studio section: full-bleed audiovisual atmosphere replaces scattered cards. */
.about{min-height:118vh;padding:105px var(--pad) 48px;background:#08090c;color:#fff;display:flex;isolation:isolate}.about:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,4,7,.88),rgba(3,4,7,.3) 58%,rgba(3,4,7,.72)),linear-gradient(0deg,#07080b 0,transparent 38%,rgba(7,8,11,.45));pointer-events:none}.about__canvas{z-index:-2;inset:-6%;filter:blur(16px) saturate(.7);transform:scale(1.05)}.float-frame{inset:0!important;width:100%!important;height:100%!important;box-shadow:none;opacity:0;animation:ambientSequence 25s linear infinite!important;transform:none!important}.float-frame img{width:100%;height:100%;object-fit:cover;animation:ambientPush 9s ease-in-out infinite alternate!important}.f1{opacity:.58;animation-delay:0s!important}.f2{animation-delay:5s!important}.f3{animation-delay:10s!important}.f4{animation-delay:15s!important}.f5{animation-delay:20s!important}.about>p{font:10px var(--mono);letter-spacing:.1em}.about h2{margin:14vh 0 8vh;max-width:10ch;text-align:left;font-size:clamp(58px,7.2vw,112px);line-height:.84;color:#fff}.about h2 i{color:#93a7ff}.about__copy{width:min(850px,58%);max-width:none;margin:0 0 0 auto;gap:6vw}.about__copy p{padding:0;background:none;backdrop-filter:none;color:#fff;font-size:clamp(17px,1.35vw,22px);line-height:1.5;text-shadow:0 2px 18px #000}.about__slogan{margin-top:auto;color:#fff;border-color:rgba(255,255,255,.42);font-size:clamp(36px,4.5vw,70px)}.about__slogan i{color:#93a7ff}@keyframes ambientSequence{0%,18%{opacity:.55}22%,96%{opacity:0}100%{opacity:.55}}@keyframes ambientPush{to{transform:scale(1.08) translate3d(2%,-1%,0)}}

/* Menu follows page order and uses stable typographic numbers. */
.menu nav{gap:0}.menu nav a{display:grid;grid-template-columns:55px auto;align-items:start}.menu nav small{font:11px var(--mono);line-height:1.4;margin:12px 0 0;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}.menu>p{font-family:var(--mono)}

/* Stable WhatsApp mark. */
.whatsapp-float{overflow:visible!important}.whatsapp-float svg{display:block!important;width:30px!important;height:30px!important;overflow:visible;fill:#071309!important}

@media(max-width:800px){.nav{height:68px}.nav .brand,.nav .brand img{width:122px;height:38px}.menu-button i,.menu-button i:before,.menu-button i:after{width:25px}.hero{padding-top:100px}.hero h1{font-size:14vw;line-height:.9}.hero__bottom:after{display:none}.load__field{width:82vw}.discipline__intro{grid-template-columns:1fr;height:auto;min-height:88vh;padding-top:100px}.discipline__intro h2{font-size:15.4vw;line-height:.82}.discipline__intro h2 b,.discipline__intro h2 i{white-space:normal}.discipline__intro small{grid-column:auto}.capability h3{left:24px;font-size:13.5vw}.about{min-height:1050px}.about h2{margin-top:14vh;font-size:12.5vw}.about__copy{width:82%;margin-left:auto;grid-template-columns:1fr}.about__slogan{font-size:9vw}.menu nav a{grid-template-columns:38px auto}.menu nav small{margin-top:5px}}