/* Keep the header logo on the opening scene, then let the content take over. */
.homepage .site-header .wordmark{transition:opacity .22s,visibility .22s}
.homepage .site-header.hero-finished .wordmark{opacity:0;visibility:hidden;pointer-events:none}
.safeit-arrow{display:inline-grid!important;place-items:center;width:30px;height:30px;vertical-align:middle;border:0;background:transparent;color:inherit;flex:none;line-height:1}
.safeit-arrow svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pill .safeit-arrow{margin-block:-5px}.service-more .safeit-arrow{width:34px;height:34px}
.menu-toggle{-webkit-appearance:none;appearance:none}
.menu-toggle span{display:inline-block;position:relative;width:18px;height:16px;font-size:0;vertical-align:middle;margin-left:8px}
.menu-toggle span:before,.menu-toggle span:after{content:'';position:absolute;height:1.5px;background:currentColor;left:0;right:0;border-radius:2px;transition:transform .2s}
.menu-toggle span:before{top:4px}.menu-toggle span:after{bottom:4px;left:5px}
.menu-toggle[aria-expanded=true] span:before{transform:translateY(3px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:after{left:0;transform:translateY(-3.5px) rotate(-45deg)}
.manufacturer-window{touch-action:pan-y}
@media(max-width:360px){.service-caption h2,.service-caption h3{font-size:18px}}
@media(max-width:760px),(max-width:1000px) and (orientation:portrait),(max-width:1000px) and (max-height:500px){
 .back-link{display:inline-flex;align-items:center;gap:10px}
 .project-workstation-mode{height:420svh}
 .project-workstation-mode .project-sticky{height:100svh;min-height:0;overflow:clip;padding-top:90px}
 .project-workstation-mode .project-steps{flex:1 1 auto;justify-content:center;min-height:0}
 .project-workstation-mode .project-steps h3{overflow-wrap:normal;hyphens:none}
 .project-workstation-mode .project-heading,.project-workstation-mode .project-steps{opacity:1}
 .project-mobile-contact{position:relative;overflow:clip;background:#f3f1e7}
 .project-mobile-contact .project-contact-panel{position:relative;inset:auto;display:block;height:auto;max-height:none;overflow:visible;transform:none!important;box-shadow:none;padding:70px 24px;will-change:auto}
 .project-mobile-contact .project-contact-panel>div{max-width:650px;margin-inline:auto}
 .project-mobile-contact .panel-people{grid-template-columns:1fr;gap:25px}
 .project-mobile-contact .panel-people a{padding-block:5px}
 .support-dot{display:none!important}
}
@media(max-width:760px) and (max-height:700px){
 .project-workstation-mode .project-sticky{padding:74px 20px 14px;gap:6px}
 .project-workstation-mode .project-heading h2{font-size:23px}
 .project-workstation-mode .project-workstation-media{height:20svh;min-height:75px;margin:0 -20px}
 .project-workstation-mode .project-steps li{padding:6px 0;gap:10px}
 .project-workstation-mode .project-steps h3{font-size:15px}
 .project-workstation-mode .project-steps p{font-size:12px;margin-top:4px}
}
@media(min-width:761px) and (max-width:1000px) and (max-height:500px){
 .project-workstation-mode .project-heading{top:84px;left:4%;width:50%}
 .project-workstation-mode .project-heading h2{font-size:23px}
 .project-workstation-mode .project-heading .eyebrow{margin-bottom:8px}
 .project-workstation-mode .project-steps{top:78px;bottom:12px;left:58%;right:4%}
 .project-workstation-mode .project-steps h3{font-size:14px}
 .project-workstation-mode .project-steps p{font-size:11px}
 .project-workstation-mode .project-workstation-media{inset:154px 43% 8px 0}
 .project-workstation-mode .project-workstation-media img,.project-workstation-mode .project-workstation-media video{width:156%}
}
@media(prefers-reduced-motion:reduce){
 .project-workstation-mode{height:auto}
 .project-workstation-mode .project-sticky{height:auto;overflow:visible}
 .project-workstation-mode .project-steps{flex:none}
 .project-workstation-mode .project-steps p{display:block}
 .homepage .site-header .wordmark{transition:none}
}