/* ARETÉ · Explore mobile contrast
   Keep the approved bust artwork visible; violet remains atmospheric, never a screen-filling panel. */

@media(max-width:850px){
  body,
  .page{
    background-color:#050407!important;
  }

  /* This stylesheet is exclusive to /explorar, so keep the content layers transparent.
     The original .page::before owns the bust artwork and must remain visible behind them. */
  main,
  .hero{
    background:transparent!important;
    background-color:transparent!important;
  }

  .page{
    background:
      radial-gradient(ellipse 18rem 15rem at 101% 24%,rgba(137,35,171,.052),transparent 74%),
      radial-gradient(ellipse 16rem 13rem at -8% 82%,rgba(184,108,22,.025),transparent 76%),
      #050407!important;
  }

  .page::before{
    opacity:1!important;
  }

  .page::after{
    opacity:.028!important;
  }

  .hero::after,
  .definition::before,
  .definition::after{
    content:none!important;
    display:none!important;
  }

  .principle{
    background:
      radial-gradient(circle at 100% 100%,rgba(126,42,151,.025),transparent 10rem),
      linear-gradient(145deg,rgba(10,8,12,.975),rgba(6,5,8,.96))!important;
  }

  .definition{
    background:linear-gradient(180deg,rgba(8,6,10,.72),#050407 18rem)!important;
  }
}