/* Performance layer: keep content usable even before JavaScript. */
#preloader{display:none!important;pointer-events:none!important}
.jarallax{position:relative;isolation:isolate}
.jarallax>.jarallax-img{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}
.promo-sec{background-image:url('../images/inner-page-machining-banner.perf.webp')!important}
.sec-title,.fadeInUp{transition:opacity .5s ease,transform .5s cubic-bezier(.2,.65,.3,1)}
.reveal-pending{opacity:0;transform:translateY(18px)}
.hero-slider2 .slide-content>*{opacity:1!important;transform:none!important}
.hero-slider2 .swiper-slide-active .slide-content{animation:hero-entrance .55s ease both}
@keyframes hero-entrance{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.header-nav-wrapper{transition:background-color .2s ease,box-shadow .2s ease}
.footer-widgets:before{backdrop-filter:none!important}
@media(max-width:767.98px){.anim-img{animation:none!important;will-change:auto!important}.slide-content .heading-sub{backdrop-filter:none!important}.jarallax{background-attachment:scroll!important}}
@media(prefers-reduced-motion:reduce){.sec-title,.fadeInUp,.reveal-pending{opacity:1!important;transform:none!important;transition:none!important}.hero-slider2 .slide-content,.anim-img{animation:none!important}.swiper-wrapper{transition-duration:0ms!important}}

/* Slightly larger black and white brand marks across the shared layout. */
.header .navbar-brand > img{width:220px!important;height:auto!important;object-fit:contain}
.header.header-2 .navbar-brand > img{width:175px!important}
.footer .f-logo img{width:260px!important;max-width:100%;height:auto!important}
.canvas-menu .logo img{width:205px!important;max-width:205px!important;height:auto}
.header .offcanvas-nav .offcanvas-header img{width:215px!important;max-width:100%;height:auto}
@media(max-width:767.98px){
 .header .navbar-brand > img{width:175px!important}
 .header.header-2 .navbar-brand > img{width:145px!important}
 .canvas-menu .logo img{width:190px!important;max-width:190px!important}
 .header .offcanvas-nav .offcanvas-header img{width:205px!important}
 .footer .f-logo img{width:225px!important}
}

@media(min-width:768px){.header:not(.header-2) .navbar-brand>img{transform:translateX(-12px)}}