.sparks-feed {
  --sparks-navy: #171d29;
  --sparks-card: #20283a;
  --sparks-yellow: #f6bf4f;
  --sparks-turquoise: #65d7da;
  --sparks-white: #f8f9fb;
  --sparks-muted: #b8bec9;
  width: min(1180px, calc(100% - 32px));
  margin: 48px auto;
  padding: clamp(28px, 5vw, 64px);
  color: var(--sparks-white);
  background: var(--sparks-navy);
  border-radius: 28px;
  font-family: Gibson, "Helvetica Neue", Arial, sans-serif;
  box-sizing: border-box;
}
.sparks-feed *, .sparks-feed *::before, .sparks-feed *::after { box-sizing: border-box; }
.sparks-feed__heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 30px; }
.sparks-feed__eyebrow { margin: 0 0 8px; color: var(--sparks-turquoise); font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.sparks-feed h2 { max-width: 720px; margin: 0; color: var(--sparks-white); font-size: clamp(32px, 5vw, 58px); line-height: .98; letter-spacing: -.035em; }
.sparks-feed__intro { margin: 16px 0 0; color: var(--sparks-muted); font-size: clamp(16px, 2vw, 19px); }
.sparks-feed__app-link, .sparks-feed__more, .sparks-card__link { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 999px; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform .2s ease, filter .2s ease; }
.sparks-feed__app-link { flex: 0 0 auto; padding: 13px 20px; color: var(--sparks-navy); background: var(--sparks-yellow); }
.sparks-feed__app-link:hover, .sparks-feed__more:hover, .sparks-card__link:hover { transform: translateY(-2px); filter: brightness(1.04); }
.sparks-feed__status { min-height: 24px; margin: 0 0 18px; color: var(--sparks-muted); font-size: 14px; }
.sparks-feed__status--error { color: #ffb1a8; }
.sparks-feed__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 1fr; align-items: stretch; gap: 18px; }
.sparks-card { display: flex; min-width: 0; height: 100%; overflow: hidden; flex-direction: column; color: var(--sparks-white); background: var(--sparks-card); border: 1px solid rgba(255,255,255,.08); border-radius: 20px; box-shadow: 0 16px 36px rgba(0,0,0,.16); }
.sparks-card__media { display: grid; width: 100%; height: 210px; min-height: 210px; place-items: center; overflow: hidden; background: linear-gradient(145deg, #283247, #151b27); }
.sparks-card__image { display: block; width: 100%; height: 210px; object-fit: cover; transition: transform .35s ease; }
.sparks-card:hover .sparks-card__image { transform: scale(1.035); }
.sparks-card__spark { color: var(--sparks-yellow); font-size: 58px; }
.sparks-card__body { display: flex; min-height: 0; flex: 1; flex-direction: column; padding: 20px; }
.sparks-card__category { display:inline-block; margin-bottom:12px; color:var(--sparks-white); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.sparks-card__title { display: -webkit-box; min-height: 2.16em; margin: 0; overflow: hidden; color: var(--sparks-white); font-size: 22px; line-height: 1.08; letter-spacing: -.02em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sparks-card__club { margin: 8px 0 16px; color: var(--sparks-muted); font-size: 14px; }
.sparks-card__meta { display:grid; gap:9px; min-height:90px; margin-bottom:18px; }
.sparks-card__meta-item { display:grid; grid-template-columns:18px minmax(0,1fr); gap:9px; align-items:start; margin:0; padding:0; color:#d9dde4 !important; font-family:Gibson,"Helvetica Neue",Arial,sans-serif !important; font-size:13px !important; font-weight:500 !important; line-height:1.4 !important; letter-spacing:0 !important; text-decoration:none !important; text-transform:none !important; }
.sparks-card__meta-item[href]:hover { color:var(--sparks-white) !important; text-decoration:underline !important; text-underline-offset:3px; }
.sparks-card__meta-icon { display:grid; width:18px; height:18px; place-items:center; color:var(--sparks-yellow); font-size:14px; font-weight:700; line-height:1; }
.sparks-card__meta-text { min-width:0; color:inherit; font:inherit; line-height:inherit; }
.sparks-card__meta-item--availability { color:var(--sparks-white) !important; font-weight:700 !important; }
.sparks-card__link { width:auto; margin-top:auto; padding:9px 14px; align-self:flex-start; color:var(--sparks-navy); background:var(--sparks-yellow); font-size:12px; }
.sparks-feed__actions { display: flex; justify-content: center; margin-top: 28px; }
.sparks-feed__more { padding: 14px 24px; color: var(--sparks-navy); background: var(--sparks-yellow); font-size: 14px; }
.sparks-feed__more[hidden] { display: none; }
.sparks-feed__more:disabled { cursor: wait; opacity: .6; }
@media (max-width: 900px) { .sparks-feed__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) {
  .sparks-feed { width: min(100% - 20px, 1180px); margin: 24px auto; padding: 28px 16px; border-radius: 20px; }
  .sparks-feed__heading { align-items: flex-start; flex-direction: column; }
  .sparks-feed__grid { grid-template-columns: 1fr; }
  .sparks-feed__app-link { width: 100%; }
  .sparks-feed__grid { grid-auto-rows: auto; }
  .sparks-card { display: grid; height: auto; grid-template-columns: 38% 62%; }
  .sparks-card__media, .sparks-card__image { min-height: 100%; height: 100%; }
  .sparks-card__body { display: flex; padding: 16px; }
  .sparks-card__title { font-size: 18px; }
  .sparks-card__meta { min-height: 0; }
  .sparks-card__meta-item:nth-child(n+4) { display: none; }
}
@media (max-width: 420px) { .sparks-card { grid-template-columns: 1fr; } .sparks-card__media, .sparks-card__image { height: 190px; min-height: 190px; } }
@media (prefers-reduced-motion: reduce) { .sparks-feed *, .sparks-feed *::before, .sparks-feed *::after { scroll-behavior: auto !important; transition: none !important; } }

.sparks-club { --sparks-navy:#171d29; --sparks-card:#20283a; --sparks-yellow:#f6bf4f; --sparks-turquoise:#65d7da; --sparks-white:#f8f9fb; --sparks-muted:#b8bec9; width:min(1180px,calc(100% - 32px)); margin:40px auto; overflow:hidden; color:var(--sparks-white); background:var(--sparks-navy); border-radius:28px; font-family:Gibson,"Helvetica Neue",Arial,sans-serif; }
.sparks-club *, .sparks-club *::before, .sparks-club *::after { box-sizing:border-box; }
.sparks-club [hidden] { display:none !important; }
.sparks-club__loading { min-height:320px; display:grid; place-items:center; padding:30px; color:var(--sparks-muted); }
.sparks-club__hero { min-height:260px; position:relative; display:flex; align-items:center; padding:clamp(30px,5vw,58px); background:radial-gradient(circle at 82% 20%,rgba(101,215,218,.15),transparent 32%),linear-gradient(145deg,#242d40,#151b27); border-bottom:1px solid rgba(255,255,255,.08); }
.sparks-club__hero-shade { position:absolute; inset:0; background:radial-gradient(circle at 12% 115%,rgba(246,191,79,.14),transparent 38%); }
.sparks-club__identity { position:relative; display:flex; align-items:center; gap:22px; z-index:1; }
.sparks-club__logo { width:112px; height:112px; flex:0 0 auto; display:grid; overflow:hidden; place-items:center; color:var(--sparks-yellow); background:#fff; border:4px solid rgba(255,255,255,.8); border-radius:24px; font-size:44px; box-shadow:0 14px 34px rgba(0,0,0,.25); }
.sparks-club__logo img { width:100%; height:100%; object-fit:contain; }
.sparks-club__category { margin:0 0 8px; color:var(--sparks-turquoise); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.sparks-club h1 { margin:0; color:#fff; font-size:clamp(38px,7vw,72px); line-height:.95; letter-spacing:-.04em; }
.sparks-club__identity > div > p:last-child { margin:10px 0 0; color:#e0e4ea; }
.sparks-club__layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:36px; padding:clamp(28px,5vw,58px); }
.sparks-club__layout.is-single { grid-template-columns:1fr; }
.sparks-club h2 { margin:0 0 18px; color:#fff; font-size:clamp(24px,3vw,34px); letter-spacing:-.025em; }
.sparks-club__description { color:#d8dce3; font-size:17px; line-height:1.7; }
.sparks-club__description p { margin:0 0 14px; }
.sparks-club__aside { align-self:start; padding:24px; background:var(--sparks-card); border:1px solid rgba(255,255,255,.08); border-radius:20px; }
.sparks-club__aside h2 { font-size:22px; }
.sparks-club__detail { display:block; margin:0 0 15px; color:#e4e7ec; text-decoration:none; line-height:1.45; }
.sparks-club__detail strong { display:block; margin-bottom:3px; color:var(--sparks-turquoise); font-size:11px; letter-spacing:.07em; text-transform:uppercase; }
.sparks-club__links { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.sparks-club__links a { padding:9px 12px; color:var(--sparks-navy); background:var(--sparks-yellow); border-radius:999px; font-size:12px; font-weight:800; text-decoration:none; }
.sparks-club__activities { margin-top:52px; }
.sparks-club__section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; }
.sparks-club__section-heading span { color:var(--sparks-muted); font-size:13px; }
.sparks-club__activities .sparks-feed__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sparks-club__activities > .sparks-feed__more { display:flex; margin:28px auto 0; }
.sparks-club__activities > .sparks-feed__more[hidden] { display:none; }
.sparks-club__empty { color:var(--sparks-muted); }
@media(max-width:800px){.sparks-club__layout{grid-template-columns:1fr}.sparks-club__aside{grid-row:1}.sparks-club__activities .sparks-feed__grid{grid-template-columns:1fr}}
@media(max-width:560px){.sparks-club{width:calc(100% - 20px);border-radius:20px}.sparks-club__hero{min-height:280px}.sparks-club__identity{align-items:flex-start;flex-direction:column}.sparks-club__logo{width:88px;height:88px}.sparks-club__layout{padding:26px 16px}.sparks-club__activities .sparks-card{display:grid;grid-template-columns:38% 62%}}

.sparks-club-group { width:min(1180px,calc(100% - 32px)); margin:120px auto 40px; font-family:Gibson,"Helvetica Neue",Arial,sans-serif; }
.sparks-club-group [hidden] { display:none !important; }
.sparks-club-group__heading { margin-bottom:22px; }
.sparks-club-group__heading h1 { margin:0; color:#fff; font-size:clamp(34px,5vw,58px); line-height:1; letter-spacing:-.035em; }
.sparks-club-group__filters { position:sticky; top:10px; z-index:20; display:flex; gap:9px; overflow-x:auto; margin-bottom:22px; padding:10px; background:rgba(255,255,255,.94); border:1px solid #e4e5e7; border-radius:999px; box-shadow:0 10px 28px rgba(23,29,41,.1); scrollbar-width:none; }
.sparks-club-group__filters::-webkit-scrollbar { display:none; }
.sparks-club-group__filter { flex:0 0 auto; padding:11px 17px; color:#171d29; background:transparent; border:0; border-radius:999px; font:700 13px Gibson,"Helvetica Neue",Arial,sans-serif; cursor:pointer; }
.sparks-club-group__filter:hover { background:#eef0f4; }
.sparks-club-group__filter.is-active { color:#171d29; background:#f6bf4f; }
.sparks-club-group__panels .sparks-club { width:100%; margin:0; }
@media(max-width:620px){.sparks-club-group{width:calc(100% - 20px);margin:92px auto 24px}.sparks-club-group__filters{top:6px;border-radius:18px}.sparks-club-group__filter{padding:10px 14px}.sparks-club-group__panels .sparks-club{width:100%}}