/* COREVERSE V41 — iOS/phone reliability layer.
   Desktop is intentionally untouched. Mobile artwork is pre-composited so
   WebKit never has to hold dozens of transparent full-screen textures. */

@media (max-width:700px){
  .hero.hero-v6{
    height:760vh;
    height:760svh;
  }

  .hero-mobile-scene{
    contain:strict;
    will-change:transform,opacity;
  }

  .hero-mobile-layer{
    animation:none!important;
    filter:none!important;
    will-change:auto!important;
  }

  .hero-mobile-layer--flat-scene-one{
    z-index:1;
    animation:mobileFlatSceneOne 10s ease-in-out infinite alternate!important;
  }

  .hero-mobile-layer--flat-scene-two-base{
    z-index:1;
    opacity:1;
    animation:mobileFlatSceneTwo 11s ease-in-out infinite alternate!important;
  }

  .hero-mobile-layer--flat-scene-two-full{
    z-index:2;
    opacity:var(--brand-opacity);
    animation:mobileFlatSceneTwo 11s ease-in-out infinite alternate!important;
  }

  /* Large blurred surfaces are a common iOS WebKit memory spike. The soft
     gradients keep the visual cover without allocating a blurred offscreen
     canvas larger than the phone viewport. */
  .hero-v6__portal{display:none!important}
  .hero-mobile__exit-fog{
    inset:0;
    filter:none!important;
    background:
      radial-gradient(ellipse at 18% 78%,rgba(255,255,255,.98) 0 20%,transparent 58%),
      radial-gradient(ellipse at 78% 70%,#fff 0 26%,transparent 64%),
      linear-gradient(to bottom,transparent 14%,rgba(255,255,255,.9) 64%,#fff 94%);
  }

  .letter-mobile{
    contain:strict;
  }

  .letter-mobile__layer{
    animation:none!important;
    filter:none!important;
    will-change:auto!important;
  }

  .letter-mobile__layer--flat-closed{
    z-index:1;
    opacity:var(--ml-flat-closed);
    transform:translate3d(0,var(--ml-envelope-y),0) scale(.995);
  }

  .letter-mobile__layer--flat-open{
    z-index:2;
    opacity:var(--ml-flat-open);
    transform:translate3d(0,var(--ml-scene-y),0);
  }

  .letter-mobile__layer--flat-exit{
    z-index:3;
    opacity:var(--ml-flat-exit);
    transform:translate3d(0,var(--ml-scene-y),0);
  }

  .letter-mobile__fog{
    inset:0;
    filter:none!important;
    background:
      radial-gradient(ellipse at 22% 76%,rgba(255,255,255,.98) 0 21%,transparent 58%),
      radial-gradient(ellipse at 78% 70%,#fff 0 26%,transparent 64%),
      linear-gradient(to bottom,transparent 4%,rgba(255,255,255,.92) 58%,#fff 90%);
  }

  @keyframes mobileFlatSceneOne{
    from{transform:translate3d(-3px,4px,0) scale(1.008)}
    to{transform:translate3d(4px,-5px,0) scale(1.018)}
  }

  @keyframes mobileFlatSceneTwo{
    from{transform:translate3d(3px,-4px,0) scale(1.006)}
    to{transform:translate3d(-4px,5px,0) scale(1.016)}
  }
}

@media (max-width:700px) and (prefers-reduced-motion:reduce){
  .hero-mobile-layer--flat-scene-one,
  .hero-mobile-layer--flat-scene-two-base,
  .hero-mobile-layer--flat-scene-two-full{animation:none!important}
}