/* Motion belongs to inspecting a part, choosing a process and following an action. */
.headline-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.headline-line>span{display:inline-block}
.inspector-object{position:relative}.inspector-object>img{display:block;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.inspector-feature{position:absolute;left:var(--feature-x,50%);top:var(--feature-y,50%);width:56px;height:56px;translate:-50% -50%;transform:scale(calc(1 / var(--camera-scale,1)));opacity:0;transition:opacity .22s,transform 850ms cubic-bezier(.16,1,.3,1);pointer-events:none}
[data-inspector][data-active]:not([data-active="0"]) .inspector-feature{opacity:1}.inspector-feature i{position:absolute;width:12px;height:12px;border-color:var(--blue);border-style:solid;filter:drop-shadow(0 1px 1px #fff)}.inspector-feature i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.inspector-feature i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.inspector-feature i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.inspector-feature i:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}
.inspection-tabs,.process-steps{position:relative}.motion-selection-rule{position:absolute;left:0;top:0;width:1px;height:2px;background:var(--blue);pointer-events:none;transform-origin:0 0;transition:transform 480ms cubic-bezier(.16,1,.3,1)}
.inspection-tabs[data-motion-rule] button::before,[data-motion-rule].process-steps .process-step::after{display:none}
.range-item{position:relative}.range-item::after{content:"";position:absolute;bottom:-14px;left:0;right:0;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.compact-home .solid-button,.compact-home .contact-link{position:relative;isolation:isolate;overflow:hidden;transition:color .25s,background-color .25s;transform:translateZ(0)}
.compact-home .solid-button::before,.compact-home .contact-link::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--blue);clip-path:inset(0 100% 0 0);transition:clip-path .42s cubic-bezier(.16,1,.3,1)}
.compact-home .solid-button:focus-visible::before,.compact-home .contact-link:focus-visible::before{clip-path:inset(0)}
.compact-home .solid-button .ui-arrow,.compact-home .contact-link .ui-arrow,.showcase-detail .ui-arrow{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.compact-home .solid-button:active,.compact-home .contact-link:active{transform:translateY(1px)}
.range-item:focus-visible::after{transform:scaleX(1)}.range-item:focus-visible .ui-arrow{transform:translate(3px,-3px)}
.process-panel{animation:process-direction .5s cubic-bezier(.16,1,.3,1)}
@keyframes process-direction{from{opacity:.45;clip-path:inset(0 0 1% 0);transform:translateX(var(--process-entry,10px))}to{opacity:1;clip-path:inset(0);transform:translateX(0)}}
@media(hover:hover) and (pointer:fine){.range-item:hover::after{transform:scaleX(1)}.range-item:hover .range-image img{transform:translateY(-5px) scale(1.015)}.compact-home .solid-button:hover::before,.compact-home .contact-link:hover::before{clip-path:inset(0)}.compact-home .solid-button:hover .ui-arrow,.compact-home .contact-link:hover .ui-arrow,.showcase-detail .text-action:hover .ui-arrow{transform:translate(3px,-3px)}}
@media(max-width:540px){.range-item::after{bottom:0}.motion-selection-rule{transition-duration:350ms}}
@media(prefers-reduced-motion:reduce){.inspector-feature,.motion-selection-rule,.range-item::after,.compact-home .solid-button,.compact-home .contact-link,.compact-home .solid-button::before,.compact-home .contact-link::before,.compact-home .solid-button .ui-arrow,.compact-home .contact-link .ui-arrow,.showcase-detail .ui-arrow{transition:none}.process-panel{animation:none}.range-item:hover .range-image img,.range-item:hover .ui-arrow,.range-item:focus-visible .ui-arrow,.compact-home .solid-button:active,.compact-home .contact-link:active,.compact-home .solid-button:hover .ui-arrow,.compact-home .contact-link:hover .ui-arrow,.showcase-detail .text-action:hover .ui-arrow{transform:none}}
.showcase-intro h1 .headline-line,.showcase-intro h1 .headline-line>span{color:inherit}
.compact-home .solid-button:hover,.compact-home .contact-link:hover{background:var(--ink)}