.header-inner{
  gap:16px;
}

.brand{
  width:220px;
  flex:0 0 220px;
}

.header-company-name{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  white-space:nowrap;
  color:#0b2d66;
  line-height:1.05;
}

.header-company-main{
  display:block;
  font-size:28px;
  font-weight:900;
  letter-spacing:.01em;
}

.header-company-sub{
  display:block;
  margin-top:4px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
}

.nav{
  margin-left:auto;
  margin-right:64px;
  transform:translateX(-64px);
  font-size:13px;
}

.nav a{
  padding:8px 9px;
}

/* Hero: shorter height and upper-quarter crop */
.hero{
  min-height:260px;
  background-position:center 75%;
}

.hero-inner{
  min-height:260px;
  padding:28px 0;
}

/* Hero headline: keep it on one line */
.hero-copy{
  width:max-content;
  max-width:none;
}

.hero-copy h1{
  white-space:nowrap;
  font-size:clamp(34px,4.2vw,72px);
  letter-spacing:-.04em;
}

@media(max-width:1350px){
  .header-company-main{
    font-size:24px;
  }
  .header-company-sub{
    font-size:12px;
  }
  .brand{
    width:200px;
    flex-basis:200px;
  }
  .nav{
    margin-right:32px;
    transform:translateX(-32px);
  }
}

@media(max-width:1180px){
  .header-company-main{
    font-size:22px;
  }
  .header-company-sub{
    font-size:11px;
  }
  .hero-copy h1{
    font-size:clamp(32px,5vw,54px);
  }
  .nav{
    margin-right:0;
    transform:none;
  }
}

@media(max-width:700px){
  .header-inner{
    gap:10px;
  }
  .brand{
    width:150px;
    flex-basis:150px;
  }
  .header-company-name{
    max-width:150px;
    white-space:normal;
  }
  .header-company-main{
    font-size:17px;
  }
  .header-company-sub{
    margin-top:2px;
    font-size:9px;
    line-height:1.25;
  }
  .hero-copy h1{
    font-size:clamp(25px,7vw,38px);
  }
}