/* Artemis Vault identity; the original Framer animation and markup stay intact. */
a[data-artemis-brand="true"] {
  display:inline-flex!important; align-items:center!important; flex:none!important;
  width:auto!important; min-width:0!important; gap:0!important;
  overflow:visible!important; color:#181a1a!important;
}
a[data-artemis-brand="true"] > * {display:none!important}
a[data-artemis-brand="true"]::before {
  content:""; display:block; flex:none; width:34px; height:30px;
  background-color:currentColor!important;
  -webkit-mask:url('/artemis-mark.png') center / contain no-repeat;
  mask:url('/artemis-mark.png') center / contain no-repeat;
}
a[data-artemis-brand="true"]::after {content:none!important;display:none!important}
/* Determine contrast from the REAL navbar background, not the browser's dark theme. */
a[data-artemis-brand="true"][data-artemis-dark="true"] {color:#fff!important}
a[data-artemis-brand="true"][data-artemis-dark="false"] {color:#181a1a!important}
@media(max-width:700px) {
  a[data-artemis-brand="true"] {min-width:0!important;gap:0!important}
  a[data-artemis-brand="true"]::before {width:30px;height:28px}
  
}
/* The user wants the navbar to disappear as the page scrolls; hero remains untouched. */
body.artemis-nav-hidden nav[data-framer-name="Desktop"],
body.artemis-nav-hidden nav[data-framer-name="Tablet"],
body.artemis-nav-hidden nav[data-framer-name="Phone"] {
  opacity:0!important; visibility:hidden!important; pointer-events:none!important;
  transition:opacity 220ms ease,visibility 0s linear 220ms!important;
}
@media(prefers-reduced-motion:reduce) {
  body.artemis-nav-hidden nav[data-framer-name] {transition:none!important}
}