/* KING COM · motion layer v2 (Nov 2026). Design untouched: Secular One / Cabin Sketch, bottle #0F5132, deep #0A2418, banana #FFD400. Content is visible by default; JS adds .kc-m to <html> only when motion is allowed. */
html,body{overflow-x:clip}
:root{--kc-ex:cubic-bezier(.16,1,.3,1);--kc-wipe:cubic-bezier(.76,0,.24,1);--kc-pop:cubic-bezier(.34,1.56,.64,1)}
/* image entrances (T2) */
.kc-m .kc-rv{transition:clip-path 1.1s var(--kc-wipe),transform 1.2s var(--kc-ex),opacity .6s}
.kc-m .kc-rv.kc-wait{transform:scale(1.15)}
.kc-m .kc-rv.kc-wait.r0{clip-path:circle(0% at 50% 50%)}
.kc-m .kc-rv.kc-wait.r1{clip-path:polygon(0 0,0 0,0 100%,0 100%)}
.kc-m .kc-rv.kc-wait.r2{clip-path:inset(0 0 100% 0)}
.kc-m .kc-rv.r0{clip-path:circle(75% at 50% 50%)}
.kc-m .kc-rv.r1{clip-path:polygon(0 0,140% 0,100% 100%,0 100%)}
.kc-m .kc-rv.r2{clip-path:inset(0 0 0 0)}
/* sticker-peel pop (gorilla heads) */
.kc-m .kc-pop{transition:transform .9s var(--kc-pop),opacity .5s}
.kc-m .kc-pop.kc-wait{transform:scale(.4) rotate(-14deg) translateY(30px);opacity:0}
.kc-pop{position:relative}
.kc-m .kc-pop.kc-peel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.75) 0 8%,transparent 22%);mix-blend-mode:soft-light;animation:kcPeel 1.1s var(--kc-ex) both}
@keyframes kcPeel{from{clip-path:polygon(0 0,60% 0,0 60%)}to{clip-path:polygon(0 0,0 0,0 0)}}
/* headline word reveals (Hebrew: words, never letters) */
.kc-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-block:.06em;margin-block:-.06em}
.kc-w>i{display:inline-block;font-style:inherit}
.kc-m .kc-h .kc-w>i{transition:transform 1s var(--kc-ex),opacity .8s}
.kc-m .kc-h.kc-wait .kc-w>i{transform:translateY(105%);opacity:0}
/* fake-3D cursor-lit gorillas (T10-lite) */
.kc-3d{transform-style:preserve-3d;will-change:transform;transition:transform .5s var(--kc-ex),filter .5s}
/* hero gorilla popping out of the frame */
.kc-hero-g{position:absolute;left:0;bottom:-12%;width:min(16vw,300px);z-index:6;pointer-events:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.kc-hero-g .kc-lit{position:relative;display:block}
.kc-hero-g img{display:block;width:100%;height:auto}
.kc-hero-g .kc-light{position:absolute;inset:0;background:radial-gradient(circle at var(--lx,40%) var(--ly,25%),rgba(255,236,170,.55),transparent 42%);mix-blend-mode:overlay;-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat}
.kc-hero-host{position:relative;overflow:visible!important;z-index:5}
.kc-m .kc-hero-g{animation:kcRise 1.4s var(--kc-pop) .3s both}
@keyframes kcRise{from{transform:translateY(40%) scale(.85);opacity:0}to{transform:none;opacity:1}}
/* portfolio: horizontal rail (T6) */
.kc-rail{background:var(--kc-deep,#0A2418);color:#fff;position:relative;direction:rtl}
.kc-rail h2{font-family:"Secular One",sans-serif;font-size:clamp(34px,6vw,86px);line-height:1;margin:0 0 .2em;color:#fff}
.kc-rail h2 em{font-family:"Cabin Sketch",cursive;color:var(--kc-banana,#FFD400);font-style:normal}
.kc-rail .kc-rail-sub{font-family:"Secular One",sans-serif;font-size:clamp(16px,1.6vw,22px);opacity:.85;margin:0 0 28px}
.kc-rail-in{padding:70px 5vw 60px}
.kc-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.kc-card{flex:0 0 min(78vw,420px);scroll-snap-align:start;color:#fff;text-decoration:none;display:block}
.kc-br{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.4);transform:rotate(var(--rt,0deg));transition:transform .6s var(--kc-ex)}
.kc-br b{display:flex;gap:6px;padding:9px 12px;background:#eef2ef}
.kc-br b i{width:10px;height:10px;border-radius:50%;background:#cfd8d2}
.kc-br b i:first-child{background:#FFD400}
.kc-br .kc-shot{height:250px;overflow:hidden;background:#f4f6f4}
.kc-br .kc-shot img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:object-position 3.5s linear,transform .8s var(--kc-ex)}
.kc-card:hover .kc-br{transform:rotate(0) translateY(-8px)}
.kc-card:hover .kc-shot img{object-position:50% 100%}
.kc-card h3{font-family:"Secular One",sans-serif;font-size:20px;margin:14px 2px 0;color:#fff;line-height:1.3}
.kc-card span{font-size:14px;color:var(--kc-banana,#FFD400)}
@media (min-width:1025px){
 .kc-m .kc-rail{height:var(--railh,300vh)}
 .kc-m .kc-rail-in{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
 .kc-m .kc-track{overflow:visible;scroll-snap-type:none;will-change:transform}
}
.kc-rail-n{position:absolute;inset-inline-end:5vw;top:60px;font-family:"Cabin Sketch",cursive;font-size:clamp(60px,12vw,180px);line-height:1;color:rgba(255,212,0,.13);pointer-events:none}
/* reviews/expertise: vertical sticky card stack (T7) */
@media (min-width:1025px){
 .kc-m .kc-stack{position:sticky!important;top:calc(70px + var(--i,0)*22px);border-radius:28px 28px 0 0;box-shadow:0 -18px 40px rgba(10,36,24,.18);transform-origin:50% 0;transition:transform .2s linear}
}
/* corner gorilla guide */
#kc-guide{position:fixed;left:14px;bottom:64px;width:118px;height:140px;z-index:9990;pointer-events:none}
#kc-guide img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom;opacity:0;transform:translateY(20px) scale(.9);transition:opacity .45s,transform .6s var(--kc-pop);filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
#kc-guide img.on{opacity:1;transform:none}
#kc-guide .kc-bub{position:absolute;bottom:118px;left:70px;white-space:nowrap;background:#FFD400;color:#0A2418;font:15px/1.2 "Secular One",sans-serif;padding:7px 12px;border-radius:14px 14px 14px 2px;box-shadow:0 6px 16px rgba(0,0,0,.25);opacity:0;transform:scale(.6);transform-origin:0 100%;transition:.4s var(--kc-pop)}
#kc-guide .kc-bub.on{opacity:1;transform:none}
/* Sister-sites footer block (network plan) */
.kc-net{background:#0A2418;color:#cfe3d8;direction:rtl;text-align:center;padding:18px 16px 24px;font:15px/1.8 "Secular One",sans-serif;border-top:1px solid rgba(255,212,0,.25)}
.kc-net .fn-h{display:block;color:#FFD400;margin-bottom:4px}
.kc-net a{color:#fff;text-decoration:underline;text-underline-offset:3px;margin-inline:6px 4px}
.kc-net .fn-r{opacity:.8;margin-inline-end:14px}
.kc-net .fn-r:last-child{margin-inline-end:0}
@media (max-width:767px){
 .kc-hero-g{width:28vw;bottom:-9%;left:-4%}
 #kc-guide{width:70px;height:84px;left:6px;bottom:58px}
 #kc-guide .kc-bub{bottom:72px;left:40px;font-size:13px}
 .kc-br .kc-shot{height:200px}
 .kc-net .fn-r{display:block;margin:0 0 6px}
}
@media (prefers-reduced-motion:reduce){
 .kc-rv,.kc-pop,.kc-h .kc-w>i,.kc-3d,#kc-guide img,.kc-hero-g{transition:none!important;animation:none!important;clip-path:none!important;transform:none!important;opacity:1!important}
 #kc-guide{display:none}
}

/* ---- v3 fixes (2026-11-04 design review) ---- */
html,body{overflow-x:clip;max-width:100%}
.kc-rail,.kc-rail-in{max-width:100%;overflow-x:clip}
.kc-done,.kc-done .kc-w>i,.kc-m .kc-done.kc-h .kc-w>i{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important;visibility:visible!important;animation:none!important}
.elementor-element.animated{animation-duration:.9s!important}
.kc-strip{padding:8px 24px!important;box-sizing:border-box}
.kc-strip .elementor-heading-title{line-height:1.25}
.elementor-button{min-height:48px;display:inline-flex!important;align-items:center;justify-content:center;padding-inline:28px!important;font-weight:800}
.elementor-button .elementor-button-text{font-weight:800}
[data-id="f7fd80c"]{margin-bottom:28px!important;position:relative;z-index:1}
[data-id="a664ffe"] .elementor-form-fields-wrapper{row-gap:16px}
[data-id="a664ffe"] input,[data-id="a664ffe"] textarea{min-height:48px}
@media (min-width:1025px){.kc-stack{padding-block:60px!important}.kc-stack .elementor-widget-text-editor{font-size:17px;line-height:1.7}}
#kc-guide{bottom:96px;width:96px;height:114px;left:14px}
#kc-guide .kc-bub{bottom:100px;left:56px}
#kc-guide .kc-gx{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;border:0;background:#0A2418;color:#FFD400;font:16px/24px sans-serif;cursor:pointer;pointer-events:auto;padding:0}
@media (max-width:1024px){#kc-guide{display:none!important}}