/* kazeart — mobile nav + motion */
@media (max-width:768px){
  .ji-nav{
    z-index:130;
    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;
    max-width:min(52vw,220px);
  }
  .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;
    position:relative;
    z-index:131;
    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:120;
    background:rgba(3,4,94,.58);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .35s var(--ease),visibility .35s;
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
  }
  .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(105%);
    transition:transform .42s var(--ease);
    padding:
      calc(var(--nav-h) + env(safe-area-inset-top,0px) + .95rem)
      1.35rem
      calc(1.65rem + env(safe-area-inset-bottom,0px));
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  .ji-drawer.is-open .ji-drawer__panel{transform:none}
  .ji-drawer__brand{
    opacity:0;
    transform:translateX(14px);
    transition:opacity .35s var(--ease),transform .35s var(--ease);
  }
  .ji-drawer.is-open .ji-drawer__brand{
    opacity:1;
    transform:none;
    transition-delay:.04s;
  }
  .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-of-type(1){transition-delay:.08s}
  .ji-drawer.is-open .ji-drawer__panel a:nth-of-type(2){transition-delay:.14s}
  .ji-drawer.is-open .ji-drawer__panel a:nth-of-type(3){transition-delay:.2s}
  .ji-drawer.is-open .ji-drawer__panel a:nth-of-type(4){transition-delay:.26s}
  .ji-drawer.is-open .ji-drawer__panel a:nth-of-type(5){transition-delay:.32s}
  .ji-drawer.is-open .ji-drawer__panel a:nth-of-type(6){transition-delay:.38s}
  .ji-drawer.is-open .ji-drawer__panel a:nth-of-type(7){transition-delay:.44s}

  .js [data-ji] img{
    transform:scale(1.06);
    filter:saturate(.92);
    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,
  .ji-symptoms__cta .ji-btn,
  .ji-thermal__body .ji-btn{width:100%}
  .ji-cta__actions{flex-direction:column;align-items:stretch}

  .ji-split__media,
  .ji-trust__media,
  .ji-thermal__media,
  .ji-svccard__media,
  .ji-steps__media,
  .ji-gallery figure,
  .ji-note img,
  .ji-quotes__pic,
  .ji-cta__media{
    min-height:170px;
    aspect-ratio:4/3;
    background:rgba(0,180,216,.08);
    overflow:hidden;
  }
  .ji-split__media img,
  .ji-trust__media img,
  .ji-thermal__media img,
  .ji-svccard__media img,
  .ji-steps__media img,
  .ji-gallery figure img,
  .ji-note img,
  .ji-quotes__pic img,
  .ji-cta__media img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
}

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

@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,
  .ji-drawer__brand,
  .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;
  }
}