/* The subscribe overlay
   Lines 227-251 of the original index.html. */

/* ---------------- subscribe ---------------- */


/* ---------------- subscribe ---------------- */
.btn-sub{display:inline-flex;align-items:center;cursor:pointer;border:1px solid rgba(246,241,224,.42);background:transparent;
  color:var(--light);border-radius:6px;font-family:var(--font);font-size:.9rem;font-weight:600;padding:.5rem 1.1rem;transition:.2s;white-space:nowrap}
.btn-sub:hover{border-color:var(--accent-hi);color:var(--accent-hi)}
.solid .btn-sub{border-color:var(--accent);color:var(--accent)}
.solid .btn-sub:hover{background:var(--accent);color:var(--on-accent)}
@media(max-width:1180px){.btn-sub{display:none}}
.foot-sub{display:inline-block;margin-top:1rem;color:var(--accent);font-weight:600;font-size:.95rem;border-bottom:1px solid transparent;transition:.2s}
.foot-sub:hover{color:var(--accent-deep);border-color:var(--accent-deep)}
#submodal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:1.2rem}
#submodal.open{display:flex}
.subback{position:fixed;inset:0;background:rgba(30,18,8,.62);backdrop-filter:blur(6px);animation:fade .3s}
.subsheet{position:relative;width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:1.9rem 1.7rem 1.7rem;box-shadow:var(--shadow);animation:rise .38s cubic-bezier(.2,.8,.2,1)}
.subsheet .mclose{top:.7rem;right:.7rem}
.sub-title{font-family:var(--font);font-weight:800;font-size:1.55rem;color:var(--ink);margin:.35rem 0 .55rem;letter-spacing:-.01em;line-height:1.1}
.sub-sub{color:var(--ink-dim);font-size:1rem;line-height:1.5;margin:0 0 1.3rem;max-width:36ch}
.sub-embed iframe{width:100%;height:150px;border:0;background:#fff;border-radius:10px;display:block}
.sub-off{display:block;margin:.9rem auto 0;background:none;border:0;color:var(--muted);font-family:var(--font);font-size:.82rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:.2s}
.sub-off:hover{color:var(--ink-dim)}
.sub-placeholder{color:var(--muted);font-size:.92rem;padding:1.6rem;text-align:center;border:1px dashed var(--line);border-radius:10px;line-height:1.5}