.navigation .mobile-menu-toggle{display:none}
.mobile-menu:not([open]){display:none}
.mobile-menu{inset:0 0 0 auto;width:min(100%,480px);max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0 28px calc(28px + env(safe-area-inset-bottom));border:0;border-left:1px solid #b82b3826;background:#f6f1e8;color:#342923;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;box-shadow:-20px 0 80px #1f121d40}
.mobile-menu::backdrop{background:#20171c99;backdrop-filter:blur(5px)}
.mobile-menu[open]{animation:mobile-menu-enter .22s ease-out}
.mobile-menu[open]::backdrop{animation:mobile-menu-backdrop .22s ease-out}
.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding-top:env(safe-area-inset-top);border-bottom:1px solid #b82b3826}
.mobile-menu-header img{width:126px;height:auto;object-fit:contain}
.mobile-menu-close{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid #b82b382e;border-radius:50%;background:transparent;color:#b82b38;font-size:32px;line-height:1;touch-action:manipulation}
.mobile-menu h2{margin:32px 0 24px;font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:44px;line-height:1.1;color:#b82b38;letter-spacing:-.025em}
.mobile-menu-links{display:flex;flex-direction:column}
.mobile-menu-links a{display:flex;align-items:center;min-height:68px;padding:12px 0;border-bottom:1px solid #b82b3826;color:#342923;font-size:25px;line-height:1.3;text-decoration:none;white-space:normal;touch-action:manipulation}
.mobile-menu-links a:hover,.mobile-menu-links a:active{color:#b82b38}
.mobile-menu-links .mobile-menu-project{justify-content:center;min-height:56px;margin-top:28px;padding:14px 18px;border:0;border-radius:3px;background:#b82b38;color:#fff;font-size:18px}
.mobile-menu-links .mobile-menu-project:hover,.mobile-menu-links .mobile-menu-project:active{background:#a32531;color:#fff}
.mobile-menu-language{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:32px;padding-top:24px;border-top:1px solid #b82b3826;font-size:14px;color:#786a61}
.mobile-menu-language>div{display:flex;gap:8px;flex-wrap:wrap}
.mobile-menu-language button{min-height:48px;min-width:72px;padding:10px 14px;border:1px solid #b82b3826;border-radius:3px;background:transparent;color:#786a61;font-size:14px;line-height:1.4;touch-action:manipulation}
.mobile-menu-language button[aria-pressed=true]{background:#b82b380d;border-color:#b82b38;color:#b82b38;font-weight:600}
.mobile-menu button:focus-visible,.mobile-menu a:focus-visible,.navigation .mobile-menu-toggle:focus-visible{outline:2px solid #b82b38;outline-offset:4px}
html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden}
html[lang=ko] .mobile-menu h2{font-family:'Noto Sans KR',sans-serif;font-size:30px;line-height:1.4;letter-spacing:-.045em}
@media(max-width:900px), (max-width:1100px) and (max-height:600px) and (orientation:landscape){
  .navigation{top:0;left:0;right:0;max-width:none;height:72px;margin:0;padding:0 max(22px,env(safe-area-inset-left)) 0 max(22px,env(safe-area-inset-right));gap:16px;box-sizing:border-box}
  .navigation .mark{min-width:0;min-height:48px;justify-content:center}
  .navigation .mark img{width:112px;height:41px}
  .navigation .mark>span{font-size:6px;margin:0 0 4px 8px;letter-spacing:.28em}
  .navigation>.nav-links,.navigation>.languages,.navigation>.nav-action{display:none}
  .navigation .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;min-width:88px;padding:10px 12px;border:1px solid #b82b3833;border-radius:3px;background:transparent;color:#342923;font-size:14px;line-height:1.3;touch-action:manipulation}
  .mobile-menu-icon{display:flex;flex-direction:column;gap:5px;width:19px}
  .mobile-menu-icon i{display:block;height:1.5px;width:100%;background:currentColor}
  html[data-scene=films] .navigation .mobile-menu-toggle{color:#f6f1e8;border-color:#efb1a65c}
}
@media(max-width:360px){.mobile-menu{padding-inline:22px}.mobile-menu-language{gap:12px}.mobile-menu-language button{min-width:66px;padding-inline:10px}}
@media(max-height:600px) and (orientation:landscape){.mobile-menu-header{min-height:64px}.mobile-menu h2{margin-block:22px 16px;font-size:36px}.mobile-menu-links a{min-height:56px;font-size:22px}.mobile-menu-links .mobile-menu-project{font-size:18px;margin-top:20px}.mobile-menu-language{margin-top:24px;padding-top:20px}}
@keyframes mobile-menu-enter{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes mobile-menu-backdrop{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.mobile-menu[open],.mobile-menu[open]::backdrop{animation:none}}
html.motion-paused .mobile-menu[open],html.motion-paused .mobile-menu[open]::backdrop{animation:none}