/* Social Stardom resource hub pages: Blog, Cities and Industries only.
   Mirrors the homepage's warm paper, deep ink and orange palette. */
.resource-hub-page {
  --bg: #f7f6f4 !important;
  --bg-1: #ffffff !important;
  --bg-2: #efece7 !important;
  --bg-card: #ffffff !important;
  --bg-card-hover: #fffaf6 !important;
  --surface: #ffffff !important;
  --surface-2: #efece7 !important;
  --text: #111214 !important;
  --text-2: #5f5b56 !important;
  --text-3: #77716a !important;
  --text-dim: #5f5b56 !important;
  --border: #dedad4 !important;
  --border-2: #cfc9c1 !important;
  --blue: #ff6321 !important;
  --blue-bright: #e95314 !important;
  --blue-dim: rgba(255, 99, 33, .09) !important;
  --border-blue: rgba(255, 99, 33, .36) !important;
  --orange: #ff6321 !important;
  --orange-dim: rgba(255, 99, 33, .09) !important;
  background: #f7f6f4;
  color: #111214;
}
.resource-hub-page .site-main { background: #f7f6f4; }
.resource-hub-page .section-label,
.resource-hub-page .page-hero .label,
.resource-hub-page .section-head__eyebrow {
  color: #c94812;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.4;
  text-transform: uppercase;
}
.resource-hub-page .page-hero,
.resource-hub-page .blog-hero,
.resource-hub-page .editorial-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: radial-gradient(ellipse at 82% 18%, rgba(255, 99, 33, .11), transparent 34%),
              linear-gradient(180deg, #fff 0%, #f7f6f4 100%) !important;
  color: #111214 !important;
  border-bottom: 1px solid rgba(17, 18, 20, .08);
}
.resource-hub-page .page-hero::before,
.resource-hub-page .page-hero::after,
.resource-hub-page .blog-hero::before,
.resource-hub-page .editorial-hero::before,
.resource-hub-page .editorial-hero::after { display: none !important; content: none !important; }
.resource-hub-page .page-hero { padding: clamp(72px, 9vw, 124px) 24px clamp(60px, 8vw, 104px) !important; }
.resource-hub-page .page-hero__inner { max-width: 1240px; margin: 0 auto; }
.resource-hub-page .page-hero__title,
.resource-hub-page .editorial-hero__copy h1,
.resource-hub-page .blog-hero__title {
  color: #111214 !important;
  font-size: clamp(2.7rem, 6vw, 5.4rem) !important;
  font-weight: 600 !important;
  letter-spacing: -.055em !important;
  line-height: 1.02 !important;
  max-width: 18ch;
  margin: 18px 0 22px !important;
}
.resource-hub-page .grad-orange,
.resource-hub-page .blog-hero__title-accent { color: #e95314 !important; }
.resource-hub-page .page-hero__body,
.resource-hub-page .editorial-hero__copy-text,
.resource-hub-page .blog-hero__sub {
  color: #5f5b56 !important;
  font-size: clamp(1.05rem, 1.45vw, 1.22rem) !important;
  line-height: 1.75 !important;
  max-width: 64ch !important;
}
.resource-hub-page .editorial-hero { padding: clamp(64px, 8vw, 104px) 24px !important; }
.resource-hub-page .editorial-hero__grid { width: min(1240px, 100%); margin: 0 auto; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); gap: clamp(44px, 7vw, 104px); align-items: center; }
.resource-hub-page .editorial-hero__panel {
  background: #fff !important;
  border: 1px solid #e3ded7 !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 64px rgba(17, 18, 20, .08) !important;
  color: #111214 !important;
  padding: clamp(28px, 4vw, 46px) !important;
}
.resource-hub-page .editorial-hero__panel h2 { color: #111214 !important; font-size: clamp(1.55rem, 2.7vw, 2.15rem) !important; line-height: 1.12 !important; }
.resource-hub-page .editorial-hero__panel p { color: #5f5b56 !important; line-height: 1.7 !important; }
.resource-hub-page .editorial-hero__panel-card { background: #f7f6f4 !important; border: 1px solid #e5e0da !important; border-radius: 16px !important; padding: 16px !important; }
.resource-hub-page .editorial-hero__panel-card strong { color: #e95314 !important; }
.resource-hub-page .btn-primary,
.resource-hub-page .btn.btn-primary { background: #ff6321 !important; color: #111214 !important; border-color: #ff6321 !important; box-shadow: 0 12px 28px rgba(255, 99, 33, .2) !important; }
.resource-hub-page .btn-secondary,
.resource-hub-page .btn.btn-secondary { background: #fff !important; color: #111214 !important; border: 1px solid #d9d4cd !important; }
.resource-hub-page .section { padding: clamp(76px, 9vw, 120px) 24px !important; }
.resource-hub-page .section-sm { padding: 38px 24px !important; }
.resource-hub-page .section-inner { width: min(1240px, 100%); margin: 0 auto; }
.resource-hub-page .section-head { max-width: 780px; margin-bottom: 34px; }
.resource-hub-page .section-head__title { color: #111214 !important; font-size: clamp(1.9rem, 3.5vw, 3rem) !important; line-height: 1.08 !important; letter-spacing: -.04em !important; }
.resource-hub-page .section-head__body { color: #5f5b56 !important; font-size: 1rem !important; line-height: 1.75 !important; max-width: 72ch; }
.resource-hub-page .stats-strip { border-color: #e2ddd7 !important; border-radius: 24px !important; box-shadow: 0 14px 40px rgba(17, 18, 20, .04); }
.resource-hub-page .stats-strip__item { background: #fff !important; padding: clamp(24px, 3vw, 38px) 20px !important; }
.resource-hub-page .stats-strip__value { color: #e95314 !important; font-family: "Geist", sans-serif !important; font-size: clamp(2rem, 3.4vw, 3rem) !important; }
.resource-hub-page .stats-strip__label { color: #5f5b56 !important; font-size: .88rem !important; line-height: 1.55 !important; margin-top: 10px !important; }
.resource-hub-page .page-hero + section { padding-top: 44px !important; padding-bottom: 44px !important; }
.resource-hub-page .page-hero + section .section-inner { max-width: 1120px; }
.resource-hub-page .section[style*="background"] { background: #f0ede8 !important; }
.resource-hub-page .section[style*="background"] .section-inner { padding-top: 0; }
.resource-hub-page .section-inner > div[style*="display:grid"] { gap: 16px !important; margin-top: 36px !important; }
.resource-hub-page .section-inner > div[style*="grid-template-columns"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.resource-hub-page .section-inner > div[style*="display:grid"] > a {
  min-height: 148px;
  background: #fff !important;
  border: 1px solid #e1dcd5 !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgba(17, 18, 20, .035);
  padding: 22px !important;
}
.resource-hub-page .section-inner > div[style*="display:grid"] > a:hover { border-color: rgba(255, 99, 33, .45) !important; box-shadow: 0 16px 32px rgba(17, 18, 20, .08) !important; transform: translateY(-3px); }
.resource-hub-page .section-inner > div[style*="display:grid"] > a strong { color: #111214 !important; }
.resource-hub-page .section-inner > div[style*="display:grid"] > a span { color: #68645f; }
.resource-hub-page .section-inner > div[style*="display:grid"] > a span[style*="color:var(--orange)"],
.resource-hub-page .section-inner > div[style*="display:grid"] > a span[style*="color:var(--blue)"] { color: #d94b12 !important; }
.resource-hub-page .metric-tile { background: #fff !important; border: 1px solid #e2ddd7 !important; border-radius: 22px !important; padding: 30px !important; box-shadow: 0 12px 34px rgba(17, 18, 20, .045); }
.resource-hub-page .stats-strip__grid { gap: 16px !important; }
.resource-hub-page .case-study-band { padding: clamp(76px, 9vw, 112px) 24px !important; background: #f0ede8 !important; }
.resource-hub-page .case-study-band > * { width: min(1240px, 100%); margin-left: auto; margin-right: auto; }
.resource-hub-page .resource-grid { gap: 20px !important; margin-top: 40px !important; }
.resource-hub-page .resource-card { background: #fff !important; border: 1px solid #e0dbd4 !important; border-left: 3px solid #ff6321 !important; border-radius: 20px !important; padding: 28px !important; box-shadow: 0 12px 30px rgba(17, 18, 20, .045); }
.resource-hub-page .resource-card h3 { color: #111214 !important; font-size: 1.35rem !important; margin: 0 0 12px !important; }
.resource-hub-page .resource-card > p:not(.case-study-band__tag) { color: #5f5b56 !important; line-height: 1.75 !important; }
.resource-hub-page .resource-card__actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.resource-hub-page .cta-banner,
.resource-hub-page .cta-panel__inner { background: #fff !important; border: 1px solid #e4ded7 !important; border-radius: 28px !important; box-shadow: 0 18px 48px rgba(17, 18, 20, .06) !important; }
.resource-hub-page .cta-banner__title,
.resource-hub-page .cta-panel__inner h2 { color: #111214 !important; font-size: clamp(2rem, 4vw, 3.35rem) !important; line-height: 1.08 !important; }
.resource-hub-page .cta-banner__body,
.resource-hub-page .cta-panel__inner > p:not(.section-label) { color: #5f5b56 !important; line-height: 1.75 !important; }

/* Blog hub */
.resource-hub-page .blog-hero { padding: clamp(68px, 8vw, 112px) 24px clamp(50px, 6vw, 78px) !important; }
.resource-hub-page .blog-hero__inner { max-width: 1240px; padding: 0 !important; }
.resource-hub-page .blog-hero__title { max-width: 16ch; margin: 18px 0 22px !important; }
.resource-hub-page .blog-hero__sub { max-width: 62ch !important; }
.resource-hub-page .blog-layout { max-width: 1240px; grid-template-columns: minmax(230px, 280px) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); padding: 54px 24px 96px; }
.resource-hub-page .blog-sidebar__body { background: #fff !important; border-color: #e0dbd4 !important; border-radius: 20px !important; box-shadow: 0 12px 32px rgba(17, 18, 20, .05); }
.resource-hub-page .blog-sidebar__list { max-height: 520px; }
.resource-hub-page .blog-sidebar__link { font-size: .88rem; padding: 9px 10px; }
.resource-hub-page .blog-sidebar__link.is-active { background: rgba(255, 99, 33, .1) !important; color: #c94812 !important; }
.resource-hub-page .blog-sidebar__count { background: #f0ede8 !important; }
.resource-hub-page .blog-featured { border-radius: 24px !important; background: #fff !important; border: 1px solid #e1dcd5 !important; box-shadow: 0 18px 42px rgba(17, 18, 20, .06); margin-bottom: 38px; }
.resource-hub-page .blog-featured__body { padding: clamp(28px, 4vw, 48px) !important; }
.resource-hub-page .blog-featured__title { color: #111214 !important; font-size: clamp(1.65rem, 3vw, 2.55rem) !important; line-height: 1.12 !important; margin: 20px 0 14px !important; }
.resource-hub-page .blog-featured__excerpt { color: #5f5b56 !important; line-height: 1.75 !important; }
.resource-hub-page .blog-featured__visual { background: radial-gradient(circle, rgba(255, 99, 33, .13), rgba(255, 99, 33, .025) 68%) !important; }
.resource-hub-page .blog-featured__visual svg { stroke: #e95314 !important; width: 96px; height: 96px; }
.resource-hub-page .blog-cat-chips { gap: 10px !important; margin: 0 0 32px !important; }
.resource-hub-page .blog-cat-chip { border: 1px solid #e1dcd5 !important; background: #fff !important; border-radius: 999px !important; padding: 9px 14px !important; }
.resource-hub-page .blog-cat-chip.is-active { background: #111214 !important; border-color: #111214 !important; color: #fff !important; }
.resource-hub-page .blog-grid-new { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.resource-hub-page .blog-card-new { min-height: 260px; gap: 16px; padding: 25px !important; background: #fff !important; border-color: #e1dcd5 !important; border-radius: 20px !important; box-shadow: 0 10px 28px rgba(17, 18, 20, .035); }
.resource-hub-page .blog-card-new__title { font-size: 1.1rem !important; line-height: 1.4 !important; }
.resource-hub-page .blog-card-new__excerpt { font-size: .92rem !important; line-height: 1.7 !important; -webkit-line-clamp: 3; }
.resource-hub-page .blog-card-new__cat { color: #c94812 !important; background: rgba(255, 99, 33, .1) !important; }
.resource-hub-page .blog-pagination { margin-top: 42px; }
.resource-hub-page .blog-pagination__page.is-active { background: #ff6321 !important; color: #111214 !important; border-color: #ff6321 !important; }
.resource-hub-page .blog-layout + .cta-panel { margin-top: 0 !important; }
.resource-hub-page .cta-panel { padding-bottom: clamp(50px, 8vw, 96px) !important; }
.resource-hub-page .cta-panel__inner { padding: clamp(36px, 5vw, 64px) !important; }

/* Footer navigation gets one additional, dedicated Explore menu. */
.site-footer .footer-grid { grid-template-columns: minmax(220px, 1.45fr) repeat(4, minmax(0, 1fr)); gap: clamp(20px, 3vw, 42px); }

@media (max-width: 980px) {
  .resource-hub-page .editorial-hero__grid { grid-template-columns: 1fr !important; gap: 34px !important; }
  .resource-hub-page .section-inner > div[style*="grid-template-columns"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .resource-hub-page .blog-layout { grid-template-columns: 1fr; }
  .resource-hub-page .blog-sidebar { position: static; }
  .resource-hub-page .blog-sidebar__toggle { display: flex; width: 100%; justify-content: space-between; padding: 14px 16px; background: #fff; color: #111214; border: 1px solid #e0dbd4; border-radius: 14px; }
  .resource-hub-page .blog-sidebar__body { display: none; margin-top: 10px; }
  .resource-hub-page .blog-sidebar__body.is-open { display: block; }
  .site-footer .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site-footer .footer-brand-col { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .resource-hub-page .page-hero { padding: 58px 20px 54px !important; }
  .resource-hub-page .blog-hero { padding: 58px 20px 46px !important; }
  .resource-hub-page .blog-layout { padding: 32px 20px 62px; }
  .resource-hub-page .blog-grid-new { grid-template-columns: 1fr; }
  .resource-hub-page .blog-card-new { min-height: 0; }
  .resource-hub-page .section { padding: 64px 20px !important; }
  .resource-hub-page .section-sm { padding: 30px 20px !important; }
  .resource-hub-page .section-inner > div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  .resource-hub-page .editorial-hero { padding: 58px 20px !important; }
  .resource-hub-page .editorial-hero__panel { padding: 24px !important; }
  .resource-hub-page .resource-grid { grid-template-columns: 1fr !important; }
  .resource-hub-page .case-study-band { padding: 64px 20px !important; }
  .resource-hub-page .blog-featured__visual { min-height: 120px; }
  .site-footer .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
  .site-footer .footer-brand-col { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  .resource-hub-page *, .resource-hub-page *::before, .resource-hub-page *::after { scroll-behavior: auto !important; }
}