/* ═══ THE DOOR on the gate. The brass, semi-transparent over the blurred gate. The night ink
   of /brass/ is kept as-is inside it: the door is a night object standing in a lit room. ═══ */
.g-door{position:fixed;inset:0;z-index:100;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
  background:rgba(16,8,32,.86);backdrop-filter:blur(9px) saturate(.85);-webkit-backdrop-filter:blur(9px) saturate(.85);
  padding:56px 20px 56px;color:var(--bone);animation:gdfade 520ms ease-out both}
@keyframes gdfade{from{opacity:0}to{opacity:1}}
.g-door.gone{opacity:0;pointer-events:none;transition:opacity 620ms cubic-bezier(.4,0,.2,1)}
body.g-door-shut{overflow:hidden}
.g-door-in{max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.g-door-in>*{max-width:100%}
.g-door .rule.top{display:flex;align-items:center;gap:14px;width:auto}
.g-door .rule.top i{flex:0 0 42px;height:1px;background:var(--line)}
.g-door .kick{color:var(--brass);letter-spacing:.34em}
.g-door .g-door-wm{margin-top:18px;font-size:clamp(2.6rem,9vw,5.5rem)}
.g-door .g-house-k{color:var(--dusk)}
.g-door .g-brass-door{margin-top:34px;width:100%}
.g-door .g-brass-door .lede{margin-top:0}
/* everything inside is /brass/ ink, not the gate's daylight ink */
.g-day .g-door h1:not(.g-clip),.g-day .g-door h2,.g-day .g-door h3{color:var(--bone)}
.g-day .g-door .kick{color:var(--brass)}
.g-day .g-door .g-house-k{color:var(--dusk)}
@media(prefers-reduced-motion:reduce){.g-door{animation:none}}
@media(max-width:560px){.g-door{padding-left:16px;padding-right:16px}.g-door .lever{width:100%;justify-content:center}}