/* ALTERRA VR — MOBILE/TABLET MOTION BLOCK 02 V1
   Scope: <=1100px only. Geometry untouched. */

@media (max-width:1100px){
  .m2-immersion.m2m-ready .m2-visual,
  .m2-immersion.m2m-ready .m2-kicker,
  .m2-immersion.m2m-ready .m2-title,
  .m2-immersion.m2m-ready .m2-lead,
  .m2-immersion.m2m-ready .m2-card,
  .m2-immersion.m2m-ready .m2-index{
    opacity:0;
  }

  .m2-immersion.m2m-ready .m2-visual{
    transform:scale(.985);
    filter:brightness(.88);
  }

  .m2-immersion.m2m-ready .m2-kicker,
  .m2-immersion.m2m-ready .m2-title,
  .m2-immersion.m2m-ready .m2-lead,
  .m2-immersion.m2m-ready .m2-index{
    transform:translateY(16px);
  }

  .m2-immersion.m2m-ready .m2-card{
    transform:translateY(20px) scale(.985);
    filter:brightness(.86);
  }

  .m2-immersion.m2m-in .m2-visual{
    animation:m2mVisualIn .78s cubic-bezier(.22,.61,.36,1) .02s forwards;
  }
  .m2-immersion.m2m-in .m2-kicker{
    animation:m2mCopyIn .52s cubic-bezier(.22,.61,.36,1) .12s forwards;
  }
  .m2-immersion.m2m-in .m2-title{
    animation:m2mTitleIn .78s cubic-bezier(.22,.61,.36,1) .20s forwards;
  }
  .m2-immersion.m2m-in .m2-lead{
    animation:m2mCopyIn .62s cubic-bezier(.22,.61,.36,1) .36s forwards;
  }
  .m2-immersion.m2m-in .m2-card:nth-child(1){
    animation:m2mCardIn .62s cubic-bezier(.22,.61,.36,1) .46s forwards;
  }
  .m2-immersion.m2m-in .m2-card:nth-child(2){
    animation:m2mCardIn .66s cubic-bezier(.22,.61,.36,1) .56s forwards;
  }
  .m2-immersion.m2m-in .m2-card:nth-child(3){
    animation:m2mCardIn .70s cubic-bezier(.22,.61,.36,1) .66s forwards;
  }
  .m2-immersion.m2m-in .m2-index{
    animation:m2mCopyIn .55s cubic-bezier(.22,.61,.36,1) .76s forwards;
  }

  @keyframes m2mVisualIn{
    to{opacity:1;transform:scale(1);filter:brightness(1)}
  }
  @keyframes m2mCopyIn{
    to{opacity:1;transform:translateY(0)}
  }
  @keyframes m2mTitleIn{
    0%{opacity:0;transform:translateY(18px) scale(.975);filter:blur(4px)}
    100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
  }
  @keyframes m2mCardIn{
    0%{opacity:0;transform:translateY(20px) scale(.985);filter:brightness(.86)}
    100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}
  }

  /* Calm ambient life after entrance. */
  .m2-immersion.m2m-in .m2-visual-mark{
    animation:m2mMarkBreath 3.8s ease-in-out 1.1s infinite;
  }
  .m2-immersion.m2m-in .m2-card-icon{
    animation:m2mIconGlow 4.6s ease-in-out infinite;
  }
  .m2-immersion.m2m-in .m2-card:nth-child(2) .m2-card-icon{animation-delay:.55s}
  .m2-immersion.m2m-in .m2-card:nth-child(3) .m2-card-icon{animation-delay:1.1s}

  @keyframes m2mMarkBreath{
    0%,100%{box-shadow:0 0 0 12px rgba(40,218,244,.035),0 0 38px rgba(40,218,244,.10)}
    50%{box-shadow:0 0 0 15px rgba(40,218,244,.05),0 0 48px rgba(40,218,244,.18)}
  }
  @keyframes m2mIconGlow{
    0%,72%,100%{box-shadow:0 0 22px rgba(48,219,244,.10);filter:brightness(1)}
    82%{box-shadow:0 0 28px rgba(48,219,244,.28);filter:brightness(1.08)}
  }
}

@media (prefers-reduced-motion:reduce){
  .m2-immersion.m2m-ready .m2-visual,
  .m2-immersion.m2m-ready .m2-kicker,
  .m2-immersion.m2m-ready .m2-title,
  .m2-immersion.m2m-ready .m2-lead,
  .m2-immersion.m2m-ready .m2-card,
  .m2-immersion.m2m-ready .m2-index{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    animation:none!important;
  }
  .m2-visual-mark,.m2-card-icon{animation:none!important}
}