*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Readex Pro',system-ui,sans-serif;background:#121417;color:#121417;-webkit-font-smoothing:antialiased}
.site{max-width:1440px;margin:0 auto;box-shadow:0 0 0 100vmax #121417;clip-path:inset(0 -100vmax)}
a{color:#B93A14}a:hover{color:#8F2C0E}
img{max-width:100%}
summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}
.plus{transition:transform .2s}
#industries-menu a:hover{background:#2A2E35}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #E4572E;outline-offset:3px}
@media (max-width:1100px){
  .site section,.site nav,.site footer{padding-left:24px!important;padding-right:24px!important}
  .site section,.site section>div,.site footer{flex-direction:column!important;align-items:stretch!important}
  .site [style*="width: 560px"],.site [style*="width: 460px"],.site [style*="width: 440px"],.site [style*="width: 420px"],.site [style*="width: 360px"],.site [style*="width: 340px"],.site [style*="width: 640px"]{width:auto!important}
  .site [style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .site h1{font-size:52px!important;letter-spacing:-1.5px!important}
  .site h2{font-size:38px!important}
  .site nav{gap:16px!important}
  .site nav>div:first-of-type>a,.site nav>a[href="#contact"],.site nav>a[lang=ar]{display:none!important}
  .site nav img{width:110px!important}
  #industries-menu{width:92vw!important}
}
@media (max-width:640px){
  .site [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .site h1{font-size:40px!important}
  .site form{flex-direction:column}
}