/* THEDOLD — Stage 21: decorative watermark alignment only.
 * Restore exact Stage 17 hero grid/typography (styles.css is unchanged).
 * RU and Global artwork share the same canvas; panel masks their right sides.
 * Designed for wide desktop. Nothing is inserted into the interactive form.
 */
@media (min-width: 1360px) {
  .hero-inner { isolation:isolate; }
  .hero-inner > .intro { position:relative; z-index:1; }
  .hero-inner > .exchange { position:relative; z-index:2; }
  .hero-inner::before {
    content:"";
    position:absolute;
    pointer-events:none;
    z-index:0;
    width:348px;
    height:365px;
    /* Anchor at the real Stage 17 panel's left edge: right padding (25px)
       + exchange width (480px), minus 136px peeking outward. */
    right:calc(25px + 480px - 136px);
    top:50%;
    transform:translateY(-50%);
    background:url("assets/hero/ru-crypto-glass.svg") center/contain no-repeat;
    opacity:.36;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 13%,black 28%,black 91%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 13%,black 28%,black 91%,transparent 100%);
  }
  html[data-market="global"] .hero-inner::before {
    background-image:url("assets/hero/global-glass.svg");
    opacity:.43;
  }
  /* Slightly nudge only the upper identity, not navigation or hero grid. */
  .header .brand { transform: translateX(-12px); }
}
@media (min-width: 1360px) and (max-width: 1450px) {
  /* Same peek relative to the panel: keep all text on the untouched Stage 17 grid. */
  .hero-inner::before { right:calc(25px + 480px - 127px); width:338px; }
}
@media (max-width: 1359px) {
  /* On narrower viewports, preserve the entire Stage 17 layout without overlays. */
  .hero-inner::before { content:none !important; }
}
@media (min-width:1360px) {
  html[data-theme="dark"] .hero-inner::before { opacity:.27; }
  html[data-theme="dark"][data-market="global"] .hero-inner::before { opacity:.31; }
}