/* Deliberate motion hierarchy: cubes → fluid → dimensional type → editorial reveals. */
.cinema-transition{isolation:isolate}.liquid-transition{z-index:0;mix-blend-mode:normal}.cinema-transition>.hero,.cinema-transition>.manifesto{position:relative;z-index:1}.manifesto{background:linear-gradient(180deg,#060a1200,#060a1260);text-shadow:0 2px 24px #03071255}.hero-media{box-shadow:0 20px 90px #0009,0 0 0 1px #ffffff15}
.hero-actions{gap:25px;justify-content:flex-start}.hero-actions #motion-toggle{margin-left:auto}.replay-intro{font:12px Arial;color:#e3eaf5;padding:10px 0}.replay-intro:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.kinetic-title{perspective:1100px}.kinetic-word{display:inline-block;white-space:nowrap}.kinetic-glyph{display:inline-block;transform:translateY(var(--letter-drift,0px));transform-style:preserve-3d}.glyph-face{display:inline-block;transform-origin:50% 100%;backface-visibility:hidden;will-change:transform,opacity}.motion-enabled .kinetic-title:not(.type-arrived) .glyph-face{opacity:0;transform:translate3d(0,100%,0) rotateX(-90deg) skewX(-14deg);filter:blur(7px)}
.motion-enabled .kinetic-title.type-arrived .glyph-face{animation:letter-assemble 1.15s calc(var(--letter-index)*32ms) cubic-bezier(.16,1,.3,1) both}.motion-enabled .type-line.type-arrived .glyph-face{animation-duration:1.5s;animation-delay:calc(var(--letter-index)*48ms)}
@keyframes letter-assemble{0%{opacity:0;filter:blur(9px);transform:translate3d(0,110%,80px) rotateX(-95deg) skewX(-18deg)}48%{opacity:1;filter:blur(0);transform:translate3d(0,-13%,0) rotateX(14deg) skewX(3deg)}100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) rotateX(0) skewX(0)}}
.motion-enabled .brush-reveal .brush-ink{animation:none;clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translateX(-.13em) skewX(-9deg);filter:blur(3px);transition:clip-path 1.65s cubic-bezier(.2,.8,.1,1),transform 1.6s cubic-bezier(.16,1,.3,1),filter .85s}
.motion-enabled .brush-reveal.stroke-arrived .brush-ink{clip-path:polygon(0 0,100% 0,98% 12%,100% 30%,98% 52%,100% 78%,100% 100%,0 100%);transform:translateX(0) skewX(0);filter:blur(0)}
.motion-enabled .brush-reveal:after{animation:none;transform:scaleX(0) rotate(-2deg);transition:transform .9s .7s cubic-bezier(.2,.8,.1,1)}.motion-enabled .brush-reveal.stroke-arrived:after{transform:scaleX(1) rotate(-2deg)}
.motion-enabled .fan-heading .brush-ink{clip-path:none!important;transform:none;filter:none}.motion-enabled .fan-heading .brush-reveal:after{transform:scaleX(1) rotate(-2deg)}
.motion-enabled .reveal{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(65px) rotateX(9deg);opacity:0}.motion-enabled .reveal.visible{transform:translateY(0) rotateX(0);opacity:1}
.work,.studio-intro,.services,.process,.contact{position:relative;isolation:isolate}.chapter-wipe{position:absolute;inset:0;pointer-events:none;z-index:8;background:linear-gradient(145deg,#33465c,#111c2e 45%,#090f1b);transform-origin:top;transform:scaleY(0);border-radius:0 0 50% 8%}.motion-enabled .chapter-entering>.chapter-wipe{animation:chapter-curtain 1.15s cubic-bezier(.7,0,.15,1) both}@keyframes chapter-curtain{0%{transform:scaleY(1);border-radius:0}100%{transform:scaleY(0);border-radius:0 0 65% 15%}}
.type-line.decoding{text-shadow:2px 0 #8ca7c880,-2px 0 #d2b99150}.motion-enabled .project-visual{transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .6s}.motion-paused .glyph-face{opacity:1;filter:none;transform:none;animation:none!important}.motion-paused .chapter-wipe{display:none}.motion-paused .kinetic-glyph{transform:none!important}.motion-paused .brush-ink{clip-path:none!important;filter:none!important;transform:none!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .liquid-transition{display:block}
@media(max-width:600px){.hero-actions{gap:15px}.hero-actions .replay-intro,.hero-actions #motion-toggle{font-size:11px}.motion-enabled .kinetic-title.type-arrived .glyph-face{animation-delay:calc(var(--letter-index)*24ms)}.manifesto-title{font-size:11.2vw}}