html, body { margin: 0; padding: 0; }
body { background: #F2EADB; -webkit-text-size-adjust: 100%; }
#stage { width: 100%; overflow-x: hidden; }
#app { width: 1440px; margin: 0 auto; }
body.m #app { width: 100%; }

/* ---------- phone (<= 760px): shared nav ---------- */
body.m nav[data-o*="position: absolute"] { height: 58px !important; padding: 0 14px !important; width: 100% !important; box-sizing: border-box !important; flex-wrap: nowrap !important; }
body.m nav[data-o*="position: absolute"] > a:first-child { gap: 8px !important; flex-shrink: 0; }
body.m nav[data-o*="position: absolute"] > a:first-child img { height: 36px !important; }
body.m nav[data-o*="position: absolute"] > a:first-child span { display: none !important; }
body.m nav[data-o*="position: absolute"] > div { gap: 14px !important; font-size: 11px !important; letter-spacing: .14em !important; flex-wrap: nowrap !important; }
body.m nav[data-o*="position: absolute"] .orn { padding: 6px 11px !important; font-size: 10px !important; letter-spacing: .14em !important; outline-offset: 2px !important; }
body.m nav[data-o*="position: absolute"] .orn:before, body.m nav[data-o*="position: absolute"] .orn:after { width: 5px; height: 5px; }
body.m nav[data-o*="position: absolute"] .orn:before { left: -7px; } body.m nav[data-o*="position: absolute"] .orn:after { right: -7px; }
body.m img, body.m video { max-width: 100%; }
body.m .orn { white-space: normal; }
body.m .orn { padding: 9px 16px; font-size: 11px; letter-spacing: .16em; }