/* ── DISERC homepage: external brand mark ──
   The navigation remains a clean standalone glass surface.
   The brand mark sits outside it and scales independently. */

body:has(.hero) .site-brand-outside {
  align-items: center;
  display: flex;
  height: 76px;
  justify-content: center;
  left: max(20px, calc((100vw - 1320px) / 2 - 112px));
  position: fixed;
  top: 8px;
  width: 76px;
  z-index: 120;
}

body:has(.hero) .site-brand-outside img {
  display: block;
  height: 68px;
  width: auto;
}

body:has(.hero) .site-brand-outside:hover img {
  filter: drop-shadow(0 8px 20px rgba(0,184,255,.18));
}

@media (max-width: 1100px) {
  body:has(.hero) .site-brand-outside {
    left: 18px;
    top: 10px;
  }

  body:has(.hero) .site-brand-outside img {
    height: 60px;
  }
}

@media (max-width: 760px) {
  /* Keep the brand completely outside the mobile menu surface. */
  body:has(.hero) .site-brand-outside {
    height: 58px;
    left: 14px;
    top: 8px;
    width: 58px;
  }

  body:has(.hero) .site-brand-outside img {
    height: 52px;
  }

  body:has(.hero) .nav {
    margin-top: 72px;
    top: 0;
  }
}

@media (max-width: 480px) {
  body:has(.hero) .site-brand-outside {
    left: 10px;
    top: 7px;
  }

  body:has(.hero) .nav {
    margin-top: 66px;
  }
}