.scrim{position:fixed;inset:0;z-index:7;background:rgba(15,23,42,.45);opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}.scrim.is-visible{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:8;width:min(420px,92vw);transform:translateX(100%);transition:transform .45s var(--ease-rubber);pointer-events:none}.drawer.is-open{transform:translateX(0);pointer-events:auto}.drawer__panel{height:100%;overflow-y:auto;background:var(--panel);border-left:var(--border);box-shadow:-6px 0 0 var(--ink);padding:28px 24px 40px;position:relative}.drawer__close,.modal__close{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;border:var(--border-thin);background:var(--panel);box-shadow:var(--shadow-flat-sm);color:var(--text);cursor:pointer;font-size:13px;transition:transform 180ms var(--ease-spring),box-shadow 180ms var(--ease-spring),color 180ms var(--ease-spring)}.drawer__close:hover,.modal__close:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-flat-lg);color:var(--coral)}.drawer__close:active,.modal__close:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.drawer__head{margin-bottom:20px;padding-right:30px}.drawer__cat{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--sun);border:var(--border-thin);padding:3px 9px;border-radius:999px;margin-bottom:10px}.drawer__title{font-family:var(--font-display);font-size:21px;margin:0 0 8px;line-height:1.3;color:var(--text)}.drawer__coords{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.drawer__embed{min-height:120px;margin-bottom:16px}.drawer__credit{display:block;margin-top:8px;font-size:11px;color:var(--text-faint);text-decoration:none}a.drawer__credit:hover{color:var(--sky-blue)}.drawer__embed .embed-fallback{border:2px dashed var(--ink);border-radius:var(--radius-sm);padding:20px;font-size:13px;color:var(--text-dim);text-align:center;background:var(--panel-alt)}.drawer__link{display:inline-block;font-size:13px;color:var(--ink);text-decoration:none;font-weight:600;border-bottom:2px solid var(--sky-blue)}.drawer__link:hover{color:var(--sky-blue);border-color:var(--coral)}.drawer__feed{display:flex;flex-direction:column;gap:18px}.drawer__feed-card{background:var(--panel-alt);border:var(--border-thin);border-radius:var(--radius-sm);box-shadow:var(--shadow-flat-sm);padding:14px;transition:transform 180ms var(--ease-spring),box-shadow 180ms var(--ease-spring)}.drawer__feed-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:var(--shadow-flat)}.drawer__feed-card:nth-child(2n):hover{transform:translateY(-4px) rotate(1deg)}.drawer__feed-head{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.drawer__feed-head .drawer__cat{align-self:flex-start;margin-bottom:0}.drawer__feed-title{font-family:var(--font-display);font-size:15px;color:var(--text)}.drawer__feed-embed{min-height:60px}.drawer__feed-card .drawer__link{margin-top:10px}