#ssh-patreon-promo{--promo-bg:#fff;--promo-ink:#173b48;--promo-muted:#56717d;color:var(--promo-ink);background:var(--promo-bg);border:0;border-radius:24px;padding:0;width:min(900px,calc(100vw - 32px));max-width:900px;max-height:calc(100dvh - 32px);margin:auto;overflow:auto;box-shadow:0 24px 90px #0006;font-family:Arial,sans-serif}
#ssh-patreon-promo:not([open]),#ssh-patreon-promo [hidden]{display:none!important}
#ssh-patreon-promo[open]{display:grid;grid-template-columns:1.1fr 1fr;animation:ssh-promo-enter .32s cubic-bezier(.2,.7,.2,1) both}
#ssh-patreon-promo::backdrop{background:rgb(0 0 0 / 68%);backdrop-filter:blur(5px);animation:ssh-promo-backdrop .32s ease-out both}
@keyframes ssh-promo-enter{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ssh-promo-backdrop{from{opacity:0}to{opacity:1}}
html.ssh-promo-open{overflow:hidden}
html[data-ssh-theme=dark] #ssh-patreon-promo{--promo-bg:#172330;--promo-ink:#f1f5f9;--promo-muted:#b6c6d5}
#ssh-patreon-promo .ssh-promo-close{position:absolute;right:12px;top:12px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--promo-bg);color:var(--promo-ink);cursor:pointer;box-shadow:0 2px 12px #0002}
#ssh-patreon-promo .ssh-promo-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
#ssh-patreon-promo .ssh-promo-gallery{position:relative;min-width:0;min-height:460px;overflow:hidden;background:#e8eef5}
#ssh-patreon-promo .ssh-promo-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s ease;border-radius:0}
#ssh-patreon-promo .ssh-promo-image.is-current{opacity:1}
#ssh-patreon-promo .ssh-promo-gallery-controls{position:absolute;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(transparent,#0006)}
#ssh-patreon-promo .ssh-promo-dots{display:flex;gap:0}
#ssh-patreon-promo .ssh-promo-dots button{position:relative;width:32px;height:36px;border:0;background:none;padding:0;cursor:pointer}
#ssh-patreon-promo .ssh-promo-dots button:after{content:'';position:absolute;left:10px;top:12px;width:10px;height:10px;border-radius:50%;background:#ffffff70}
#ssh-patreon-promo .ssh-promo-dots button[aria-pressed=true]:after{background:white}
#ssh-patreon-promo .ssh-promo-pause{width:36px;height:36px;padding:0;background:#17233099;color:white;border:0;border-radius:50%;cursor:pointer;font-size:17px}
#ssh-patreon-promo .ssh-promo-copy{padding:64px 32px 36px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#ssh-patreon-promo .ssh-promo-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.2px;color:var(--promo-muted)}
#ssh-patreon-promo h2{font:700 clamp(25px,3vw,34px)/1.1 Arial,sans-serif;letter-spacing:-1px;text-transform:none;color:var(--promo-ink);margin:16px 0}
#ssh-patreon-promo p{font-size:16px;line-height:1.5;color:var(--promo-muted);margin:0 0 16px}
#ssh-patreon-promo strong{color:var(--promo-ink)}
#ssh-patreon-promo .ssh-promo-download{margin-bottom:24px}
#ssh-patreon-promo .ssh-promo-cta{display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%;box-sizing:border-box;min-height:50px;padding:14px 18px;background:linear-gradient(110deg,#83ddd2,#d2ecac);color:#123e4b;border:0;border-radius:12px;text-decoration:none;font-size:15px;font-weight:700}
#ssh-patreon-promo .ssh-promo-cta:hover{filter:brightness(1.04)}
#ssh-patreon-promo .ssh-promo-outbound{width:100%;margin-top:20px;border-top:1px solid #8198a52e;padding-top:16px;min-height:94px}
#ssh-patreon-promo .ssh-promo-countdown{font-size:13px;margin-bottom:8px}
#ssh-patreon-promo .ssh-promo-continue{display:block;color:var(--promo-ink);font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:8px 0}
#ssh-patreon-promo small{display:block;font-size:11px;color:var(--promo-muted);overflow-wrap:anywhere}
#ssh-patreon-promo :is(a,button):focus-visible{outline:3px solid #36bfb7;outline-offset:3px}
@media(max-width:640px){#ssh-patreon-promo[open]{grid-template-columns:1fr;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:20px}#ssh-patreon-promo .ssh-promo-gallery{min-height:0;height:clamp(170px,29dvh,270px)}#ssh-patreon-promo .ssh-promo-copy{padding:24px}#ssh-patreon-promo h2{font-size:27px;margin:12px 0}#ssh-patreon-promo p{font-size:14px;margin-bottom:14px}#ssh-patreon-promo .ssh-promo-outbound{margin-top:16px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){#ssh-patreon-promo[open],#ssh-patreon-promo::backdrop{animation:none}#ssh-patreon-promo .ssh-promo-image{transition:none}}

/* Permanent homepage promotion before the Explore directory. */
#ssh-feed .ssh-home-patreon{padding:28px 32px 12px}
#ssh-feed .ssh-home-patreon>.ssh-page-heading{padding:0!important;margin:0 0 18px!important}
#ssh-feed #ssh-home-patreon-title{text-transform:none!important;margin:0}
#ssh-feed .ssh-home-patreon-card{display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;border-radius:16px;background:#fff;color:#173b48}
#ssh-feed .ssh-home-patreon-art{display:block;min-width:0;background:#e8eef5;border-radius:16px;overflow:hidden}
#ssh-feed .ssh-home-patreon-art img{border-radius:inherit;display:block;width:100%;height:100%;min-height:280px;max-height:380px;object-fit:cover}
#ssh-feed .ssh-home-patreon-copy{padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#ssh-feed .ssh-home-patreon-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;opacity:.75}
#ssh-feed .ssh-home-patreon-copy h3{font:700 clamp(24px,2.5vw,32px)/1.12 Arial,sans-serif;letter-spacing:-.6px;text-transform:none;margin:14px 0;color:inherit}
#ssh-feed .ssh-home-patreon-copy p{font-size:15px;line-height:1.5;margin:0 0 22px;color:inherit;opacity:.8}
#ssh-feed .ssh-home-patreon-button{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;box-sizing:border-box;padding:12px 18px;border-radius:10px;background:linear-gradient(110deg,#83ddd2,#d2ecac);color:#123e4b!important;font-size:14px;font-weight:700;text-decoration:none}
#ssh-feed .ssh-home-patreon-button:hover{filter:brightness(1.04)}
#ssh-feed .ssh-home-patreon a:focus-visible{outline:3px solid #36bfb7;outline-offset:-3px}
html[data-ssh-theme=dark] #ssh-feed .ssh-home-patreon-card{background:#1d2c3b;color:#eef4f8}
@media(max-width:680px){#ssh-feed .ssh-home-patreon{padding:24px 16px 8px}#ssh-feed .ssh-home-patreon-card{grid-template-columns:1fr}#ssh-feed .ssh-home-patreon-art img{min-height:0;max-height:280px;aspect-ratio:4/3}#ssh-feed .ssh-home-patreon-copy{padding:24px}#ssh-feed .ssh-home-patreon-button{width:100%}}

/* Join the homepage promotion to the existing intro and Explore surface. */
html:root:root body #ssh-feed .ssh-home-patreon{background:var(--feed-card);margin:0;border-radius:0;box-sizing:border-box;padding-bottom:28px}
html:root:root body #ssh-feed .ssh-home-patreon-card{background:transparent;color:#eef4f8}
html:root:root[data-ssh-theme=light] body #ssh-feed .ssh-home-patreon{background:linear-gradient(115deg,#356879 0%,#396F80 38%,#6294A3 100%);color:#fff}
html:root:root[data-ssh-theme=light] body #ssh-feed #ssh-home-patreon-title{color:#fff!important}