/* Shared motion layer. Transform layers keep scroll, reveal and hover independent. */
.mk-header{transition:transform .45s var(--mk-ease)}
.mk-motion .mk-mobile-nav:not([hidden]){transform-origin:50% 0;animation:mk-menu-in .36s var(--mk-ease) both}
.mk-mobile-nav.mk-menu-closing{opacity:0;transform:translateY(-14px) scale(.97);transition:opacity .22s,transform .22s var(--mk-ease);animation:none!important;pointer-events:none}
@keyframes mk-menu-in{from{opacity:0;transform:perspective(800px) translateY(-16px) rotateX(-8deg)}to{opacity:1;transform:none}}
.mk-header .mk-logo-split{position:relative;overflow:visible;color:#392118;background:none!important;-webkit-mask:none!important;mask:none!important;isolation:isolate}
.mk-logo-piece{position:absolute;inset:0;display:block;background:currentColor;pointer-events:none;transform-origin:50% 50%;transition:transform .35s var(--mk-ease);will-change:transform,opacity}
.mk-logo-arc-top{-webkit-mask:url('../img/mk-blick-mask.svg#arc-top') center/contain no-repeat;mask:url('../img/mk-blick-mask.svg#arc-top') center/contain no-repeat}
.mk-logo-arc-bottom{-webkit-mask:url('../img/mk-blick-mask.svg#arc-bottom') center/contain no-repeat;mask:url('../img/mk-blick-mask.svg#arc-bottom') center/contain no-repeat}
.mk-logo-point{-webkit-mask:url('../img/mk-blick-mask.svg#point') center/contain no-repeat;mask:url('../img/mk-blick-mask.svg#point') center/contain no-repeat}
.mk-motion .mk-logo-enter .mk-logo-arc-top{animation:mk-logo-top-in .88s cubic-bezier(.2,.8,.2,1) .04s both}
.mk-motion .mk-logo-enter .mk-logo-arc-bottom{animation:mk-logo-bottom-in .92s cubic-bezier(.2,.8,.2,1) .1s both}
.mk-motion .mk-logo-enter .mk-logo-point{animation:mk-logo-point-in .54s cubic-bezier(.18,.9,.24,1.35) .46s both}
@keyframes mk-logo-top-in{0%{opacity:0;transform:translate3d(-7px,5px,0) rotate(-128deg) scale(.72)}72%{opacity:1;transform:rotate(7deg) scale(1.035)}100%{opacity:1;transform:none}}
@keyframes mk-logo-bottom-in{0%{opacity:0;transform:translate3d(7px,5px,0) rotate(142deg) scale(.72)}72%{opacity:1;transform:rotate(-6deg) scale(1.035)}100%{opacity:1;transform:none}}
@keyframes mk-logo-point-in{0%{opacity:0;transform:scale(0)}64%{opacity:1;transform:scale(1.42)}100%{opacity:1;transform:scale(1)}}
.mk-motion .mk-brand:not(.mk-logo-enter):not(.mk-logo-exit):hover .mk-logo-arc-top{transform:translateY(-1px) rotate(-5deg)}
.mk-motion .mk-brand:not(.mk-logo-enter):not(.mk-logo-exit):hover .mk-logo-arc-bottom{transform:translateY(1px) rotate(5deg)}
.mk-motion .mk-brand:not(.mk-logo-enter):not(.mk-logo-exit):hover .mk-logo-point{transform:scale(1.14)}
.mk-motion .mk-logo-exit .mk-logo-arc-top{animation:mk-logo-top-out .6s cubic-bezier(.6,0,.8,.2) both}
.mk-motion .mk-logo-exit .mk-logo-arc-bottom{animation:mk-logo-bottom-out .6s cubic-bezier(.6,0,.8,.2) both}
.mk-motion .mk-logo-exit .mk-logo-point{animation:mk-logo-point-out .34s cubic-bezier(.6,0,.8,.2) .08s both}
@keyframes mk-logo-top-out{to{opacity:0;transform:translate3d(-6px,4px,0) rotate(-120deg) scale(.76)}}
@keyframes mk-logo-bottom-out{to{opacity:0;transform:translate3d(6px,4px,0) rotate(132deg) scale(.76)}}
@keyframes mk-logo-point-out{to{opacity:0;transform:scale(.15)}}
.mk-motion-word{display:inline-block;white-space:nowrap;perspective:800px}
.mk-motion .mk-char{animation:mk-depth-letter .9s var(--mk-ease) both;animation-delay:var(--mk-delay,0s)}
@keyframes mk-depth-letter{0%{opacity:0;transform:translateY(.5em) rotateX(-55deg) scaleY(1.08)}60%{opacity:1}100%{opacity:1;transform:none}}
.mk-scroll-cue{position:absolute;left:50%;bottom:35px;z-index:3;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;color:#d2ddff;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;pointer-events:none}
.mk-scroll-cue svg{width:18px;height:22px;animation:mk-scroll-bob 1.8s var(--mk-ease) infinite}
@keyframes mk-scroll-bob{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
.mk-motion .mk-reveal{transition:opacity .85s var(--mk-ease),transform .85s var(--mk-ease);transition-delay:var(--mk-stagger,0s)}
.mk-motion .mk-reveal.mk-await{opacity:0;transform:translateY(32px) scale(.985)}
.mk-services,.mk-project-grid,.mk-team-grid,.mk-detail-list,.mk-process-list{perspective:1200px}
.mk-motion .mk-fold.mk-await{transform:perspective(1200px) translateY(40px) rotateX(14deg);transform-origin:50% 100%}
.mk-motion .mk-fold:focus-within{opacity:1;transform:none}
.mk-tiltable{position:relative;transform-style:preserve-3d;--mk-tilt-x:0deg;--mk-tilt-y:0deg}
.mk-motion .mk-tiltable{transform:perspective(1200px) rotateX(var(--mk-tilt-x)) rotateY(var(--mk-tilt-y));transition:transform .55s var(--mk-ease),opacity .85s var(--mk-ease),box-shadow .4s}
.mk-motion .mk-tiltable.mk-await{transform:perspective(1200px) translateY(40px) rotateX(14deg)}
.mk-motion .mk-tiltable.mk-hovering{transition:transform .1s linear,box-shadow .4s;transition-delay:0s;z-index:4;box-shadow:0 22px 46px -26px #0c173754}
.mk-motion .mk-service.mk-hovering>*,.mk-motion .mk-person.mk-hovering>*{transform:translateZ(18px)}
.mk-tiltable::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--mk-glare-x,50%) var(--mk-glare-y,50%),#ffffff2b,transparent 67%);transition:opacity .3s}
.mk-motion .mk-hovering::after{opacity:1}
.mk-motion .mk-project-media img{transform:translate3d(0,var(--mk-image-y,0px),0) scale(1.12);transition:filter .4s}
.mk-drift-content{display:block;will-change:transform}
.mk-section{overflow-x:clip}
.mk-marquee{overflow:clip;padding:12px 0 25px;background:#fff;pointer-events:none;contain:paint}
.mk-marquee-track{display:flex;width:max-content;white-space:nowrap;font-family:Anton,Impact,sans-serif;font-size:clamp(2.4rem,6.3vw,5.8rem);line-height:1.25;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px #7e90b0}
.mk-marquee-chunk{display:block;flex:none;padding-right:.65em}
.mk-marquee b{font-weight:400;color:var(--mk-blue);-webkit-text-stroke:0;margin-right:.65em}
.mk-invite>.mk-wrap{position:relative}
.mk-meeting-seal{position:absolute;right:0;top:-20px;width:122px;height:122px;display:grid;place-content:center;text-align:center;border:1px solid #c6d5ff;border-radius:50%;background:#c8d7ff;color:var(--mk-blue);font-size:.83rem;line-height:1.5;letter-spacing:.04em;font-weight:650;transform:rotate(-6deg)}
.mk-magnetic{padding:0!important;gap:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;border-color:transparent}
.mk-magnetic>.mk-magnetic-face{display:flex;align-items:center;justify-content:space-between;flex:1;gap:28px;padding:16px 25px;border-radius:inherit;background:var(--mk-blue);color:inherit;font-size:inherit;line-height:inherit;transition:background .25s,box-shadow .25s;will-change:transform}
.mk-magnetic-face>span{font-size:1.35rem;line-height:1}
.mk-call>.mk-magnetic-face{padding:12px 23px;gap:25px}
.mk-btn-white>.mk-magnetic-face{background:#fff}
.mk-btn-outline>.mk-magnetic-face{background:transparent;border:1px solid currentColor}
.mk-magnetic:hover>.mk-magnetic-face{background:#102eb3;box-shadow:0 10px 24px #07174924}
.mk-btn-white:hover>.mk-magnetic-face,.mk-btn-outline:hover>.mk-magnetic-face{background:var(--mk-ice)}
.mk-call:hover>.mk-magnetic-face{background:var(--mk-navy)}
.mk-motion .mk-project-arrow{display:inline-block;transition:transform .35s var(--mk-ease)}
.mk-motion .mk-project-arrow:hover{transform:translate(4px,-4px) rotate(8deg)}
.mk-motion .mk-text-link{transition:gap .3s var(--mk-ease)}
.mk-motion .mk-text-link:hover{gap:32px}
.mk-motion .mk-faq details[open] p{animation:mk-answer-in .38s var(--mk-ease) both}
@keyframes mk-answer-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.mk-motion .mk-check-result.mk-result-changing{animation:mk-result-in .45s var(--mk-ease) both}
@keyframes mk-result-in{from{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:none}}
.mk-tab-hidden *, .mk-tab-hidden *::before,.mk-tab-hidden *::after{animation-play-state:paused!important}
.mk-motion-off .mk-scroll-cue{display:none}
.mk-motion-off .mk-char{opacity:1!important;transform:none!important}
.mk-motion-off .mk-drift-content,.mk-motion-off .mk-tiltable,.mk-motion-off .mk-magnetic-face,.mk-motion-off .mk-project-media img,.mk-motion-off .mk-hero-title,.mk-motion-off .mk-subhero h1,.mk-motion-off .mk-logo-piece{transform:none!important;opacity:1!important}
.mk-motion-off .mk-tiltable::after{opacity:0}
.mk-motion-off .mk-marquee-chunk[aria-hidden="true"]{display:none}
@media(max-width:900px){.mk-meeting-seal{display:none}}
@media(max-width:760px){
  .mk-scroll-cue{bottom:30px;gap:4px;font-size:.75rem}
  .mk-magnetic>.mk-magnetic-face{padding:16px 22px;gap:18px}
  .mk-call>.mk-magnetic-face{padding:11px 16px;gap:12px}
  .mk-marquee{padding:8px 0 16px}.mk-marquee-track{-webkit-text-stroke:1px #7e90b0}
  .mk-motion .mk-fold.mk-await,.mk-motion .mk-tiltable.mk-await{transform:perspective(1200px) translateY(26px) rotateX(8deg)}
}
@media(prefers-reduced-motion:reduce){
  .mk-scroll-cue{display:none}
  .mk-char,.mk-hero-title,.mk-subhero h1,.mk-drift-content,.mk-magnetic-face,.mk-tiltable,.mk-project-media img,.mk-marquee-track,.mk-logo-piece{transform:none!important;opacity:1!important}
  .mk-marquee-chunk[aria-hidden="true"]{display:none}
}