/* The walking robot (Tesla Mars, from Lumazel), dressed as a Freemason: he walks along the bottom of every
   page. Nobody talks with him yet and he cannot be clicked: the layer lets every click through to the page underneath. */
.sc-robot-stage { position: fixed; left: 0; right: 0; bottom: 0; height: 300px; z-index: 900; pointer-events: none; }
.sc-robot-stage canvas { width: 100% !important; height: 100% !important; display: block; }
@media (max-width: 640px) { .sc-robot-stage { height: 220px; } }
.sc-robot.is-nogl { display: none; }
@media print { .sc-robot { display: none !important; } }
.sc-robot.is-off { display: none; }
/* the toggle in the header, next to the language flag */
.robot-toggle { order: 3; flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 999px; cursor: pointer; position: relative;
    border: 1px solid var(--gold); background: rgba(4, 5, 10, .6); color: var(--gold-light); transition: .25s;
    box-shadow: 0 0 0 3px rgba(214, 178, 94, .12), 0 0 18px -6px rgba(214, 178, 94, .6); }
.robot-toggle:hover { background: rgba(214, 178, 94, .14); box-shadow: 0 0 0 3px rgba(214, 178, 94, .25), 0 0 24px -4px rgba(214, 178, 94, .8); }
.robot-toggle svg { width: 22px; height: 22px; }
.robot-toggle.is-off { color: rgba(214, 178, 94, .5); border-color: rgba(214, 178, 94, .45); box-shadow: none; }
.robot-toggle.is-off::after { content: ""; position: absolute; left: 9px; right: 9px; top: 50%; height: 2px; background: currentColor; transform: rotate(-45deg); border-radius: 2px; }
@media print { .robot-toggle { display: none; } }
.brand-mark { flex: none; }
@media (min-width: 961px) and (max-width: 1080px) { .nav-trigger { padding: 0 7px !important; letter-spacing: .08em !important; } .header-inner { gap: 10px !important; } }
@media (max-width: 640px) { .robot-toggle { width: 40px; height: 40px; } .robot-toggle svg { width: 20px; height: 20px; } }
@media (max-width: 400px) { .header-inner { gap: 8px !important; padding: 0 14px !important; } .brand-name { letter-spacing: .14em; } }
.nav-user { display: inline-block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
@media (min-width: 961px) and (max-width: 1080px) { .nav-user { max-width: 84px; } .brand-motto { display: none; } }