/* Mobile-only soft lighting without large filtered render targets. */
@media (max-width: 760px) {
  .hero .hero__glow {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    translate: none;
    border-radius: 0;
    filter: none;
  }

  .hero .hero__glow--top {
    top: -130px;
    height: 480px;
    background: radial-gradient(ellipse 95% 75% at 50% 5%, rgb(0 229 168 / 0.28), rgb(0 229 168 / 0.12) 38%, transparent 75%);
  }

  .hero .hero__glow--blue {
    top: 180px;
    height: 420px;
    background: radial-gradient(ellipse 90% 65% at 100% 45%, rgb(59 130 246 / 0.16), rgb(59 130 246 / 0.06) 44%, transparent 78%);
  }

  .hero .hero__glow--ambient {
    top: 300px;
    height: 520px;
    background: radial-gradient(ellipse 85% 40% at 50% 60%, rgb(0 229 168 / 0.14), rgb(0 229 168 / 0.06) 44%, transparent 80%);
  }

  .hero .hero__planet {
    left: 0;
    top: 578px;
    width: 100%;
    height: 240px;
    translate: none;
    border: 0;
    border-radius: 0;
    background: radial-gradient(ellipse 550px 550px at 50% 550px, var(--c-bg) 0 calc(100% - 2px), rgb(0 229 168 / 0.28) calc(100% - 1px), transparent 100%);
  }

  .hero .hero__horizon {
    left: 0;
    top: 542px;
    width: 100%;
    height: 90px;
    translate: none;
    border-radius: 0;
    filter: none;
    background: radial-gradient(ellipse 45% 25% at 50% 50%, rgb(0 229 168 / 0.28), rgb(0 229 168 / 0.08) 42%, transparent 80%);
  }

  .final .final__bg {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    translate: none;
    border-radius: 0;
    filter: none;
    background: radial-gradient(ellipse 90% 40% at 50% 42%, rgb(0 229 168 / 0.16), rgb(0 229 168 / 0.06) 45%, transparent 80%);
  }

  body .nav__glass,
  body .nav__panel,
  body .announce,
  body .btn--glass,
  body .shot__float {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .nav .nav__glass {
    background: rgb(11 15 20 / 0.96);
  }
}