/* APW Hero + page overflow + desktop header fit */
html, body{
  overflow-x:hidden !important;
}

.hero{
  min-height:0 !important;
  height:47.37vw !important;
  aspect-ratio:1900 / 900;
  background-image:url('assets/hero-apw-final.png') !important;
  background-position:center center !important;
  background-size:100% 100% !important;
  background-repeat:no-repeat !important;
}

/* Keep the complete navigation inside the viewport */
.header .nav{
  width:min(1240px, calc(100% - 32px)) !important;
  max-width:1240px !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
}

.header .brand{
  flex:0 0 auto !important;
  margin-right:0 !important;
}

.header .menu{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:10px !important;
}

.header .menu a{
  white-space:nowrap !important;
  font-size:12px !important;
}

.header .nav-cta{
  flex:0 0 120px !important;
  width:120px !important;
  text-align:center !important;
  white-space:normal !important;
  margin-left:4px !important;
}