/* One header: transparent on the home hero, regular full-width navigation on scroll. */
.site-header {
  inset: 0 0 auto;
  height: 102px;
  padding: 0 var(--gutter);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  box-shadow: none;
  backdrop-filter: none;
  transition: height .28s ease, background-color .28s ease, color .28s ease, box-shadow .28s ease;
}
.site-header .brand {width:116px; transition:width .28s ease}
.home-page .site-header:not(.is-scrolled) .brand img {filter:brightness(0) invert(1)}
.site-header .header-contact {
  border:1px solid #ffffff70;
  border-radius:999px;
  padding:12px 18px;
  gap:18px;
  background:#ffffff08;
  transition:background-color .28s ease, color .28s ease, border-color .28s ease;
}
.site-header .header-contact:hover {background:#fff; color:var(--ink)}
.site-header .header-label {opacity:.85}
.site-header.is-scrolled, .inner-page .site-header {
  inset:0 0 auto;
  height:76px;
  padding:0 var(--gutter);
  background:#fff;
  color:var(--ink);
  border:0;
  border-radius:0;
  box-shadow:0 1px 0 #11182715,0 4px 18px #11182705;
}
.site-header.is-scrolled .brand, .inner-page .site-header .brand {width:102px}
.site-header.is-scrolled .header-contact, .inner-page .site-header .header-contact {
  background:var(--ink);
  color:white;
  border-color:var(--ink);
}
.site-header.is-scrolled .header-contact:hover, .inner-page .site-header .header-contact:hover {background:var(--blue);border-color:var(--blue)}
.menu-open .site-header, .menu-open.inner-page .site-header {
  inset:0 0 auto;
  background:var(--navy);
  color:#fff;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.menu-open .site-header .brand img {filter:brightness(0) invert(1)}
.menu-open .site-header .header-contact {background:transparent;border-color:#ffffff60;color:#fff}
.hero .hero-background {animation:none;transform:none;translate:none;transition:none}
.hero-video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:65% center;
  pointer-events:none;
  opacity:0;
  transition:opacity .65s ease;
}
.hero-video.has-started {opacity:1}
.hero-video[hidden] {display:none}
@media(max-width:760px) {
  .site-header {height:84px;padding:0 24px;gap:14px}
  .site-header .brand {width:100px}
  .site-header .header-contact {font-size:10px;padding:10px 13px;gap:10px}
  .site-header .header-actions {gap:15px}
  .site-header.is-scrolled,.inner-page .site-header {height:66px;padding:0 24px}
  .site-header.is-scrolled .brand,.inner-page .site-header .brand {width:88px}
  .hero-video {object-position:61% center}
}
@media(max-width:380px) {
  .site-header,.site-header.is-scrolled,.inner-page .site-header {padding-left:20px;padding-right:20px}
  .site-header .brand {width:90px}
  .site-header .header-contact {padding:9px 11px;font-size:9px;gap:7px}
  .site-header .header-actions {gap:11px}
}
@media(prefers-reduced-motion:reduce) {
  .site-header,.site-header .brand,.site-header .header-contact,.hero-video {transition:none}
}