/* Earnessa v23.12 — section-aware mobile header and high-definition emblem */

/* Keep the existing orbit geometry intact; only center and gently enlarge the emblem. */
.visual-core {
  align-items: center !important;
  justify-content: center !important;
}

.visual-emblem {
  width: 114px !important;
  height: 114px !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  image-rendering: auto !important;
  transform: none !important;
  filter: none !important;
}

/* Keep the compact switch clear of the now perfectly centred emblem. */
.orbit-toggle {
  bottom: -8px !important;
}

@media (max-width: 720px) {
  .visual-emblem {
    width: 100px !important;
    height: 100px !important;
    transform: none !important;
  }

  /*
    The header never leaves the layout. Only its composited opacity changes,
    so crossing the hero-title threshold cannot resize or reflow the page.
  */
  body.is-authenticated .site-header {
    opacity: 1 !important;
    transition: opacity 110ms linear !important;
    will-change: opacity;
  }

  body.is-authenticated .site-header.is-mobile-concealed {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }
}

@media (max-width: 360px) {
  .visual-emblem {
    width: 94px !important;
    height: 94px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.is-authenticated .site-header {
    transition: none !important;
  }
}