/* Shared homepage/contact navigation. All rules stay inside the opted-in header. */
header.emo-unified-header {
  --emo-header-gutter:clamp(24px,4.7vw,80px);
  position:sticky;
  top:0;
  z-index:40;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  border-bottom:1px solid #49382c;
  background:rgba(16,14,12,.96);
  color:#f7efe7;
  font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
  letter-spacing:normal;
  text-transform:none;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  box-shadow:none;
  text-shadow:none;
}

header.emo-unified-header,
header.emo-unified-header *,
header.emo-unified-header *::before,
header.emo-unified-header *::after {box-sizing:border-box}

header.emo-unified-header [hidden] {display:none!important}

header.emo-unified-header :is(a,button) {
  font-family:inherit;
  letter-spacing:normal;
  text-transform:none;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}

header.emo-unified-header :is(a,button):focus-visible {
  outline:3px solid #ffb67c;
  outline-offset:5px;
}

header.emo-unified-header .header-inner {
  width:min(100% - var(--emo-header-gutter)*2,1240px);
  min-height:84px;
  margin:0 auto;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}

header.emo-unified-header .brand {
  display:inline-flex;
  align-items:center;
  flex:none;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
}

header.emo-unified-header .brand img {
  display:block;
  width:120px;
  max-width:100%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
}

header.emo-unified-header .primary-nav {
  display:flex;
  align-items:center;
  gap:30px;
  margin:0;
  padding:0;
  font-size:13px;
  font-weight:550;
  line-height:normal;
}

header.emo-unified-header .primary-nav>a:not(.button) {
  display:block;
  flex:none;
  margin:0;
  padding:16px 0;
  border:0;
  background:transparent;
  color:#f7efe7;
  font-size:13px;
  font-weight:550;
  line-height:normal;
  white-space:nowrap;
  transition:color .18s;
}

header.emo-unified-header .primary-nav>a:not(.button):hover {color:#ff9b57}
header.emo-unified-header .primary-nav>a.nav-account {margin-left:36px}

header.emo-unified-header .menu-toggle {
  display:none;
  width:44px;
  height:44px;
  flex:none;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  margin:0;
  padding:0;
  border:1px solid #49382c;
  border-radius:50%;
  background:transparent;
  color:#f7efe7;
  font:inherit;
  cursor:pointer;
  appearance:none;
}

header.emo-unified-header .menu-toggle span {
  display:block;
  width:17px;
  height:1.5px;
  background:#f7efe7;
  transition:transform .2s;
}

header.emo-unified-header .menu-toggle[aria-expanded=true] span:first-child {transform:translateY(3.75px) rotate(45deg)}
header.emo-unified-header .menu-toggle[aria-expanded=true] span:last-child {transform:translateY(-3.75px) rotate(-45deg)}

header.emo-unified-header .primary-nav>.button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  flex:none;
  min-height:42px;
  gap:16px;
  margin:0;
  padding:11px 17px;
  border:1px solid transparent;
  border-radius:6px;
  background:#ff9b57;
  color:#211207;
  font-size:12px;
  font-weight:650;
  line-height:1.35;
  white-space:nowrap;
  transition:background .18s,transform .18s;
}

header.emo-unified-header .primary-nav>.button:hover {
  background:#ffb67c;
  color:#211207;
  transform:translateY(-2px);
}

header.emo-unified-header .button .icon {
  display:block;
  width:17px;
  height:17px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:1100px) {
  header.emo-unified-header .header-inner {gap:20px}
  header.emo-unified-header .primary-nav {gap:12px}
  header.emo-unified-header .primary-nav>a.nav-account {margin-left:0}
}

@media(max-width:859px) {
  header.emo-unified-header {--emo-header-gutter:32px}
  header.emo-unified-header .header-inner {min-height:74px;flex-wrap:wrap}
  header.emo-unified-header .brand img {width:108px}
  .js header.emo-unified-header .menu-toggle,
  header.emo-unified-header[data-emo-react-header] .menu-toggle {display:flex}
  header.emo-unified-header .primary-nav {
    width:100%;
    flex-wrap:wrap;
    gap:12px 25px;
    padding-bottom:20px;
  }
  header.emo-unified-header .primary-nav>a:not(.button) {padding-block:8px}
  .js header.emo-unified-header .primary-nav,
  header.emo-unified-header[data-emo-react-header] .primary-nav {
    position:absolute;
    top:73px;
    left:0;
    right:0;
    display:grid;
    width:100%;
    max-height:calc(100vh - 74px);
    max-height:calc(100dvh - 74px);
    overflow-y:auto;
    overscroll-behavior:contain;
    gap:0;
    padding:14px var(--emo-header-gutter) 26px;
    background:#100e0c;
    border-bottom:1px solid #49382c;
    box-shadow:0 22px 35px -35px rgba(0,0,0,.5);
  }
  .js header.emo-unified-header .primary-nav>a:not(.button),
  header.emo-unified-header[data-emo-react-header] .primary-nav>a:not(.button) {
    padding-block:14px;
    border-bottom:1px solid #49382c;
    font-size:14px;
  }
  .js header.emo-unified-header .primary-nav>.button,
  header.emo-unified-header[data-emo-react-header] .primary-nav>.button {
    justify-self:start;
    margin-top:19px;
  }
}

@media(max-width:599px) {
  header.emo-unified-header {--emo-header-gutter:24px}
  header.emo-unified-header .header-inner {min-height:68px}
  header.emo-unified-header .brand img {width:100px}
  .js header.emo-unified-header .primary-nav,
  header.emo-unified-header[data-emo-react-header] .primary-nav {
    top:67px;
    max-height:calc(100vh - 68px);
    max-height:calc(100dvh - 68px);
  }
}

@media(max-width:359px) {
  header.emo-unified-header {--emo-header-gutter:20px}
}

@media(prefers-reduced-motion:reduce) {
  header.emo-unified-header *,
  header.emo-unified-header *::before,
  header.emo-unified-header *::after {animation:none!important;transition:none!important}
  header.emo-unified-header .primary-nav>.button:hover {transform:none}
}