/* MELOVIQ_AURORA_REFERENCE_VISIBLE_20261106
 * Approved reference #2 artwork. Deliberately independent of ultrawide layout.
 * 1500 CSS px supports OS/browser scaling on 2576-physical-pixel monitors.
 * Zero layout, player, typography or navigation modifications.
 */
@media (min-width: 1500px) {
  body:has(main .archive-home-hero) {
    background-color: #0b0e16;
    background-image:
      radial-gradient(ellipse 27vw 26vw at 0% 39%, rgba(20, 79, 132, .065), transparent 78%),
      radial-gradient(ellipse 26vw 28vw at 100% 46%, rgba(105, 51, 181, .065), transparent 78%);
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  body:has(main .archive-home-hero)::before,
  body:has(main .archive-home-hero)::after {
    content: "";
    pointer-events: none;
    position: fixed;
    top: 11vh;
    width: min(27vw, 660px);
    height: 66vh;
    max-height: 560px;
    background-image: url("/assets/meloviq-aurora-concept2-sides.webp");
    background-repeat: no-repeat;
    background-size: 200% 100%;
    opacity: 1;
    z-index: 0;
  }
  body:has(main .archive-home-hero)::before {
    left: 0;
    background-position: left center;
  }
  body:has(main .archive-home-hero)::after {
    right: 0;
    background-position: right center;
  }
  body:has(main .archive-home-hero) #root {
    position: relative;
    z-index: 1;
  }
}
@media (prefers-reduced-transparency: reduce) {
  body:has(main .archive-home-hero)::before,
  body:has(main .archive-home-hero)::after { opacity: .6; }
}