:is(#ssh-patreon-promo,#ssh-nordlys-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}
:is(#ssh-patreon-promo,#ssh-nordlys-promo):not([open]),:is(#ssh-patreon-promo,#ssh-nordlys-promo) [hidden]{display:none!important}
:is(#ssh-patreon-promo,#ssh-nordlys-promo)[open]{display:grid;grid-template-columns:1.1fr 1fr;animation:ssh-promo-enter .32s cubic-bezier(.2,.7,.2,1) both}
:is(#ssh-patreon-promo,#ssh-nordlys-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] :is(#ssh-patreon-promo,#ssh-nordlys-promo){--promo-bg:#172330;--promo-ink:#f1f5f9;--promo-muted:#b6c6d5}
:is(#ssh-patreon-promo,#ssh-nordlys-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}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-gallery{position:relative;min-width:0;min-height:460px;overflow:hidden;background:#e8eef5}
:is(#ssh-patreon-promo,#ssh-nordlys-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}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-image.is-current{opacity:1}
:is(#ssh-patreon-promo,#ssh-nordlys-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)}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-dots{display:flex;gap:0}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-dots button{position:relative;width:32px;height:36px;border:0;background:none;padding:0;cursor:pointer}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-dots button:after{content:'';position:absolute;left:10px;top:12px;width:10px;height:10px;border-radius:50%;background:#ffffff70}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-dots button[aria-pressed=true]:after{background:white}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-pause{width:36px;height:36px;padding:0;background:#17233099;color:white;border:0;border-radius:50%;cursor:pointer;font-size:17px}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-copy{padding:64px 32px 36px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.2px;color:var(--promo-muted)}
:is(#ssh-patreon-promo,#ssh-nordlys-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}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) p{font-size:16px;line-height:1.5;color:var(--promo-muted);margin:0 0 16px}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) strong{color:var(--promo-ink)}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-download{margin-bottom:24px}
:is(#ssh-patreon-promo,#ssh-nordlys-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}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-cta:hover{filter:brightness(1.04)}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-outbound{width:100%;margin-top:20px;border-top:1px solid #8198a52e;padding-top:16px;min-height:94px}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-countdown{font-size:13px;margin-bottom:8px}
:is(#ssh-patreon-promo,#ssh-nordlys-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}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) small{display:block;font-size:11px;color:var(--promo-muted);overflow-wrap:anywhere}
:is(#ssh-patreon-promo,#ssh-nordlys-promo) :is(a,button):focus-visible{outline:3px solid #36bfb7;outline-offset:3px}
@media(max-width:640px){:is(#ssh-patreon-promo,#ssh-nordlys-promo)[open]{grid-template-columns:1fr;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:20px}:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-gallery{min-height:0;height:clamp(170px,29dvh,270px)}:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-copy{padding:24px}:is(#ssh-patreon-promo,#ssh-nordlys-promo) h2{font-size:27px;margin:12px 0}:is(#ssh-patreon-promo,#ssh-nordlys-promo) p{font-size:14px;margin-bottom:14px}:is(#ssh-patreon-promo,#ssh-nordlys-promo) .ssh-promo-outbound{margin-top:16px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){:is(#ssh-patreon-promo,#ssh-nordlys-promo)[open],:is(#ssh-patreon-promo,#ssh-nordlys-promo)::backdrop{animation:none}:is(#ssh-patreon-promo,#ssh-nordlys-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}

/* NORDLYS feature: keep the creator's complete cover visible. */
html:root:root body #ssh-feed .ssh-nordlys-feature .ssh-home-patreon-card{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);border:1px solid #83ddd233;border-radius:18px;background:linear-gradient(125deg,#233e46,#172330);color:#eef4f8}
html:root:root body #ssh-feed .ssh-nordlys-feature .ssh-home-patreon-art{background:#ac8a67;border-radius:0}
html:root:root body #ssh-feed .ssh-nordlys-feature .ssh-home-patreon-art img{height:380px;min-height:0;max-height:380px;object-fit:contain;border-radius:0}
#ssh-feed .ssh-nordlys-feature .ssh-home-patreon-copy{padding:28px}
#ssh-feed .ssh-nordlys-feature .ssh-feature-note{font:12px/1.5 Arial,sans-serif;color:#c2ced8;margin-top:14px}
:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo{width:min(800px,calc(100vw - 32px));border:1px solid #83ddd233;border-radius:20px;background:linear-gradient(125deg,#213a43,#172330);--promo-bg:#172330;--promo-ink:#f1f5f9;--promo-muted:#c2ced8}
:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo[open]{grid-template-columns:.95fr 1fr}
:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo .ssh-promo-gallery{min-height:0;background:#ac8a67;display:flex;align-items:center}
:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo .ssh-promo-image{position:static;height:auto;max-height:480px;object-fit:contain;opacity:1;transition:none}
:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo .ssh-promo-copy{padding:56px 28px 30px}
:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo h2{font-size:30px;letter-spacing:-.6px}
:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo .ssh-feature-note{font-size:12px;line-height:1.5;margin-top:14px}
@media(max-width:680px){html:root:root body #ssh-feed .ssh-nordlys-feature .ssh-home-patreon-card{grid-template-columns:1fr}html:root:root body #ssh-feed .ssh-nordlys-feature .ssh-home-patreon-art img{height:auto;max-height:360px;aspect-ratio:auto}#ssh-feed .ssh-nordlys-feature .ssh-home-patreon-copy{padding:22px}}
@media(max-width:640px){:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo[open]{grid-template-columns:1fr;width:min(420px,calc(100vw - 24px))}:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo .ssh-promo-gallery{height:auto;justify-content:center}:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo .ssh-promo-image{height:30dvh;max-height:280px;width:100%}:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo .ssh-promo-copy{padding:22px}:is(#ssh-patreon-promo,#ssh-nordlys-promo).ssh-nordlys-promo h2{font-size:25px;margin:10px 0 14px}}

/* Shared site frame: keep header, content and footer aligned on wide screens. */
html:root:root:root:root:root:root body > :is(#ssh-header,#primary,#page,#ssh-footer){width:100%!important;max-width:var(--ssh-site-max,1800px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
html:root:root:root:root:root:root body .ssh-home-ad-layout{max-width:var(--ssh-site-max,1800px)!important;margin-inline:auto!important;box-sizing:border-box!important}
#ssh-feed #ssh-nordlys-home-title{text-transform:none!important;margin:0}

/* Matching editorial cards for both featured collections. */
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);overflow:hidden;border:1px solid #83ddd233;border-radius:18px;background:linear-gradient(125deg,#233e46,#172330);color:#eef4f8}
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-art{display:flex;align-items:center;justify-content:center;min-width:0;background:#14212b;border-radius:0;overflow:hidden}
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-art img{display:block;width:100%;height:380px;min-height:0;max-height:380px;object-fit:contain;border-radius:0;aspect-ratio:auto}
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-copy{padding:28px;gap:0}
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-copy h3{font:700 clamp(24px,2.5vw,32px)/1.15 Arial,sans-serif;letter-spacing:-.6px;margin:14px 0;color:inherit}
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-copy p{font:400 15px/1.5 Arial,sans-serif;margin:0 0 22px;color:#c2ced8;opacity:1}
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-button{font:700 14px/1.4 Arial,sans-serif;min-height:48px;padding:12px 18px;border-radius:10px;background:linear-gradient(110deg,#83ddd2,#d2ecac)}
@media(max-width:680px){html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-card{grid-template-columns:1fr}html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-art img{height:320px;max-height:320px}html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-copy{padding:22px}}

/* Use the news image backdrop treatment for the homepage feature picks. */
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-art{position:relative;isolation:isolate}
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-art img.ssh-story-backdrop{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:blur(40px);opacity:.8;transform:scale(1.12);pointer-events:none;z-index:0}
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-art img.ssh-story-foreground{position:relative;z-index:1;object-fit:contain}

/* One spacing and typography system for all homepage editorial pick cards. */
html:root:root:root body #ssh-feed .ssh-home-patreon{padding:24px 32px 0}
html:root:root:root body #ssh-feed .ssh-home-patreon>.ssh-page-heading{margin:0 0 12px!important;padding:0!important}
html:root:root:root body #ssh-feed .ssh-home-patreon :is(#ssh-home-patreon-title,#ssh-nordlys-home-title,#ssh-cc-pick-home-title){font:500 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:1.6px;text-transform:uppercase!important;color:var(--feed-muted);margin:0}
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-copy{min-width:0;padding:28px}
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-button{min-width:220px;max-width:100%}
html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-feature-note{display:block;font:400 12px/1.5 Arial,Helvetica,sans-serif;color:#c2ced8;margin:14px 0 0;max-width:100%}
@media(max-width:680px){html:root:root:root body #ssh-feed .ssh-home-patreon{padding:20px 16px 0}html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-copy{padding:22px}html:root:root:root body #ssh-feed .ssh-home-patreon .ssh-home-patreon-button{min-width:0;width:100%}}
