@media (max-width:800px), (max-width:900px) and (max-height:500px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  body.secondary-menu-open{overflow:hidden}
  .project-nav,.film-nav,.music-nav{height:max(64px,calc(48px + env(safe-area-inset-top)));padding:max(env(safe-area-inset-top),8px) 16px 0;gap:12px}
  .project-nav__name,.film-nav__name,.music-nav__name{min-width:0;font-size:10px;letter-spacing:.2em;white-space:nowrap}
  .project-nav__name .brand-name__signature,.film-nav__name .brand-name__signature,.music-nav__name .brand-name__signature{width:72px;max-width:22vw}
  .project-nav>nav,.film-nav>nav,.music-nav>nav{display:none}
  .secondary-menu-toggle{display:grid;width:44px;height:44px;margin-left:auto;padding:0;place-content:center;gap:7px;border:1px solid rgba(255,255,255,.34);border-radius:0;background:rgba(5,6,6,.38);color:#fff;transition:color .25s ease,background .25s ease,border-color .25s ease}
  .secondary-menu-toggle:hover,.secondary-menu-toggle:focus-visible{color:#090a0a;background:#fff;border-color:#fff}
  .secondary-menu-toggle:active{color:#090a0a;background:#fff}
  .secondary-menu-toggle span{display:block;width:18px;height:1px;background:currentColor}
  .secondary-mobile-menu{position:fixed;z-index:110;inset:0;visibility:hidden;pointer-events:none}
  .secondary-mobile-menu.is-open{visibility:visible;pointer-events:auto}
  .secondary-mobile-menu__backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.58);opacity:0;transition:opacity .35s ease}
  .secondary-mobile-menu.is-open .secondary-mobile-menu__backdrop{opacity:1}
  .secondary-mobile-menu__panel{position:absolute;inset:0 0 0 auto;width:min(88vw,390px);padding:max(22px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;background:rgba(8,10,10,.94);border-left:1px solid rgba(255,255,255,.18);transform:translateX(100%);transition:transform .48s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
  .secondary-mobile-menu.is-open .secondary-mobile-menu__panel{transform:none}
  .secondary-mobile-menu__top{display:flex;min-height:44px;margin-bottom:auto;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.16em;text-transform:uppercase}
  .secondary-mobile-menu__top button{min-width:76px;height:44px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:8px var(--mono);text-transform:uppercase;transition:color .25s ease,background .25s ease,border-color .25s ease,transform .3s cubic-bezier(.16,1,.3,1)}
  .secondary-mobile-menu__top button:hover,.secondary-mobile-menu__top button:focus-visible{color:#080a0a;background:#f1f2ed;border-color:#f1f2ed;transform:translateX(-3px)}
  .secondary-mobile-menu__panel>a{display:flex;min-height:56px;align-items:center;justify-content:flex-end;text-align:right;border-bottom:1px solid rgba(255,255,255,.13);font:600 12vw/.9 var(--display);letter-spacing:-.025em;text-transform:uppercase;transition:color .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}
  .secondary-mobile-menu__panel>a[aria-current="page"]{color:#fff}
  .secondary-mobile-menu__panel>a[aria-current="page"]::before{content:"";width:5px;height:5px;margin-right:10px;background:currentColor;border-radius:50%}
  .secondary-mobile-menu__panel>a:hover,.secondary-mobile-menu__panel>a:focus-visible{color:#fff;transform:translateX(-7px)}
}

@media (min-width:801px) and (min-height:501px){.secondary-menu-toggle,.secondary-mobile-menu{display:none}}
@media (prefers-reduced-motion:reduce){.secondary-mobile-menu__backdrop,.secondary-mobile-menu__panel{transition:none!important}}