/* hikakore — mobile nav + motion */
@media (max-width:899px){
.mn-drawer{
  padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 1.6rem);
  padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));
  visibility:hidden;
  pointer-events:none;
}
.mn-drawer.is-open{
  visibility:visible;
  pointer-events:auto;
}
.mn-drawer[hidden]{display:flex!important}
.mn-drawer a{
  opacity:0;
  transform:translateX(32px);
  transition:opacity .48s var(--ease),transform .48s var(--ease),color .2s,background .2s;
}
.mn-drawer.is-open a{opacity:1;transform:none}
.mn-drawer.is-open a:nth-child(1){transition-delay:.06s}
.mn-drawer.is-open a:nth-child(2){transition-delay:.12s}
.mn-drawer.is-open a:nth-child(3){transition-delay:.18s}
.mn-drawer.is-open a:nth-child(4){transition-delay:.24s}
.mn-drawer.is-open a:nth-child(5){transition-delay:.3s}
.mn-drawer.is-open a:nth-child(6){transition-delay:.36s}
.mn-drawer__cta{
  margin-top:.9rem;
  width:100%;
}
.mn-drawer__meta{
  margin-top:auto;
  padding-top:1.4rem;
  font-family:var(--font-latin);
  letter-spacing:.16em;
  font-size:.72rem;
  opacity:.7;
  animation:bwRise .6s var(--ease) .4s both;
}
.mn-drawer.is-open .mn-drawer__meta{opacity:.7}
.mn-burger{
  border:1px solid var(--mn-line);
  border-radius:10px;
  margin-left:auto;
}
.js [data-mn] img{
  transform:scale(1.08);
  filter:saturate(.9);
  transition:transform 1.15s var(--ease),filter .9s ease;
}
.js [data-mn].is-in img{
  transform:scale(1);
  filter:none;
}
.mn-brand{animation:bwRise .85s var(--ease) both}
.mn-hero__copy h1,
.mn-hero__copy .mn-k,
.mn-hero__copy p{animation:bwRise .8s var(--ease) both}
.mn-hero__copy .mn-k{animation-delay:.08s}
.mn-hero__copy h1{animation-delay:.14s}
.mn-hero__copy .mn-hero__lead{animation-delay:.2s}
.mn-hero__actions{animation:bwRise .8s var(--ease) .28s both;width:100%}
.mn-btn:active{transform:scale(.96)}
.mn-hero .mn-btn,
.mn-cta .mn-btn{width:100%}
.mn-hero__actions{flex-direction:column}
.mn-pack:hover,
.mn-dest:hover,
.mn-card:hover{transform:none}

body.is-nav-open{overflow:hidden;touch-action:none}

.mn-split__media,
.mn-dest figure,
.mn-pack__media,
.mn-card figure,
.mn-steps figure,
.mn-film figure,
.mn-team article,
.mn-notes figure,
.mn-cta__media{
  min-height:180px;
  background:rgba(6,16,24,.35);
  overflow:hidden;
}
.mn-split__media img,
.mn-dest img,
.mn-pack__media img,
.mn-card img,
.mn-steps img,
.mn-film img,
.mn-team img,
.mn-notes img,
.mn-cta__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.mn-hero__media{min-height:100svh}
.mn-cta{min-height:58svh}
}

@media (max-width:480px){
  .mn-hero--page{min-height:62svh}
  .mn-nav__sub{display:none}
  .mn-nav__mark{font-size:1.45rem}
  .mn-brand{font-size:clamp(3.2rem,16vw,4.6rem)}
}

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

@media (prefers-reduced-motion:reduce){
  .mn-drawer a,
  .js [data-mn] img,
  .mn-brand,
  .mn-hero__copy h1,
  .mn-hero__copy .mn-k,
  .mn-hero__copy p,
  .mn-hero__actions,
  .mn-drawer__meta{
    animation:none!important;
    transition:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important
  }
}
