html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}
.topbar{z-index:50;padding-top:calc(14px + env(safe-area-inset-top));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}
.home-hero{height:100vh;height:100svh}
.scrollcue{bottom:calc(30px + env(safe-area-inset-bottom));padding:12px 20px}
.menu-btn{display:none;background:none;border:0;color:var(--creme,#ece7dd);width:44px;height:44px;padding:0;cursor:pointer;position:relative;z-index:60}
.menu-btn span,.menu-btn span:before,.menu-btn span:after{display:block;width:22px;height:1.5px;background:currentColor;position:absolute;left:11px;transition:.25s}
.menu-btn span{top:21px}.menu-btn span:before{content:'';top:-7px;left:0}.menu-btn span:after{content:'';top:7px;left:0}
.menu-open .menu-btn span{background:transparent}.menu-open .menu-btn span:before{top:0;transform:rotate(45deg)}.menu-open .menu-btn span:after{top:0;transform:rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:40;background:rgba(10,10,9,.97);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:80px 32px 40px;opacity:0;visibility:hidden;transition:opacity .25s}
.menu-open .mmenu{opacity:1;visibility:visible}
.mmenu a{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:34px;letter-spacing:.03em;color:var(--creme,#ece7dd);padding:10px 0;border-bottom:1px solid #ffffff22}
.mmenu a.cur{opacity:.5}
html[dir="rtl"] .mmenu{text-align:right}
html[lang="zh"] .mmenu a,html[lang="ar"] .mmenu a{font-family:Arial,sans-serif;font-weight:700;font-size:28px}
.menu-open{overflow:hidden}
@media(max-width:900px){
 .menu-btn{display:block}
 .topbar{gap:4px}
 .langs{margin-left:auto;margin-right:2px}
 .langs a{min-height:44px;padding:0 6px}
 a,button{touch-action:manipulation}
 .trick-pair{gap:10px}
 .page{padding-left:calc(18px + env(safe-area-inset-left));padding-right:calc(18px + env(safe-area-inset-right))}
 footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
}