/* godseye brand overrides */

/* Hide the default logo img and background — MyEyes + globe replace it */
#logo-banner img {
    display: none;
}
#logo-banner {
    background-image: none;
    border-radius: 0;
    width: 100%;
    max-width: none;
    margin: 0;
}

/* Globe hero container */
#godseye-hero {
    position: relative;
    width: min(90vw, 45vh);
    max-width: 500px;
    aspect-ratio: 1;
    overflow: hidden;
    margin: auto auto 0 auto;
}

/* Ensure MyEyes layer fills the hero */
#godseye-hero #logo-banner,
#godseye-hero [data-xeyes] {
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Globe canvas sits on top */
#godseye-hero canvas {
    z-index: 2;
    pointer-events: none;
}