/* The complete original logo, enlarged and softly blended into the site banner.
   Only its empty outer margins leave the viewport; the artwork is unchanged. */
.site-header {
  background: linear-gradient(110deg, #0c131b, #11171b 48%);
  border-bottom-color: #d8b56c38;
}
.site-header .header-inner { height: 128px; }
.site-header .brand-banner { gap: 14px; }
.site-header .brand-banner .brand-logo {
  display: block;
  position: relative;
  width: 128px;
  height: 120px;
  flex: 0 0 128px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent), linear-gradient(180deg, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent), linear-gradient(180deg, transparent, #000 4%, #000 96%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.site-header .brand-banner .brand-logo img {
  position: absolute;
  width: 168px;
  height: 168px;
  max-width: none;
  left: -20px;
  top: -22px;
  object-fit: contain;
}
.site-header .brand-banner .brand-descriptor {
  display: block;
  border-left: 1px solid #d8b56c55;
  padding: 3px 0 3px 17px;
  color: #d5d4cc;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .10em;
  text-transform: uppercase;
  line-height: 1.8;
}
html { scroll-padding-top: 145px; }
.sector-story { scroll-margin-top: 130px; }
@media (max-width: 1060px) {
  .site-header .brand-banner { gap: 7px; }
  .site-header .brand-banner .brand-descriptor { font-size: 8px; padding-left: 12px; }
}
@media (max-width: 900px) {
  .site-header .nav { max-height: calc(100dvh - 128px); }
  .site-header .brand-banner { gap: 18px; }
  .site-header .brand-banner .brand-descriptor { font-size: 10px; padding-left: 18px; }
  .no-js .site-header .header-inner { height: auto; }
  .no-js .site-header .nav { max-height: none; }
}
@media (max-width: 650px) {
  .site-header .header-inner { height: 110px; }
  .site-header .brand-banner { gap: 0; }
  .site-header .brand-banner .brand-descriptor { display: none; }
  .site-header .brand-banner .brand-logo { width: 112px; height: 106px; flex-basis: 112px; }
  .site-header .brand-banner .brand-logo img { width: 148px; height: 148px; left: -18px; top: -18px; }
  .site-header .nav { max-height: calc(100dvh - 110px); }
  html { scroll-padding-top: 126px; }
  .sector-story { scroll-margin-top: 114px; }
}
@media (max-width: 360px) {
  .site-header .header-inner { height: 104px; }
  .site-header .brand-banner .brand-logo { width: 106px; height: 98px; flex-basis: 106px; }
  .site-header .brand-banner .brand-logo img { width: 136px; height: 136px; left: -15px; top: -16px; }
  .site-header .nav { max-height: calc(100dvh - 104px); }
}