#hero.kb-precision-hero{--kb-stage-height:max(27rem,calc(100svh - 20rem));--kb-art-size:clamp(16.25rem,28vw,26.875rem);background:radial-gradient(ellipse at 56% 28%,#315d514d,transparent 58%),#052d2c}#hero.kb-precision-hero>.hero-grid{display:flex;flex-direction:column;min-height:100svh;min-height:100dvh}#hero.kb-precision-hero .hcell--name{min-height:var(--kb-stage-height);flex:1 0 auto;padding:12rem 6% 5.3rem 43%;box-sizing:border-box}#hero.kb-precision-hero .hcell--panels{flex:0 0 auto}#hero.kb-precision-hero .kb-particle-field{left:7%;right:auto;top:calc(var(--kb-stage-height) - var(--kb-art-size) - 2rem);width:var(--kb-art-size);height:var(--kb-art-size);opacity:1;max-width:none;max-height:none;mask:none;-webkit-mask:none}#hero.kb-precision-hero .hero-inner{min-width:0;width:100%}#hero.kb-precision-hero .keybridge-hero-wordmark{display:block!important;width:100%;max-width:100%;filter:drop-shadow(0 3px 0 #012b29);direction:ltr}#hero.kb-precision-hero .kb-word-light{position:relative;display:block;width:100%;isolation:isolate}#hero.kb-precision-hero .kb-hero-word{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;margin:0}.kb-material-art{position:absolute;inset:0;width:100%;height:100%}#hero.kb-precision-hero .kb-particle-field [data-particles-fallback]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;visibility:visible;animation:none;transform:none}.keybridge-loader .kb-material-loader>.kb-loader-static{opacity:0}.kb-material-svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.kb-material-art>.kb-material-svg{filter:drop-shadow(10px 19px 9px #001d1b88)}.precision-piece{--kb-hover-x:0px;--kb-hover-y:0px;transform:translate(var(--kb-hover-x),var(--kb-hover-y));transition:transform .8s cubic-bezier(.23,1,.32,1)}.precision-piece[data-kb-piece=stem]{transform:translate(calc(var(--kb-assemble,0)*-24px + var(--kb-hover-x)),var(--kb-hover-y))}.precision-piece[data-kb-piece=arm]{transform:translate(var(--kb-hover-x),calc(var(--kb-assemble,0)*-24px + var(--kb-hover-y)))}.precision-piece[data-kb-piece=b]{transform:translate(calc(var(--kb-assemble,0)*24px + var(--kb-hover-x)),var(--kb-hover-y))}html[data-hero-handoff] .precision-piece,.keybridge-loader .precision-piece{transition:none}.kb-material-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fffbe590 45%,#ecfff33b 51%,transparent 65%);background-size:280% 100%;background-position:100% 0;mix-blend-mode:screen;opacity:.48;mask:url(../img/brand/keybridge-kb-hero-symbol.svg) center/contain no-repeat;-webkit-mask:url(../img/brand/keybridge-kb-hero-symbol.svg) center/contain no-repeat;animation:kb-precision-light 8s ease-in-out infinite alternate;animation-play-state:paused}#hero.kb-precision-hero .kb-word-light::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 28%,#fff7db85 45%,#e5fff139 51%,transparent 68%);background-size:280% 100%;background-position:100% 0;mix-blend-mode:screen;opacity:.65;mask:url(../img/brand/keybridge-kb-hero-wordmark.svg) center/100% 100% no-repeat;-webkit-mask:url(../img/brand/keybridge-kb-hero-wordmark.svg) center/100% 100% no-repeat;animation:kb-precision-light 10s ease-in-out infinite alternate;animation-play-state:paused}#hero.kb-precision-hero .kb-material-art{animation:kb-precision-float 10s ease-in-out infinite alternate;animation-play-state:paused}#hero.kb-precision-hero .is-static-moving .kb-material-art{animation-play-state:running}#hero.kb-precision-hero .is-static-moving .kb-material-art::after,#hero.kb-precision-hero.is-material-moving .kb-word-light::after{animation-play-state:running}html[data-hero-handoff] #hero.kb-precision-hero .kb-material-art{animation:none}html[data-hero-handoff] #hero.kb-precision-hero .kb-material-art::after{opacity:0}@keyframes kb-precision-light{from{background-position:100% 0}to{background-position:0 0}}@keyframes kb-precision-float{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(0,-5px,0) rotate(.4deg)}}@media (hover:hover) and (pointer:fine) and (min-width:721px){#hero.kb-precision-hero .is-material-hovering [data-kb-piece=stem]{--kb-hover-x:-7px}#hero.kb-precision-hero .is-material-hovering [data-kb-piece=arm]{--kb-hover-y:-7px}#hero.kb-precision-hero .is-material-hovering [data-kb-piece=b]{--kb-hover-x:7px}}@media (max-width:1023px) and (min-width:721px){#hero.kb-precision-hero{--kb-stage-height:max(25rem,calc(100svh - 20rem));--kb-art-size:clamp(14rem,29vw,18rem)}#hero.kb-precision-hero .hcell--name{padding-left:42%;padding-bottom:4.8rem}#hero.kb-precision-hero .kb-particle-field{left:5%}}@media (max-width:720px){#hero.kb-precision-hero{--kb-stage-height:clamp(19.5rem,45svh,24rem);--kb-art-size:clamp(11rem,57vw,14.25rem)}#hero.kb-precision-hero .hcell--name{min-height:var(--kb-stage-height);padding:calc(var(--kb-stage-height) - 4rem) 1.375rem 1.5rem;flex:0 0 auto}#hero.kb-precision-hero .kb-particle-field,#hero.kb-precision-hero .kb-particle-field.is-particles-static{left:calc((100% - var(--kb-art-size))/2);right:auto;top:calc(var(--kb-stage-height) - var(--kb-art-size) - 4.5rem);width:var(--kb-art-size);height:var(--kb-art-size)}#hero.kb-precision-hero .keybridge-hero-wordmark{width:100%}#hero.kb-precision-hero .hpanel--one{padding:1.25rem min(1.35rem,6vw);gap:1.15rem}}@media (min-width:721px) and (max-height:600px){#hero.kb-precision-hero{--kb-stage-height:21rem;--kb-art-size:13.5rem}#hero.kb-precision-hero .hcell--name{padding-top:12rem;padding-bottom:3rem}}@media (max-width:720px) and (max-height:450px){#hero.kb-precision-hero{--kb-stage-height:18rem;--kb-art-size:10rem}}@media (prefers-reduced-motion:reduce){#hero.kb-precision-hero .kb-material-art,#hero.kb-precision-hero .kb-material-art::after,#hero.kb-precision-hero .kb-word-light::after{animation:none!important}.precision-piece{transform:none!important;transition:none!important}}#hero.kb-precision-hero .kb-material-art::after{transition:opacity .25s ease .8s}#hero.kb-precision-hero .is-material-hovering .kb-material-art::after{opacity:0;transition:opacity .12s ease}html[data-hero-handoff] #hero.kb-precision-hero .kb-word-light::after,html[data-hero-handoff] #hero.kb-precision-hero .kb-material-art::after{opacity:0;transition:none}@media (max-width:720px) and (max-height:620px){#hero.kb-precision-hero{--kb-stage-height:15rem;--kb-art-size:7rem}}.keybridge-loader .kb-material-loader>.kb-material-svg{width:100%;height:100%;margin:0;inset:0}#hero.kb-precision-hero>.hero-grid{height:auto;min-height:100svh;min-height:100dvh}#hero.kb-precision-hero .hcell--name{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:3%;align-items:center;min-height:0;flex:1 0 auto;padding:clamp(9rem,20svh,12rem) 5% 2rem;direction:ltr}#hero.kb-precision-hero .kb-particle-field,#hero.kb-precision-hero .kb-particle-field.is-particles-static{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;max-width:30rem;justify-self:center;grid-column:1;grid-row:1}#hero.kb-precision-hero .hero-inner{grid-column:2;grid-row:1;align-self:center}#hero.kb-precision-hero .hcell--panels{margin-top:auto}#hero.kb-precision-hero .kb-word-light{filter:drop-shadow(0 2px 0 #062a29) drop-shadow(0 8px 12px #001b1c66)}#hero.kb-precision-hero .kb-word-light::after{opacity:1;animation-duration:5s;background-image:linear-gradient(110deg,transparent 25%,#ffffff 44%,#b0e7d880 50%,transparent 66%)}#hero.kb-precision-hero .kb-word-light::before{content:"";position:absolute;inset:-1px;pointer-events:none;opacity:var(--kb-pointer-light,0);background:radial-gradient(ellipse at var(--kb-light-x,50%) 50%,#fff 0%,#c5fff3aa 12%,transparent 40%);mask:url(../img/brand/keybridge-kb-hero-wordmark.svg) center/100% 100% no-repeat;-webkit-mask:url(../img/brand/keybridge-kb-hero-wordmark.svg) center/100% 100% no-repeat;mix-blend-mode:screen;transition:opacity .25s}html[data-hero-handoff] #hero.kb-precision-hero .kb-word-light::before{opacity:0}@media (hover:hover) and (pointer:fine) and (min-width:721px){#hero.kb-precision-hero .is-material-hovering [data-kb-piece=stem]{--kb-hover-x:-22px}#hero.kb-precision-hero .is-material-hovering [data-kb-piece=arm]{--kb-hover-y:-25px}#hero.kb-precision-hero .is-material-hovering [data-kb-piece=b]{--kb-hover-x:25px}}@media (max-width:720px){#hero.kb-precision-hero .hcell--name{display:flex;flex-direction:column;justify-content:center;gap:clamp(.75rem,2svh,1.5rem);padding:5.5rem 1.25rem 1.25rem;flex:1 0 auto;min-height:0}#hero.kb-precision-hero .kb-particle-field,#hero.kb-precision-hero .kb-particle-field.is-particles-static{width:clamp(7rem,calc(100svh - 30rem),min(65vw,21rem));height:clamp(7rem,calc(100svh - 30rem),min(65vw,21rem));flex:0 0 auto;max-width:none;top:auto;left:auto;right:auto}#hero.kb-precision-hero .hero-inner{flex:0 0 auto;width:100%}#hero.kb-precision-hero .hcell--panels{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}#hero.kb-precision-hero .hpanel--one{padding:1rem 1.25rem;gap:1rem}#hero.kb-precision-hero .hp-foot{gap:.8rem}}@media (max-width:720px) and (max-height:640px){#hero.kb-precision-hero .hcell--name{padding-top:4.75rem;padding-bottom:.75rem;gap:.4rem}#hero.kb-precision-hero .hpanel--one{gap:.7rem;padding:.9rem 1rem}#hero.kb-precision-hero .hp-motto{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){#hero.kb-precision-hero .kb-word-light::before{display:none}}@media (min-width:721px){#hero.kb-precision-hero .kb-particle-field,#hero.kb-precision-hero .kb-particle-field.is-particles-static{width:min(100%,max(10rem,calc(100svh - 32rem)));max-width:30rem}}@media (max-width:1023px),(hover:none),(pointer:coarse){#hero.kb-precision-hero,#hero.kb-precision-hero>.hero-grid{min-height:100svh}#hero.kb-precision-hero[data-hero-overlap]{position:relative;top:0}.keybridge-hero~.after-hero .rec-grid{padding-top:2rem}}@media (hover:none),(pointer:coarse){#hero.kb-precision-hero .kb-material-art{animation:none;transform:none}}