/* Atelier pill menu (exact port: 250x44 bar, mark | section | burger, drawer grows up out of it) */
.ap-pill{--ap-bg:#1d2022;--ap-fg:#f4f1ec;--ap-mute:#a9a8a2;--ap-mk:#d9c4a1;position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:95;width:250px;height:44px;margin-left:-125px;background:var(--ap-bg);color:var(--ap-fg);display:flex;align-items:center;justify-content:space-between;padding:0 8px;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.ap-pill .ap-mk{width:28px;height:28px;display:grid;place-items:center;color:var(--ap-mk)}
.ap-pill .ap-cur{font:500 11px/14px "Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;height:14px;overflow:hidden;white-space:nowrap;max-width:150px;text-overflow:ellipsis}
.ap-pill .ap-burger{width:28px;height:28px;position:relative;border:0;background:none;color:inherit;padding:0;cursor:pointer}
.ap-pill .ap-burger i{position:absolute;left:6px;right:6px;height:1px;background:currentColor;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}
.ap-pill .ap-burger i:nth-child(1){top:9px}.ap-pill .ap-burger i:nth-child(2){top:13.5px}.ap-pill .ap-burger i:nth-child(3){top:18px}
.ap-open .ap-pill .ap-burger i:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
.ap-open .ap-pill .ap-burger i:nth-child(2){opacity:0}
.ap-open .ap-pill .ap-burger i:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}
.ap-pill.ap-away{transform:translateY(90px)}
.ap-drawer{position:fixed;left:50%;bottom:calc(60px + env(safe-area-inset-bottom));z-index:94;width:250px;margin-left:-125px;background:var(--ap-bg,#1d2022);color:#f4f1ec;padding:0 20px;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .8s cubic-bezier(.65,0,.35,1),padding .8s cubic-bezier(.65,0,.35,1),visibility 0s .8s}
.ap-open .ap-drawer{max-height:min(560px,calc(100dvh - 90px));overflow:auto;padding:20px;visibility:visible;transition:max-height .8s cubic-bezier(.65,0,.35,1),padding .8s cubic-bezier(.65,0,.35,1)}
.ap-drawer .ap-dl{display:block;color:#a9a8a2;margin-bottom:12px;font:500 10px "Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}
.ap-drawer .ap-links a{display:block;color:#f4f1ec;text-decoration:none;font:400 28px/1.12 Manrope,system-ui,sans-serif;letter-spacing:-.035em;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .7s cubic-bezier(.22,1,.36,1),color .3s}
.ap-drawer .ap-links a[aria-current]{color:#d9c4a1}
.ap-drawer .ap-links a:hover{color:#d9c4a1}
.ap-open .ap-drawer .ap-links a{opacity:1;transform:none}
.ap-open .ap-drawer .ap-links a:nth-child(2){transition-delay:.05s}.ap-open .ap-drawer .ap-links a:nth-child(3){transition-delay:.1s}.ap-open .ap-drawer .ap-links a:nth-child(4){transition-delay:.15s}.ap-open .ap-drawer .ap-links a:nth-child(5){transition-delay:.2s}.ap-open .ap-drawer .ap-links a:nth-child(6){transition-delay:.25s}
.ap-drawer .ap-meta{display:grid;grid-template-columns:1fr 1.7fr;gap:12px;font:400 12px/1.55 Manrope,system-ui,sans-serif;color:#a9a8a2;margin:22px 0}
.ap-drawer .ap-meta a,.ap-drawer .ap-meta span{display:block;color:#a9a8a2;text-decoration:none}.ap-drawer .ap-meta a:hover{color:#f4f1ec}
.ap-drawer .ap-q{display:flex;align-items:center;justify-content:center;min-height:46px;background:#a8844f;color:#16181a;text-decoration:none;font:600 12px "Plex Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
body{padding-bottom:76px}
/* the old per-concept pill and bottom bars are retired */
nav.pill,.pill:not(.ap-pill),.mbar,.dock{display:none!important}
@media (prefers-reduced-motion:reduce){.ap-pill,.ap-drawer,.ap-drawer .ap-links a{transition:none!important}}
.ap-pill,.ap-drawer{--ap-bg:#0b0b0b;--ap-mk:#ffffff}.ap-drawer{background:#0b0b0b}.ap-drawer .ap-q{background:#f9f9f9;color:#0b0b0b}.ap-drawer .ap-links a[aria-current],.ap-drawer .ap-links a:hover{color:#fff;text-decoration:underline}