/* Website identity based on the supplied Bnaero brand VI manual, pp. 9-30. */
:root{
  --blue:#00A0CA;
  --ink:#2A2421;
  --muted:#5B5957;
  --line:#DCDDDE;
  --serif:"HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --sans:"HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
body{color:var(--ink);font-family:var(--sans)}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.02em}
.brand{min-height:44px;display:inline-flex;align-items:center;flex:0 0 auto}
.brand picture,.brand img{display:block}
.brand img{width:263px;height:40px;object-fit:contain;object-position:left center}
.editorial-footer .brand img{width:240px;height:37px}
.nav-cta{border-color:var(--blue);color:#007D9D}
.nav-cta:hover{border-color:var(--ink);color:var(--ink);background:#fff}
.primary-link{background:var(--blue);color:var(--ink);font-weight:600}
.primary-link:hover{background:#007E9F;color:#fff}
.underlined-link{border-color:var(--blue);color:#007D9D}
.underlined-link:hover{color:var(--ink);border-color:var(--ink)}
.product-kicker,.service-label{color:#007D9D}
.menu,.family-nav a[aria-current],.product-section-heading>p,
.extension-grid span,.selection-grid span,.duct-choice>span,.duct-choice b,
.quality-route li:before,.quality-route aside>span,
.space-nav a,.space-product-links a,.company-three a,.company-phone{color:#007D9D}
.inquiry-section #inquiry>button{background:var(--blue);color:var(--ink);font-weight:600}
.inquiry-section #inquiry>button:hover{background:#007E9F;color:#fff}
.editorial-list a:hover{background:#EFF8FA}
.editorial-footer{border-top:1px solid var(--line)}
.company-hero,.quality-hero,.space-hero{position:relative}
.company-hero::after,.quality-hero::after,.space-hero::after{
  content:"";position:absolute;right:5.8%;bottom:34px;width:150px;height:70px;
  background:url('/assets/brand/vi-double-wave.svg') center/contain no-repeat;
  pointer-events:none;
}
@media(max-width:1200px){
  .editorial-header .brand img{width:238px;height:36px}
}
@media(max-width:600px){
  .editorial-header .brand img{width:238px;height:36px}
  .editorial-footer .brand img{width:238px;height:36px}
  .editorial-header{gap:12px}
  .company-hero::after,.quality-hero::after,.space-hero::after{display:none}
}
@media(max-width:340px){
  header .brand img{width:150px;height:43px}
  header{padding-left:16px;padding-right:16px}
}