/* Raised, bevelled UI icons. One gentle entry cycle follows the home workflow;
   hover/focus replay is finite. No layout or garment-preview transforms. */
body .kv-ui-icon-3d{
 transform:perspective(280px) rotateX(10deg) rotateY(-13deg) translateZ(2px);
 transform-origin:50% 60%;
 filter:var(--kv-icon-original-filter, ) drop-shadow(0 2px 1px #102c2526) drop-shadow(1px 3px 3px #102c251c);
 overflow:visible;
 animation:none!important;
}
body svg.kv-ui-icon-3d{isolation:isolate;filter:var(--kv-icon-original-filter, ) drop-shadow(.5px 1px 0px #102c2526);}
body .kv-icon-depth :is(path,circle,ellipse,rect,polyline,polygon,line){stroke:color-mix(in srgb,currentColor 72%,#071a15);stroke-width:inherit;}
body .kv-icon-highlight{opacity:.44;}
body .kv-icon-highlight :is(path,circle,ellipse,rect,polyline,polygon,line){stroke:#ffffff;stroke-width:.6;fill:none;}
body .kv-icon-3d-glyph,body span.kv-ui-icon-3d{display:inline-block;text-shadow:.6px 1.1px 0 #142b382f;}
body .kv-icon-3d-badge{
 background:linear-gradient(140deg,color-mix(in srgb,var(--kv-icon-surface,#edf2df) 55%,white),var(--kv-icon-surface,#edf2df) 55%,color-mix(in srgb,var(--kv-icon-surface,#edf2df) 86%,#98af75))!important;
 border:1px solid color-mix(in srgb,var(--kv-icon-surface,#edf2df) 73%,#98af75);
 box-shadow:inset 1px 2px 0 #ffffffc9,inset -1px -1px 0 #7592571c,0 4px 0 color-mix(in srgb,var(--kv-icon-surface,#edf2df) 62%,#91a570),0 9px 16px #1c3a2421;
 transform:perspective(360px) rotateX(8deg) rotateY(-9deg);
 overflow:visible!important;
}
body .bb-expertise-icon.kv-icon-3d-badge{width:54px!important;height:54px!important;border-radius:14px!important;}
body .bb-expertise-icon.kv-icon-3d-badge>svg.kv-ui-icon-3d{width:30px!important;height:30px!important;}
body .kv-ui-icon-3d[data-kv-icon="raster"]{transform:perspective(460px) rotateX(7deg) rotateY(-9deg) translateZ(3px);}
/* Pictorial black/lime objects match the established production-planning art.
   Alpha remains transparent; the monochrome raster invert/blend rules do not
   apply to these full-colour images. Compact controls keep compact icons. */
body img.kv-object-icon{display:inline-block!important;width:40px!important;height:40px!important;max-width:none!important;object-fit:contain!important;vertical-align:middle;mix-blend-mode:normal!important;filter:drop-shadow(0 2px 1px #102c2520)!important;opacity:1!important;border:0!important;background:transparent!important;border-radius:0!important;}
body .kv-icon-object-host{display:inline-flex!important;align-items:center;justify-content:center;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;transform:none!important;}
body .bb-expertise-icon.kv-icon-object-host{width:84px!important;height:84px!important;border-radius:0!important;}
body .bb-expertise-icon img.kv-object-icon{width:84px!important;height:84px!important;}
body img.kv-detail-icon.kv-object-icon{display:block!important;width:64px!important;height:64px!important;flex:0 0 64px!important;margin-bottom:20px;}
body .bb-factory img.kv-object-icon{margin:0 auto 18px!important;filter:drop-shadow(0 1px 1px #ffffff66) drop-shadow(0 5px 4px #0003)!important;}
body .kv-logo-invite-icon.kv-icon-object-host{width:76px!important;height:76px!important;}
body .kv-logo-invite-icon img.kv-object-icon{width:76px!important;height:76px!important;}
body .studio-tabs img.kv-object-icon{width:32px!important;height:32px!important;flex:none!important;}
body .bb-quote-paths img.kv-object-icon{width:28px!important;height:28px!important;}
.kitverra-reference .tw-page #quality img.kv-proof-icon.kv-object-icon{width:32px!important;height:32px!important;flex:none!important;}
.kitverra-reference .tw-page #quality .kv-assurance-card img.kv-proof-icon.kv-object-icon{width:26px!important;height:26px!important;}
body img.ar-raster-icon.kv-object-icon{width:32px!important;height:32px!important;}
body svg.kv-native-arrow{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle;}
@media(max-width:600px){body .bb-expertise-icon.kv-icon-object-host,body .bb-expertise-icon img.kv-object-icon{width:76px!important;height:76px!important;}body .studio-tabs img.kv-object-icon{width:30px!important;height:30px!important;}}
body .kv-icon-3d-glyph[data-kv-icon="glyph"]{font:inherit;line-height:inherit;filter:var(--kv-icon-original-filter, ) drop-shadow(.5px 1px 0px #102c251f);}
@keyframes kv-icon-depth-float{
 0%,100%{transform:perspective(280px) rotateX(10deg) rotateY(-13deg) translateZ(2px);translate:0 0;}
 32%{transform:perspective(280px) rotateX(2deg) rotateY(9deg) translateZ(6px);translate:0 -4px;}
 68%{transform:perspective(280px) rotateX(7deg) rotateY(-5deg) translateZ(4px);translate:0 -2px;}
}
@keyframes kv-icon-depth-hover{
 0%,100%{transform:perspective(280px) rotateX(10deg) rotateY(-13deg) translateZ(2px);}
 45%{transform:perspective(280px) rotateX(-5deg) rotateY(15deg) translateZ(6px);}
}
@media(prefers-reduced-motion:no-preference){
 body .kv-ui-icon-3d.kv-icon-enter{animation:kv-icon-depth-float 2.6s ease-in-out var(--kv-icon-delay,0ms) 1!important;}
 body .kv-icon-3d-badge{transition:transform .3s ease,box-shadow .3s ease;}
 body :is(a,button,article,summary):focus-visible .kv-ui-icon-3d{animation:kv-icon-depth-hover .9s ease-in-out 1!important;}
 @media(hover:hover) and (pointer:fine){
  body :is(a,button,article,summary):hover .kv-icon-3d-badge{transform:perspective(360px) rotateX(-3deg) rotateY(8deg) translateY(-2px);box-shadow:inset 1px 2px 0 #ffffffc9,0 5px 0 color-mix(in srgb,var(--kv-icon-surface,#edf2df) 62%,#91a570),0 12px 20px #1c3a2426;}
  body :is(a,button,article,summary):hover .kv-ui-icon-3d{animation:kv-icon-depth-hover .9s ease-in-out 1!important;}
 }
}
html[data-icon-motion-paused="true"] .kv-ui-icon-3d{animation-play-state:paused!important;}
@media(prefers-reduced-motion:reduce){
 body .kv-ui-icon-3d,body .kv-icon-3d-badge{animation:none!important;transition:none!important;translate:0 0!important;rotate:none!important;scale:1!important;}
}
