/* X112 V6.9.1 — FINAL LAYOUT */

/* ===== HEADER ===== */
body > .topbar{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:76px!important;
  min-height:76px!important;
  padding:0 4.5vw!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  overflow:visible!important;
  z-index:1000!important;
  background:#061925!important;
  color:#fff!important;
}

body > .topbar .brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 220px!important;
  width:220px!important;
  min-width:220px!important;
  margin:0!important;
  padding:0!important;
}

body > .topbar .brand-logo{
  display:block!important;
  width:220px!important;
  max-width:220px!important;
  height:auto!important;
  margin:0!important;
}

body > .topbar nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  margin:0 auto!important;
}

body > .topbar .top-cta{
  flex:0 0 auto!important;
  margin-left:28px!important;
}

/* ===== HOMEPAGE ===== */
body .hero{
  position:relative!important;
}

body .hero .hero-copy{
  position:absolute!important;
  left:6vw!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:min(720px,48vw)!important;
  max-width:720px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  z-index:5!important;
}

/* ===== EXPERTISE ===== */
body .subhero.expertise-subhero{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:620px!important;
  height:620px!important;
  padding:0 6vw!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

body .subhero.expertise-subhero > div{
  position:relative!important;
  inset:auto!important;
  width:min(720px,52vw)!important;
  max-width:720px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  z-index:5!important;
}

body .subhero.expertise-subhero h1{
  margin:18px 0 28px!important;
}

/* ===== TABLET ===== */
@media(max-width:1180px){
  body > .topbar{
    padding-left:28px!important;
    padding-right:28px!important;
  }

  body > .topbar .brand{
    flex-basis:195px!important;
    width:195px!important;
    min-width:195px!important;
  }

  body > .topbar .brand-logo{
    width:195px!important;
    max-width:195px!important;
  }

  body > .topbar nav{
    gap:18px!important;
  }
}

/* ===== MOBILE ===== */
@media(max-width:980px){
  body > .topbar{
    height:66px!important;
    min-height:66px!important;
    padding:0 20px!important;
  }

  body > .topbar .brand{
    flex-basis:190px!important;
    width:190px!important;
    min-width:190px!important;
  }

  body > .topbar .brand-logo{
    width:190px!important;
    max-width:190px!important;
  }

  body > .topbar nav,
  body > .topbar .top-cta{
    display:none!important;
  }
}

@media(max-width:700px){
  body .hero .hero-copy{
    left:24px!important;
    right:24px!important;
    width:auto!important;
    max-width:none!important;
  }

  body .subhero.expertise-subhero{
    min-height:590px!important;
    height:590px!important;
    padding:0 24px!important;
  }

  body .subhero.expertise-subhero > div{
    width:100%!important;
    max-width:100%!important;
  }
}

body .subhero.expertise-subhero{
  background:
    linear-gradient(90deg,rgba(4,19,31,.88) 0%,rgba(4,19,31,.62) 38%,rgba(4,19,31,.16) 72%,rgba(4,19,31,.04) 100%),
    url('/x112-expertise-hero-v691.png') center 52%/cover no-repeat!important;
}