/* Brand consistency + performance overrides */
.footer .logo{align-items:flex-start!important}.footer .logo-text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;flex:none!important;line-height:1!important}.footer .logo-text b,.footer .logo-text small{display:block!important;white-space:nowrap!important;line-height:1.05!important}
@media(max-width:640px){.footer .logo-text b{font-size:15px!important}.footer .logo-text small{font-size:9px!important;letter-spacing:3px!important}}
img[alt="Electrical Works service"]{content:url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=700&q=50")!important;object-fit:cover!important}
img[alt="Safety & Security service"]{content:url("https://www.buchen-group.be/fileadmin/_processed_/6/1/csm_BUCHEN-_DSC4125-2-FINAL_teaser_033546d692.webp")!important;object-fit:cover!important}
.hero-bg{background-image:linear-gradient(90deg,rgba(10,17,40,.97) 10%,rgba(10,17,40,.8) 46%,rgba(10,17,40,.28)),url('https://images.unsplash.com/photo-1508450859948-4e04fabaa4ea?auto=format&fit=crop&w=900&q=50')!important}
@media(max-width:640px){.hero-bg{background-image:linear-gradient(90deg,rgba(10,17,40,.97) 10%,rgba(10,17,40,.82) 46%,rgba(10,17,40,.35)),url('https://images.unsplash.com/photo-1508450859948-4e04fabaa4ea?auto=format&fit=crop&w=480&q=40')!important}}
/* Keep the main navigation permanently visible above the page content. */
.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;transform:translateZ(0);background:rgba(10,17,40,.97)!important}
.site-header .nav-wrap{position:relative;z-index:1001}
@media(max-width:800px){.site-header{height:70px!important}.nav-links{z-index:1002!important}}
@media(max-width:420px){.site-header{height:64px!important}}
/* Reduce expensive mobile rendering work. */
@media(max-width:800px){.site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hero:after{display:none!important}.hero-copy{animation:none!important}.cap-card img,.supply-card-image img,.service-image img{transition:none!important}.cap-card:hover img,.supply-card:hover .supply-card-image img,.service-image:hover .service-image img{transform:none!important}.section,.page-intro,.cta{content-visibility:auto;contain-intrinsic-size:600px}.cap-card,.supply-card,.service-row{contain:layout paint}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.footer [data-testid="footer-address"]{margin-bottom:0!important}.footer [data-testid="footer-address"]::after{content:"CEO  |  Muhammad Boota";display:block;width:fit-content;margin-top:9px;padding:6px 12px 6px 10px;border-left:3px solid var(--amber);background:rgba(244,162,97,.07);border-radius:0 5px 5px 0;color:#fff;font:800 12px/1.2 Chivo,sans-serif;letter-spacing:.04em}@media(max-width:640px){.footer [data-testid="footer-address"]::after{font-size:11px;padding:6px 10px 6px 9px}}

/* Critical homepage hero styles — prevent flash of the previous layout before App.css loads. */
.hero{min-height:720px!important;color:#fff!important;position:relative!important;overflow:hidden!important;background:var(--navy)!important}
.hero-bg{background-image:linear-gradient(90deg,rgba(7,12,27,.97) 8%,rgba(7,12,27,.88) 44%,rgba(7,12,27,.48) 72%,rgba(7,12,27,.30) 100%),url('https://images.unsplash.com/photo-1508450859948-4e04fabaa4ea?auto=format&fit=crop&w=900&q=50')!important;background-position:center!important;background-size:cover!important}
.hero h1{font-size:clamp(34px,4vw,52px)!important;line-height:1.04!important;letter-spacing:-.048em!important;max-width:720px!important;margin:34px 0 16px!important}
.hero p{max-width:680px!important;font-size:17px!important;line-height:1.75!important;color:#ccd5df!important}
.hero-copy{max-width:780px!important}
.hero-actions{margin-top:28px!important}
.hero-note{right:28px!important;bottom:92px!important;min-width:235px!important;padding:17px 18px 18px!important;border:1px solid rgba(244,162,97,.28)!important;border-left:3px solid var(--amber)!important;background:rgba(7,12,27,.58)!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important}
.hero-note span:first-child{color:var(--amber)!important;font:700 30px/1 Chivo,sans-serif!important}
.hero-note span:last-child{color:#d7dee6!important;font-size:9px!important;line-height:1.6!important;letter-spacing:.16em!important}
.hero-scroll{bottom:30px!important;font-size:9px!important}
@media(max-width:800px){
  .hero,.hero-content{min-height:660px!important}
  .hero h1{font-size:38px!important;line-height:1.06!important}
  .hero p{font-size:14px!important;line-height:1.7!important}
  .hero-note{display:none!important}
}
@media(max-width:480px){
  .hero h1{font-size:34px!important}
  .hero p{font-size:13.5px!important}
}

/* HOMEPAGE HERO WIDTH + CTA POSITION */
.hero-copy{max-width:880px}
.hero h1{max-width:860px}
.hero p{max-width:820px}
.hero-actions{margin-top:30px;transform:translateY(48px)}
@media(max-width:800px){
  .hero-copy{max-width:100%}
  .hero h1{max-width:100%}
  .hero p{max-width:100%}
  .hero-actions{transform:translateY(24px)}
}