/* Asking for a star or a sponsorship: one quiet line on every page, one strong block above the homepage footer. */
.support-line { max-width: 1240px; margin: 28px auto 0; padding: 14px 16px 6px; border-top: 1px solid var(--line, #8b8c87); color: var(--ink-2, var(--muted, #48515a)); font-size: 14px; line-height: 1.5; text-align: center; }
.support-line a { color: inherit; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.support-line a:hover { color: var(--ink, #15181c); }

.support-band { display: grid; gap: 24px; margin-bottom: 28px; padding: 28px 24px; border: 1px solid var(--ink); background: var(--ink); color: var(--paper-2); box-shadow: 5px 5px 0 var(--red); }
.support-band__eyebrow { margin: 0 0 12px; color: var(--paper-2); opacity: .75; font: 400 12px/1.6 var(--pixel); letter-spacing: var(--pixel-tracking); word-spacing: var(--pixel-word-spacing); text-transform: uppercase; }
.support-band h2 { margin: 0; font: 400 clamp(30px, 3.4vw, 44px)/1.08 var(--serif); letter-spacing: -.01em; }
.support-band__text { max-width: 54ch; margin: 14px 0 0; font-size: 17px; line-height: 1.55; opacity: .9; }
.support-band__cta { display: flex; flex-direction: column; gap: 10px; }
.support-band__cta .box { justify-content: center; border-color: var(--paper-2); }
.support-band__cta .box:hover { box-shadow: 3px 3px 0 var(--paper-2); }
.support-band__cta .box:not(.box--red) { background: transparent; color: var(--paper-2); }
.support-band__cta .box:not(.box--red):hover { background: var(--paper-2); color: var(--ink); box-shadow: 3px 3px 0 var(--red); }
@media (min-width: 620px) { .support-band__cta { flex-direction: row; flex-wrap: nowrap; } .support-band__cta .box { flex: 1 1 auto; padding-inline: 14px; } }
@media (min-width: 1000px) { .support-band { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 48px; padding: 36px 40px; } .support-band__cta .box { flex: 0 0 auto; padding-inline: 20px; } }

/* Top bar star link: the one highlighted button; short form where the bar is tight. */
.nav__gh-long { display: none; }
.nav .nav__gh { display: inline-flex; }
@media (min-width: 600px) and (max-width: 919px), (min-width: 1060px) { .nav__gh-long { display: inline; } }