.demo-note{position:relative;z-index:60;background:#1a1916;color:#eee4d0;padding:10px 20px;text-align:center;font:12px/1.5 system-ui,sans-serif;letter-spacing:.03em}
.demo-status{font:14px/1.6 system-ui,sans-serif;padding:16px;border:1px solid currentColor}
:focus-visible{outline:3px solid #bd843c;outline-offset:4px}
html:not(.js) .page{display:block!important}
html:not(.js) #mobile-menu{display:block!important}
html:not(.js) .reveal,html:not(.js) .fade-up{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

.demo-note{position:fixed;bottom:0;left:0;right:0;z-index:1000;font-size:11px;padding:6px 12px}
[data-demo-back]{top:auto!important;bottom:40px!important;background:#efe8dc!important;color:#171410!important;border:1px solid #9b8972!important;border-radius:4px!important}

picture{display:contents}
