/* Expanded mobile navigation palette */
@media (max-width: 900px) {
  .menu-dialog { background: #DDD8CD; color: #3E4132; }
  .menu-dialog a, .menu-dialog summary, .menu-dialog .menu-close, .menu-dialog .menu-bottom, .menu-dialog .ws-nav-description { color: #3E4132; }
  .menu-dialog .ws-films-submenu { background: #DDD8CD; color: #3E4132; border-color: #3E413240; }
  .menu-dialog .menu-close { background: transparent; border-color: #3E413270; }
  .menu-dialog .nav-contact { background: transparent; color: #3E4132; border-color: #3E4132; }
  .menu-dialog .menu-top .nav-brand .ws-logo { filter: brightness(0); opacity: .78; }
  .menu-dialog .menu-top .nav-brand:focus-visible .ws-logo { filter: brightness(0); outline: 2px solid #3E4132; outline-offset: 5px; }
  .menu-dialog a:focus-visible, .menu-dialog summary:focus-visible, .menu-dialog button:focus-visible { outline-color: #3E4132; }
}
/* Mobile menu brand and Trajan Pro 3 */
@media (max-width: 900px) {
 .menu-dialog, .menu-dialog * { font-family: 'trajan-pro-3',"WS Fangzheng Yaoti",serif !important; font-weight: 400; font-synthesis: none; }
 .menu-dialog .menu-top { gap: 12px; }
 .menu-dialog .menu-top .nav-brand { display: flex; align-items: center; gap: 12px; border: 0 !important; outline: none !important; box-shadow: none !important; background: transparent; padding: 0; }
 .menu-dialog .menu-top .nav-brand .ws-logo { width: 50px; height: auto; flex-shrink: 0; border: 0 !important; outline: none !important; box-shadow: none !important; }
 .menu-dialog .menu-top .nav-brand .nav-brand-label { display: block; font-size: 13px; line-height: 1.6; letter-spacing: .06em; white-space: nowrap; }
 .menu-dialog .menu-top .nav-brand:focus-visible { text-decoration: underline; text-underline-offset: 5px; }
 .menu-dialog .menu-close { font-size: 11px; letter-spacing: .06em; padding: 10px 12px; flex-shrink: 0; }
 .menu-dialog nav { font-size: 24px; line-height: 1.4; letter-spacing: .015em; }
 .menu-dialog nav a:hover { font-style: normal; }
 .menu-dialog .ws-films-submenu a { font-size: 16px; }
 .menu-dialog .ws-nav-description { font-size: 11px; line-height: 1.7; }
 .menu-dialog .menu-bottom { font-size: 10px; line-height: 1.8; letter-spacing: .04em; }
}
/* Consistent left alignment and typography for Enquire in mobile menu. */
@media(max-width:900px){.menu-dialog nav>a.nav-contact{align-self:stretch!important;justify-content:flex-start!important;text-align:left!important;margin:0!important;padding:0!important;font-size:inherit!important;font-family:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;min-height:inherit!important;border:0!important;background:transparent!important;color:inherit!important}}

/* Refined mobile menu fade-in, October 2026 */
@media(max-width:900px){
 .menu-dialog[open]{animation:ws-menu-reveal .32s ease both;}
 .menu-dialog[open] nav>a,.menu-dialog[open] nav>details{animation:ws-menu-item .30s ease both;animation-delay:calc(.06s + (var(--ws-item-index, 0) * .055s));}
 .menu-dialog[open] nav>:nth-child(1){--ws-item-index:0}
 .menu-dialog[open] nav>:nth-child(2){--ws-item-index:1}
 .menu-dialog[open] nav>:nth-child(3){--ws-item-index:2}
 .menu-dialog[open] nav>:nth-child(4){--ws-item-index:3}
 .menu-dialog[open] nav>:nth-child(5){--ws-item-index:4}
 .menu-dialog[open] nav>:nth-child(6){--ws-item-index:5}
 .menu-dialog[open] .menu-bottom{animation:ws-menu-item .35s ease .44s both}
}
@keyframes ws-menu-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ws-menu-item{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.menu-dialog[open],.menu-dialog[open] nav>a,.menu-dialog[open] nav>details,.menu-dialog[open] .menu-bottom{animation:none!important}}

/* Mobile menu consistent rhythm and bottom-centred caption */
@media(max-width:900px){
 .menu-dialog[open]{display:flex!important;flex-direction:column;min-height:100dvh;box-sizing:border-box;}
 .menu-dialog nav{display:flex;flex-direction:column;gap:0!important;flex:0 0 auto;margin-bottom:0!important;}
 .menu-dialog nav>a,.menu-dialog nav>details{display:block;flex:0 0 auto;margin:0!important;padding:12px 0!important;line-height:1.4!important;}
 .menu-dialog nav>a.nav-contact{padding:12px 0!important;min-height:auto!important;}
 .menu-dialog nav>details>summary{padding:0!important;min-height:0!important;}
 .menu-dialog .menu-bottom{margin-top:auto!important;margin-bottom:0!important;padding:24px 0 max(28px,env(safe-area-inset-bottom))!important;text-align:center!important;align-self:stretch;width:100%;}
}

/* Slightly larger Aesthetic / Emotive / Story-led line on mobile only. */
@media(max-width:900px){body .hero .hero-title .brand-pre{font-size:clamp(11px,3vw,14px)!important;letter-spacing:.18em!important;display:block!important}}