/* jeinvest — mobile nav + motion */
@media (max-width:768px){
  .ji-nav{
    z-index:120;
    height:calc(var(--nav-h) + env(safe-area-inset-top,0px));
    padding-top:env(safe-area-inset-top,0px);
  }
  .ji-nav__inner{
    padding:0 .9rem;
    gap:.6rem;
  }
  .ji-nav__brand{
    font-size:1.12rem;
    min-width:0;
  }
  .ji-nav__name{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .ji-nav__links{display:none !important}
  .ji-nav__actions{
    margin-left:auto;
    gap:.4rem;
    flex:none;
  }
  .ji-nav__actions .ji-btn--pulse,
  .ji-nav__tel{display:none !important}
  .ji-menubtn{
    display:inline-flex !important;
    z-index:121;
    background:rgba(0,180,216,.18);
    border-color:var(--line-ice);
    border-radius:4px;
    flex-shrink:0;
  }

  .ji-drawer{
    display:block !important;
    position:fixed;
    inset:0;
    z-index:110;
    background:rgba(3,4,94,.55);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .35s var(--ease),visibility .35s;
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
  }
  .ji-drawer[hidden]{
    display:block !important;
  }
  .ji-drawer.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .ji-drawer__panel{
    position:absolute;
    right:0;top:0;bottom:0;
    width:min(320px,88vw);
    transform:translateX(100%);
    transition:transform .42s var(--ease);
    padding:calc(var(--nav-h) + env(safe-area-inset-top,0px) + .85rem) 1.35rem calc(1.5rem + env(safe-area-inset-bottom,0px));
    overflow:auto;
  }
  .ji-drawer.is-open .ji-drawer__panel{transform:none}
  .ji-drawer__panel a{
    opacity:0;
    transform:translateX(18px);
    transition:opacity .4s var(--ease),transform .4s var(--ease),color .2s;
  }
  .ji-drawer.is-open .ji-drawer__panel a{opacity:1;transform:none}
  .ji-drawer.is-open .ji-drawer__panel a:nth-child(2){transition-delay:.08s}
  .ji-drawer.is-open .ji-drawer__panel a:nth-child(3){transition-delay:.14s}
  .ji-drawer.is-open .ji-drawer__panel a:nth-child(4){transition-delay:.2s}
  .ji-drawer.is-open .ji-drawer__panel a:nth-child(5){transition-delay:.26s}
  .ji-drawer.is-open .ji-drawer__panel a:nth-child(6){transition-delay:.32s}
  .ji-drawer.is-open .ji-drawer__panel a:nth-child(7){transition-delay:.38s}

  .js [data-ji] img{
    transform:scale(1.07);
    filter:saturate(.9);
    transition:transform 1.15s var(--ease),filter .9s ease;
  }
  .js [data-ji].in img{
    transform:scale(1);
    filter:none;
  }
  .ji-hero__copy h1,
  .ji-hero__lead,
  .ji-hero__brand{animation:jiRise .8s var(--ease) both}
  .ji-hero__lead{animation-delay:.12s}
  .ji-hero__actions{animation:jiRise .8s var(--ease) .22s both}
  .ji-btn:active{transform:scale(.96)}
  .ji-hero .ji-btn,.ji-cta .ji-btn,.ji-emerg .ji-btn{width:100%}
}

@media (max-width:480px){
  .ji-hero__copy{padding-left:1rem;padding-right:1rem}
  .ji-split__media{height:min(36svh,240px);max-height:36svh}
}

@keyframes jiRise{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:none}
}

@media (prefers-reduced-motion:reduce){
  .ji-drawer,.ji-drawer__panel,.ji-drawer__panel a,.js [data-ji] img,
  .ji-hero__copy h1,.ji-hero__lead,.ji-hero__brand,.ji-hero__actions{
    animation:none!important;transition:none!important;opacity:1!important;transform:none!important;filter:none!important;visibility:visible!important
  }
}