/* CAPSULE_STUDIO_FIRST_NAV */
header #primaryNav a.nav-cta-studio {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 9px 15px !important;
  background: #cf7042 !important;
  border: 1px solid #cf7042 !important;
  border-radius: 5px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 5px 16px rgba(207, 112, 66, 0.28) !important;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease !important;
}

header #primaryNav > ul > li:first-child {
  margin-right: 7px;
}

header #primaryNav a.nav-cta-studio:hover {
  background: #b85f37 !important;
  border-color: #b85f37 !important;
  color: #ffffff !important;
  box-shadow: 0 7px 20px rgba(184, 95, 55, 0.34) !important;
  transform: translateY(-1px);
}

header #primaryNav a.nav-cta-studio:focus-visible {
  outline: 3px solid rgba(207, 112, 66, 0.38) !important;
  outline-offset: 3px !important;
}

header #primaryNav .nav-cta-studio .nav-cta-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background: #ffffff !important;
}

header #primaryNav .nav-cta-studio .nav-cta-badge img {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  object-fit: contain !important;
}

@media (max-width: 980px) {
  header #primaryNav > ul > li:first-child {
    width: 100% !important;
    margin: 0 0 10px !important;
  }

  header #primaryNav a.nav-cta-studio {
    width: 100% !important;
    min-height: 50px !important;
    padding: 12px 16px !important;
  }
}