/* RWAVAULT — hero background: Liquid Metal WebGL shader (paper-design).
   Replaces the old silhouette/light-beam video with a full-bleed
   liquid-metal field, mounted by /assets/liquid-metal-bg.js. */

/* kill the old video entirely */
.xero-hero-video-bg video { display: none !important; }

/* header logo (transparent white R) — keep it visible, sized cleanly */
.xero-logo-img { object-fit: contain !important; }

/* hide the CA (contract address) button until re-enabled */
.xero-ca { display: none !important; }

/* remove Telegram everywhere (any t.me link + its icon) */
a[href*="t.me/"],
a[href^="https://t.me"],
img[src*="telegram"] { display: none !important; }

/* dark base so shader edges blend into the page */
.xero-hero-video-bg {
  background: #07070b !important;
}

/* WebGL canvas host — the bottom layer, fills the hero */
.xero-hero-video-bg .xero-lm-mount {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.xero-hero-video-bg .xero-lm-mount canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

/* drop the old grid/tint layer, we don't need it over the shader */
.xero-hero-video-bg .xero-hero-video-tint { display: none !important; }

/* readability veil above the shader: soft center dim + strong bottom fade
   so the white headline, sub-copy and CTAs stay legible */
.xero-hero-video-bg .xero-hero-video-veil {
  display: block !important;
  z-index: 2 !important;
  background:
    /* soft scrim only behind the text block so the white headline stays legible */
    radial-gradient(52% 42% at 50% 48%, rgba(7, 7, 11, 0.42) 0 24%, transparent 74%),
    /* gentle bottom fade so the silver metal blends into the dark page below */
    linear-gradient(180deg, transparent 0 58%, rgba(7, 7, 11, 0.55) 82%, rgba(7, 7, 11, 0.96) 100%) !important;
}
