/* Alche SideMenu: a blurred full-viewport plane, centered list and bottom contact. */
.EchoMobileMenu{inset:0;height:100dvh;box-sizing:border-box;padding:0;display:block;background:rgba(0,0,0,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f4f6fa;overflow:auto;overscroll-behavior:contain;font-family:EchoLatin,'Microsoft YaHei',sans-serif}
.EchoMobileMenu[hidden]{display:none}
.EchoMobileMenuInner{position:absolute;left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));top:50%;transform:translateY(-58%)}
.EchoMobileMenu .EchoMobileMenuInner a{position:relative;display:flex;align-items:baseline;gap:22px;min-height:54px;padding:12px 0 12px 30px;margin:0;color:inherit;font-size:24px;line-height:1.25;letter-spacing:.035em;opacity:.72;transition:opacity .3s,padding-left .3s}
.EchoMobileMenuInner a:before{content:'';position:absolute;left:0;top:26px;width:10px;height:1px;background:currentColor;opacity:.5;transition:width .3s,opacity .3s}
.EchoMobileMenu .EchoMobileMenuInner a[aria-current=page]{padding-left:40px;opacity:1}
.EchoMobileMenuInner a[aria-current=page]:before{width:20px;opacity:1}
.EchoMobileMenuInner a>span{min-width:5.1em}
.EchoMobileMenuInner a>small{font-size:13px;line-height:1.5;letter-spacing:.06em;color:#ced4de}
.EchoMobileMenu .EchoMobileMenuInner a:hover,.EchoMobileMenu .EchoMobileMenuInner a:focus-visible{opacity:1}
.EchoMobileMenu a:focus-visible{outline:1px solid #b9cde3;outline-offset:5px}
.EchoMobileContact{position:absolute;left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));bottom:max(38px,env(safe-area-inset-bottom));color:#d1d9e3;font-size:12px;line-height:1.6}
.EchoMobileMenu .EchoMobileContact a{display:flex;align-items:center;gap:14px;min-height:44px;margin:0;padding:8px 0;color:inherit;font-size:15px}
.EchoMobileContact small{font-size:12px}.EchoMobileContact svg{margin-left:auto;width:20px;height:20px}
.EchoMobileContact>span{display:block;margin-top:8px;font-size:12px;letter-spacing:.025em}
.EchoMenuIcon{display:flex;width:20px;height:20px;flex-direction:column;justify-content:center;gap:4px}
.EchoMenuIcon i{display:block;width:20px;height:1.5px;background:currentColor;transform-origin:center;transition:transform .3s,opacity .3s}
#echo-menu-toggle[aria-expanded=true] .EchoMenuIcon i:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
#echo-menu-toggle[aria-expanded=true] .EchoMenuIcon i:nth-child(2){opacity:0}
#echo-menu-toggle[aria-expanded=true] .EchoMenuIcon i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
body[data-menu=open]{overflow:hidden}
body[data-menu=open] .EchoHeader{background:transparent!important;mix-blend-mode:normal!important}
@media(max-width:900px){
 .EchoHeader{height:80px;padding:18px 25px!important}
 .EchoHeader .Header__logo,.EchoHeader .Header__logo svg{width:102px}
 .EchoNav{display:none}.EchoFilmButton span,.EchoSoundLabel{display:none}
 .EchoHeaderActions{gap:4px}.EchoFilmButton{min-width:44px;min-height:44px;justify-content:center;padding:10px}
 .EchoSound{min-width:44px;min-height:44px;padding:10px}
 #echo-menu-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;padding:12px;margin-right:-12px}
}
@media(max-height:500px){
 .EchoMobileMenuInner{top:82px;bottom:24px;left:30px;right:50%;transform:none;overflow:auto}
 .EchoMobileMenu .EchoMobileMenuInner a{min-height:46px;padding-top:9px;padding-bottom:9px;font-size:21px;gap:15px}
 .EchoMobileMenuInner a:before{top:22px}
 .EchoMobileContact{left:57%;bottom:35px}
}
@media(prefers-reduced-motion:reduce){.EchoMenuIcon i,.EchoMobileMenuInner a:before,.EchoMobileMenu .EchoMobileMenuInner a{transition:none}}