/* Mobile drawer composition — one-screen editorial index. */
@media (max-width:859px){
  .main-nav{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    background:radial-gradient(120% 90% at 50% -10%,rgba(0,0,0,.025),transparent 58%),var(--cream)!important;
  }

  .nav-menu-top{
    flex:0 0 auto!important;
    min-height:0!important;
    height:clamp(70px,9.5dvh,84px)!important;
    padding:max(28px,env(safe-area-inset-top)) 7vw 0!important;
    display:flex!important;
    align-items:flex-start!important;
  }
  .nav-home{
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    color:var(--ink)!important;
    font-family:var(--font-sans)!important;
    font-size:clamp(.72rem,2.7vw,.82rem)!important;
    font-weight:600!important;
    line-height:1!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    position:relative!important;
    opacity:.96!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .nav-home::after{
    content:''!important;
    position:absolute!important;
    left:0!important;
    bottom:-7px!important;
    width:100%!important;
    height:1px!important;
    background:var(--ink)!important;
    transform:scaleX(.22)!important;
    transform-origin:left center!important;
    opacity:.55!important;
    transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .2s ease!important;
  }
  .nav-home:active::after,.nav-home:focus-visible::after{transform:scaleX(1)!important;opacity:1!important}

  .nav-menu-list{
    flex:0 0 auto!important;
    justify-content:flex-start!important;
    min-height:0!important;
    margin:0!important;
    padding:clamp(8px,1.35dvh,13px) 7vw clamp(18px,2.3dvh,24px)!important;
    gap:clamp(10px,1.55dvh,15px)!important;
  }
  .nav-menu-list a{
    width:max-content!important;
    max-width:100%!important;
    opacity:0!important;
    transform:translateY(18px)!important;
    filter:blur(8px)!important;
    will-change:opacity,transform,filter!important;
    transition:opacity 640ms cubic-bezier(.16,1,.3,1),transform 720ms cubic-bezier(.16,1,.3,1),filter 640ms cubic-bezier(.16,1,.3,1),color 120ms ease!important;
  }
  .main-nav.open .nav-menu-list a{
    opacity:1!important;
    transform:translateY(0)!important;
    filter:blur(0)!important;
  }
  .main-nav.open .nav-menu-list a:nth-child(1){transition-delay:0ms!important}
  .main-nav.open .nav-menu-list a:nth-child(2){transition-delay:70ms!important}
  .main-nav.open .nav-menu-list a:nth-child(3){transition-delay:140ms!important}
  .main-nav.open .nav-menu-list a:nth-child(4){transition-delay:210ms!important}
  .main-nav.open .nav-menu-list a.is-pressed{transform:scale(.97)!important;transition-delay:0ms!important}

  .nav-menu-list .nav-roll-mask{
    font-size:clamp(2.65rem,11.2vw,3.45rem)!important;
    line-height:.94!important;
    height:.94em!important;
  }
  .nav-menu-list .nav-roll-copy{
    height:.94em!important;
    line-height:.94!important;
  }

  .nav-drawer-footer{
    flex:1 1 auto!important;
    min-height:0!important;
  }
}

@media (hover:hover) and (pointer:fine) and (max-width:859px){
  .nav-home:hover::after{transform:scaleX(1)!important;opacity:1!important}
}

@media (max-width:859px) and (max-height:760px){
  .nav-menu-top{height:62px!important;padding-top:max(22px,env(safe-area-inset-top))!important}
  .nav-menu-list{gap:8px!important;padding-top:5px!important;padding-bottom:13px!important}
  .nav-menu-list .nav-roll-mask{font-size:clamp(2.35rem,9.8vw,2.9rem)!important}
}

@media (max-width:859px) and (max-height:620px){
  .main-nav{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
}

@media (prefers-reduced-motion:reduce){
  .nav-menu-list a{filter:none!important}
  .nav-home::after{transition:none!important}
}