/* =========================================================================
   home-sections-refinement.css — v2.9.24.78
   Cleans up the two sections right below the hero (.sr-specials-section +
   .sr-categories-section) where shared-v3.css has 3-5 conflicting !important
   blocks per selector fighting each other, producing weird sizes + odd
   click targets on desktop.

   Sohan specifically flagged: out-of-size banners, not-readable text,
   odd click zones. "Looks good on mobile" was already true — this file
   preserves mobile layout and fixes desktop.

   Anchor: /about/ page DNA.
   Loaded LAST in the cascade (depends on sr-shared + sr-about-dna).
   Selectors are 0,5,0+ specificity with !important so they deterministically
   win every prior block.
   ========================================================================= */

/* ================== SPECIALS SECTION (3 banner cards) ================== */

body #sr-homepage .sr-specials-section {
  background: #fff !important;
  padding: clamp(40px, 6vw, 72px) clamp(16px, 3vw, 32px) !important;
  max-width: none !important;
}

body #sr-homepage .sr-specials-section .sr-section-title {
  font-size: clamp(26px, 3.3vw, 36px) !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  text-align: center !important;
  margin: 0 0 32px !important;
  line-height: 1.15 !important;
}

/* v2.9.24.78 — STACK the 3 specials banners individually (per Sohan feedback).
   No more 3-col row — each banner breathes on its own like the Silk Road
   co-work banner. Cleaner layout, no height-matching alignment issues. */
body #sr-homepage .sr-specials-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  grid-template-columns: none !important;
}

body #sr-homepage .sr-special-card {
  position: relative !important;
  display: block !important;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid rgba(15,21,17,.1) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  transition: transform .18s cubic-bezier(0.2,0.8,0.2,1),
              box-shadow .18s cubic-bezier(0.2,0.8,0.2,1),
              border-color .18s cubic-bezier(0.2,0.8,0.2,1) !important;
  box-shadow: none !important;
  aspect-ratio: 1500 / 492 !important; /* matches intrinsic banner ratio */
  min-height: 0 !important;
  cursor: pointer;
}

body #sr-homepage .sr-special-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 36px rgba(15,21,17,.1) !important;
  border-color: rgba(32,159,72,.35) !important;
}

body #sr-homepage .sr-special-card > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform .24s cubic-bezier(0.2,0.8,0.2,1) !important;
}

body #sr-homepage .sr-special-card:hover > img {
  transform: scale(1.03) !important;
}

/* Overlay — readable pill at bottom, About-DNA eyebrow styling */
body #sr-homepage .sr-special-card .sr-special-overlay {
  position: absolute !important;
  inset: auto 0 0 0 !important;
  top: auto !important;
  padding: 14px !important;
  background: linear-gradient(180deg, rgba(15,21,17,0) 0%, rgba(15,21,17,.75) 100%) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  pointer-events: none !important;
}

body #sr-homepage .sr-special-card .sr-special-overlay span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #7ED957, #209F48) !important;
  color: #051a09 !important;
  -webkit-text-fill-color: #051a09 !important;
  padding: 9px 18px !important;
  border-radius: 100px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-family: 'Poppins', inherit !important;
  box-shadow: 0 4px 14px rgba(32,159,72,.32) !important;
  border: none !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

body #sr-homepage .sr-special-card:hover .sr-special-overlay span {
  filter: brightness(1.05) !important;
}

/* Mobile — tighter spacing (already flex-column from default) */
@media (max-width: 560px) {
  body #sr-homepage .sr-specials-grid {
    gap: 14px !important;
    max-width: 100% !important;
    padding: 0 8px !important;
  }
}

/* ================== CATEGORIES SECTION (8 square tiles) ================== */

body #sr-homepage .sr-categories-section {
  background: #fff !important;
  padding: clamp(40px, 6vw, 72px) clamp(16px, 3vw, 32px) !important;
  max-width: none !important;
}

body #sr-homepage .sr-categories-section .sr-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

body #sr-homepage .sr-categories-section .sr-section-title {
  font-size: clamp(26px, 3.3vw, 36px) !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  text-align: center !important;
  margin: 0 0 8px !important;
  line-height: 1.15 !important;
}

body #sr-homepage .sr-categories-section .sr-section-sub {
  font-size: 15px !important;
  color: rgba(15,21,17,.65) !important;
  -webkit-text-fill-color: rgba(15,21,17,.65) !important;
  background: none !important;
  margin: 0 0 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

/* Tight hand-off from subtitle to grid — no excessive whitespace */
body #sr-homepage .sr-categories-section > .sr-categories-grid {
  margin-top: 10px !important;
}

body #sr-homepage .sr-categories-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Premium tile: near-black gradient DOMINATES, photo = subtle texture
   behind. Works even when category photos are mediocre (Sohan has flagged
   most of them as pending replacement). When he uploads better photography,
   we can turn down the overlay opacity in one line and photos become hero. */
body #sr-homepage .sr-category-card {
  position: relative !important;
  display: block !important;
  background: linear-gradient(135deg, #0f1511 0%, #1a2620 55%, #0b0f0c 100%) !important;
  background-image: linear-gradient(135deg, #0f1511 0%, #1a2620 55%, #0b0f0c 100%) !important;
  border: 1px solid rgba(126,217,87,.18) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  aspect-ratio: 1 / 1 !important;
  transition: transform .18s cubic-bezier(0.2,0.8,0.2,1),
              box-shadow .18s cubic-bezier(0.2,0.8,0.2,1),
              border-color .18s cubic-bezier(0.2,0.8,0.2,1) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
  cursor: pointer;
}

body #sr-homepage .sr-category-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 40px rgba(15,21,17,.22) !important;
  border-color: rgba(126,217,87,.55) !important;
}

/* Photo behind, at reduced opacity — acts as brand texture, not hero */
body #sr-homepage .sr-category-card > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  opacity: .7 !important;
  filter: saturate(1) contrast(1) !important;
  transition: opacity .24s cubic-bezier(0.2,0.8,0.2,1), transform .24s cubic-bezier(0.2,0.8,0.2,1) !important;
  mix-blend-mode: luminosity !important;
}

body #sr-homepage .sr-category-card:hover > img {
  opacity: .55 !important;
  transform: scale(1.04) !important;
}

/* Green glow that pulls toward the label on hover */
body #sr-homepage .sr-category-card .sr-cat-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 50% 85%, rgba(126,217,87,.22) 0%, rgba(32,159,72,0) 55%) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity .24s cubic-bezier(0.2,0.8,0.2,1) !important;
}
body #sr-homepage .sr-category-card:hover .sr-cat-overlay {
  opacity: 1 !important;
}

/* Category label — BIG centered hero treatment, not a small pill */
body #sr-homepage .sr-category-card .sr-cat-label {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  background: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight: 800 !important;
  font-size: clamp(16px, 2vw, 22px) !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-family: 'Poppins', inherit !important;
  border: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.6), 0 0 20px rgba(0,0,0,.4) !important;
  transition: color .18s cubic-bezier(0.2,0.8,0.2,1), letter-spacing .18s cubic-bezier(0.2,0.8,0.2,1) !important;
}

/* Subtle green accent bar below the label */
body #sr-homepage .sr-category-card .sr-cat-label::after {
  content: "" !important;
  display: block !important;
  width: 28px !important;
  height: 2px !important;
  background: #7ED957 !important;
  margin: 10px auto 0 !important;
  transition: width .24s cubic-bezier(0.2,0.8,0.2,1), background .18s !important;
}

body #sr-homepage .sr-category-card:hover .sr-cat-label {
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  letter-spacing: .18em !important;
}
body #sr-homepage .sr-category-card:hover .sr-cat-label::after {
  width: 56px !important;
  background: #fff !important;
}

/* Kill any legacy text/h3 labels that might double up */
body #sr-homepage .sr-category-card h3,
body #sr-homepage .sr-category-card .sr-cat-name {
  display: none !important;
}

/* Tablet + mobile grid */
@media (max-width: 1024px) {
  body #sr-homepage .sr-categories-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 640px) {
  body #sr-homepage .sr-categories-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  body #sr-homepage .sr-category-card .sr-cat-label {
    font-size: 11px !important;
    padding: 6px 10px !important;
    bottom: 10px !important;
  }
}

/* ========================================================================
   HERO FEATURED CARDS — bump typography + kill gray-on-white (v2.9.24.81)
   Sohan flagged: white/gray text on white bg = unreadable contrast.
   Brand was 9px at color:#666 on #fff = 5.74:1 but ILLEGIBLE at that size.
   Also: card too long with excessive padding.
   About-DNA applied: near-black #0f1511 text, deep green #209F48 brand,
   Poppins 700, tight but readable spacing.
   ======================================================================== */

body #srnyc-hero-grid .sr-hero-featured-cards {
  max-width: 640px !important;
  gap: 12px !important;
}

body .sr-hero-featured-cards .sr-card {
  min-width: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(15,21,17,.1) !important;
  overflow: hidden !important;
  transition: transform .18s cubic-bezier(0.2,0.8,0.2,1),
              box-shadow .18s cubic-bezier(0.2,0.8,0.2,1) !important;
}
body .sr-hero-featured-cards .sr-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(15,21,17,.12) !important;
}

body .sr-hero-featured-cards .sr-card .sr-card-body {
  padding: 10px 12px 12px !important;
  gap: 3px !important;
}

body .sr-hero-featured-cards .sr-card .sr-card-brand {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body .sr-hero-featured-cards .sr-card .sr-card-name {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -.005em !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  margin: 2px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body .sr-hero-featured-cards .sr-card .sr-card-meta {
  gap: 4px !important;
  margin: 2px 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

body .sr-hero-featured-cards .sr-card .sr-badge {
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  padding: 3px 7px !important;
  border-radius: 100px !important;
  line-height: 1 !important;
}
body .sr-hero-featured-cards .sr-card .sr-badge-hybrid {
  background: rgba(126,217,87,.14) !important;
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  border: 1px solid rgba(32,159,72,.32) !important;
}
body .sr-hero-featured-cards .sr-card .sr-badge-indica {
  background: rgba(139,92,246,.12) !important;
  color: #6d28d9 !important;
  -webkit-text-fill-color: #6d28d9 !important;
  border: 1px solid rgba(109,40,217,.28) !important;
}
body .sr-hero-featured-cards .sr-card .sr-badge-sativa {
  background: rgba(245,158,11,.12) !important;
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
  border: 1px solid rgba(180,83,9,.28) !important;
}

body .sr-hero-featured-cards .sr-card .sr-card-weight {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: rgba(15,21,17,.65) !important;
  -webkit-text-fill-color: rgba(15,21,17,.65) !important;
  font-family: ui-monospace, Menlo, Consolas, monospace !important;
  letter-spacing: .04em !important;
}

body .sr-hero-featured-cards .sr-card .sr-card-price {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  letter-spacing: -.01em !important;
  margin-top: 4px !important;
}

body .sr-hero-featured-cards .sr-card .sr-card-add-btn {
  padding: 8px 12px !important;
  font-size: 11px !important;
  margin-top: 8px !important;
  background: linear-gradient(135deg, #7ED957, #209F48) !important;
  color: #051a09 !important;
  -webkit-text-fill-color: #051a09 !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  font-family: 'Poppins', inherit !important;
  transition: filter .18s, transform .18s !important;
}
body .sr-hero-featured-cards .sr-card .sr-card-add-btn:hover {
  filter: brightness(1.05) !important;
  transform: translateY(-1px) !important;
}

/* Eyebrow above the hero-feat cards */
body .sr-hero-feat-eyebrow {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  margin-bottom: 8px !important;
  text-align: center !important;
}

/* ========================================================================
   CAROUSEL PRODUCT CARDS — bump typography for readability (v2.9.24.80)
   Sohan flagged: brand names (Space Buds, Sky Rose), HYBRID/THC badges,
   and weight are all too small on the homepage product carousels.
   Pre: brand=11px, name=15px, badges=9-10px, weight=10px.
   Post: brand=13px BOLDER, name=16px, badges=11px, weight=12px.
   Scoped to .sr-carousel-track .sr-card so menu/modal cards unaffected.
   ======================================================================== */

/* Tighten card body — Sohan: "cards too long, space between that doesn't need be" */
body .sr-carousel-track .sr-card {
  border-radius: 12px !important;
  border: 1px solid rgba(15,21,17,.1) !important;
  transition: transform .18s cubic-bezier(0.2,0.8,0.2,1),
              box-shadow .18s cubic-bezier(0.2,0.8,0.2,1),
              border-color .18s cubic-bezier(0.2,0.8,0.2,1) !important;
}
body .sr-carousel-track .sr-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(15,21,17,.12) !important;
  border-color: rgba(32,159,72,.35) !important;
}
body .sr-carousel-track .sr-card .sr-card-body {
  padding: 10px 14px 12px !important;
  gap: 3px !important;
  display: flex !important;
  flex-direction: column !important;
}

body .sr-carousel-track .sr-card .sr-card-brand {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
}

body .sr-carousel-track .sr-card .sr-card-name {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.005em !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  margin-bottom: 6px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body .sr-carousel-track .sr-card .sr-card-meta {
  font-size: 11px !important;
  gap: 6px !important;
  margin: 4px 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

body .sr-carousel-track .sr-card .sr-card-meta .sr-badge,
body .sr-carousel-track .sr-card .sr-badge {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 4px 9px !important;
  border-radius: 100px !important;
  line-height: 1 !important;
}

/* Strain-type badges — high-contrast colors per type (kept on-brand) */
body .sr-carousel-track .sr-card .sr-badge-hybrid {
  background: rgba(126,217,87,.14) !important;
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  border: 1px solid rgba(32,159,72,.32) !important;
}
body .sr-carousel-track .sr-card .sr-badge-indica {
  background: rgba(139,92,246,.12) !important;
  color: #6d28d9 !important;
  -webkit-text-fill-color: #6d28d9 !important;
  border: 1px solid rgba(109,40,217,.28) !important;
}
body .sr-carousel-track .sr-card .sr-badge-sativa {
  background: rgba(245,158,11,.12) !important;
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309 !important;
  border: 1px solid rgba(180,83,9,.28) !important;
}

body .sr-carousel-track .sr-card .sr-card-weight {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(15,21,17,.65) !important;
  -webkit-text-fill-color: rgba(15,21,17,.65) !important;
  font-family: ui-monospace, Menlo, Consolas, monospace !important;
  letter-spacing: .04em !important;
}

body .sr-carousel-track .sr-card .sr-card-price {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  letter-spacing: -.01em !important;
  margin-top: 6px !important;
}

/* Mobile — keep legible but slightly tighter */
@media (max-width: 640px) {
  body .sr-carousel-track .sr-card .sr-card-brand { font-size: 12px !important; }
  body .sr-carousel-track .sr-card .sr-card-name { font-size: 14px !important; }
  body .sr-carousel-track .sr-card .sr-card-meta .sr-badge { font-size: 10px !important; padding: 3px 8px !important; }
  body .sr-carousel-track .sr-card .sr-card-weight { font-size: 11px !important; }
  body .sr-carousel-track .sr-card .sr-card-price { font-size: 16px !important; }
}

/* ========================================================================
   MOODS SECTION — tighten space (v2.9.24.82)
   Sohan flagged: "A lot of space wasting here" on .sr-moods-section .sr-container.
   Before: the container had excess vertical padding + loose grid + oversized gaps.
   ======================================================================== */

body #sr-homepage .sr-moods-section {
  padding: clamp(32px, 5vw, 56px) clamp(16px, 3vw, 32px) !important;
}

body #sr-homepage .sr-moods-section .sr-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body #sr-homepage .sr-moods-section .sr-section-title,
body #sr-homepage .sr-moods-section h2 {
  font-size: clamp(22px, 2.8vw, 30px) !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  text-align: center !important;
  margin: 0 0 6px !important;
  line-height: 1.15 !important;
}
body #sr-homepage .sr-moods-section .sr-section-sub,
body #sr-homepage .sr-moods-section p {
  font-size: 14px !important;
  color: rgba(15,21,17,.65) !important;
  -webkit-text-fill-color: rgba(15,21,17,.65) !important;
  margin: 0 0 16px !important;
  text-align: center !important;
  line-height: 1.5 !important;
}

body #sr-homepage .sr-moods-grid,
body #sr-homepage .sr-moods-section .sr-moods-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 14px !important;
  margin-top: 10px !important;
}

body #sr-homepage .sr-mood-card {
  aspect-ratio: 1 / 1 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  position: relative !important;
  transition: transform .18s cubic-bezier(0.2,0.8,0.2,1),
              box-shadow .18s cubic-bezier(0.2,0.8,0.2,1) !important;
}
body #sr-homepage .sr-mood-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(15,21,17,.15) !important;
}

@media (max-width: 640px) {
  body #sr-homepage .sr-moods-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}

/* ========================================================================
   v2.9.24.84 — FOUR FIXES IN ONE SHIP
     1. Bump carousel brand-text specificity (shared-v3:8529 kept winning
        with 'html body .sr-wrap .sr-carousel-track .sr-card .sr-card-brand'
        at 10.5px #6b7280 gray)
     2. Footer ₿ pattern (SR-BTC-Pattern.svg) — the v1 smoky Bitcoin pattern
        Sohan loves. Explicit multi-layer bg so the shorthand override at
        shared-v3:8264 stops killing it.
     3. Moods section space cut + bigger mood cards
     4. Mobile script logo readability (black-on-dark-header -> force white)
   ======================================================================== */

/* 1. Carousel brand/name/meta — beat shared-v3:8529 */
html body .sr-wrap .sr-carousel-track .sr-card .sr-card-brand,
html body #sr-homepage .sr-carousel-track .sr-card .sr-card-brand {
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  font-family: 'Poppins', -apple-system, sans-serif !important;
  margin-bottom: 4px !important;
}
html body .sr-wrap .sr-carousel-track .sr-card .sr-card-name,
html body #sr-homepage .sr-carousel-track .sr-card .sr-card-name {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
}
html body .sr-wrap .sr-carousel-track .sr-card .sr-card-price,
html body #sr-homepage .sr-carousel-track .sr-card .sr-card-price {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
}

/* 2. v1 PATTERN FINALLY IDENTIFIED — v2.9.24.92 (5th attempt, inspector-traced).
   Sohan used the inspect-anywhere bookmarklet on silkroadnyc.com's footer
   and identified the EXACT element (.elementor-element-699c363e in post
   21658). I traced its Elementor-generated CSS at
   https://silkroadnyc.com/wp-content/uploads/elementor/css/post-21658.css
   and found:

     .elementor-element-699c363e::before {
       background-image: url("https://silkroadnyc.com/wp-content/uploads/
                              2024/11/SR-Pattern-Bitcoin-Gradient.webp");
       background-position: center right;
       background-repeat: no-repeat;
       background-size: cover;
     }
     /* ::before gets opacity 0.15 via --overlay-opacity variable */

   THE PATTERN IS A PRE-RENDERED 1920x837 WEBP IMAGE — not a tile, not an
   SVG, not the SR monogram. It's a standalone photo-realistic raster with
   the smoky gradient ₿s baked in. That's why 4 prior attempts (tiled SVG,
   round monogram SVG) never matched: WRONG FILE ENTIRELY.

   Mirrored locally at:
     assets/brand/v1-migrated/SR-Pattern-Bitcoin-Gradient.webp (529KB) */

html body footer.sr-footer,
html body .sr-wrap footer.sr-footer,
html body .sr-wrap .sr-footer,
html body #srnyc-hero,
html body .sr-wrap #srnyc-hero,
html body .sr-hero-cinematic,
html body .sr-wrap .sr-hero-cinematic,
html body.sr-theme-dark .sr-section:not(.sr-specials-section):not(.sr-categories-section):not(.sr-moods-section),
html body .sr-lounge-section {
  background-color: #0a0a0a !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* 2a. Dark section ₿ pattern — matches v1 Elementor spec EXACTLY:
   background-position: center right; background-size: cover; opacity: 0.15 */
html body.sr-theme-dark .sr-section:not(.sr-specials-section):not(.sr-categories-section):not(.sr-moods-section),
html body .sr-lounge-section {
  position: relative !important;
  isolation: isolate !important;
}
html body.sr-theme-dark .sr-section:not(.sr-specials-section):not(.sr-categories-section):not(.sr-moods-section)::before,
html body .sr-lounge-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Pattern-Bitcoin-Gradient.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: cover !important;
  opacity: 0.15 !important;
  z-index: 0 !important;
}
html body.sr-theme-dark .sr-section > *,
html body .sr-lounge-section > * {
  position: relative !important;
  z-index: 1 !important;
}

/* 2b. Hero — absolute-positioned LARGE monogram anchored off the right edge,
   exactly mimicking v1 element 546fffbe (right:-165px; top:-245px;
   max-width:820px; height:740px; opacity:.08). The camel + wordmark
   sit in front; the logo bleeds off-frame on the right. */
html body #srnyc-hero,
html body .sr-hero-cinematic {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}
/* v2.9.24.92 APPROVED by Sohan 2026-04-23 — BOTH hero and footer use
   the BITCOIN-GRADIENT WEBP pattern (the "bees"). Same file, same spec,
   applied via ::before layer so v2's existing hero content (camel,
   wordmark, pinging animation, breathing-glow) stays untouched above.
   NOT the monogram SVG — Sohan clarified that was wrong for hero. */
html body #srnyc-hero::before,
html body .sr-hero-cinematic::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Pattern-Bitcoin-Gradient.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: cover !important;
  opacity: 0.15 !important;
  z-index: 0 !important;
}

/* v2.9.24.94 — CAMEL ON TOP LAYER (Sohan: 'camel is behind a transparent
   darkened layer, not looking right'). Force z-index above the ::before
   pattern layer AND any residual canvases. Also nuke the dimming ::after
   vignette on hero so camel reads clean. */
html body #srnyc-hero .sr-hero-camel,
html body #srnyc-hero .sr-hero-camel-img,
html body #srnyc-hero .sr-hero-v14 .sr-hero-camel,
html body .sr-hero-cinematic .sr-hero-camel,
html body .sr-hero-cinematic .sr-hero-camel-img {
  position: relative !important;
  z-index: 10 !important;
}
/* v2.9.24.96 — GRADIENT TRANSITION BAND (learned from v1 element 2f151c08).
   v1 uses linear-gradient(180deg) fade bands between sections so dark-to-light
   transitions are SMOOTH, not hard cuts. Apply the same to v2's hero bottom
   so it fades into the white specials section below.
   ::after now sits ONLY at the bottom 120px (not full inset) so it doesn't
   dim the camel. z-index 1 = below camel (z:10) but above bees (z:0). */
html body #srnyc-hero::after,
html body .sr-hero-cinematic::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  height: 120px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(10,13,26,0) 0%, #fff 100%) !important;
  z-index: 1 !important;
}
/* Kill the old moving-bees canvas if it somehow still renders */
html body #srnyc-hero canvas.sr-hero-bsmoke,
html body .sr-hero-cinematic canvas.sr-hero-bsmoke {
  display: none !important;
}
@media (max-width: 768px) {
  html body #srnyc-hero::before,
  html body .sr-hero-cinematic::before {
    opacity: 0.20 !important; /* slightly louder on mobile since cover scales down */
  }
}
/* Soft radial vignette on top so the camel/wordmark stay legible */
html body #srnyc-hero::after,
html body .sr-hero-cinematic::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(ellipse 70% 55% at 50% 50%, rgba(0,0,0,.35) 0%, transparent 70%) !important;
  z-index: 0 !important;
}
html body #srnyc-hero > *,
html body .sr-hero-cinematic > * {
  position: relative !important;
  z-index: 1 !important;
}

/* 2c. Footer — BITCOIN GRADIENT WEBP, v1 spec exactly:
   background-position: center right; size: cover; opacity: 0.15.
   Sohan approved via SR-PATTERN-PREVIEW.html 2026-04-23. */
html body footer.sr-footer,
html body .sr-wrap .sr-footer {
  position: relative !important;
  isolation: isolate !important;
}
html body footer.sr-footer::before,
html body .sr-wrap .sr-footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Pattern-Bitcoin-Gradient.webp") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center right !important;
  opacity: 0.15 !important;
  z-index: 0 !important;
}
html body footer.sr-footer > *,
html body .sr-wrap .sr-footer > * {
  position: relative !important;
  z-index: 1 !important;
}

/* 3. Moods section — cut the wasted space, bigger mood tiles */
body #sr-homepage .sr-moods-section {
  padding: 28px clamp(16px, 3vw, 32px) !important;
  margin-top: 0 !important;
}
body #sr-homepage .sr-moods-section .sr-section-title,
body #sr-homepage .sr-moods-section h2 {
  margin: 0 0 4px !important;
}
body #sr-homepage .sr-moods-section .sr-section-sub,
body #sr-homepage .sr-moods-section p {
  margin: 0 0 14px !important;
}
body #sr-homepage .sr-moods-grid,
body #sr-homepage .sr-moods-section .sr-moods-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 14px !important;
  margin-top: 8px !important;
}
body #sr-homepage .sr-mood-card {
  aspect-ratio: 4 / 3 !important;  /* was 1/1 — now wider so cards are bigger */
  min-height: 200px !important;
}
@media (min-width: 1100px) {
  body #sr-homepage .sr-moods-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* 4. Mobile script logo — black ink image on dark header is invisible.
      filter: brightness(0) invert(1) converts any dark image to pure white. */
@media (max-width: 900px) {
  html body .sr-logo-wordmark-v1,
  html body .sr-logo-wordmark,
  html body .sr-logo img[src*="wordmark"],
  html body .sr-logo img[src*="SR-Logo-Footer"],
  html body a.sr-logo img {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
  }
  /* The camel emblem should NOT be inverted — keep it colorful */
  html body .sr-logo-camel,
  html body img.sr-logo-camel,
  html body img[src*="camel"],
  html body img[src*="litcamellogo"] {
    filter: none !important;
    -webkit-filter: none !important;
  }
}

/* ========================================================================
   v2.9.24.85 — TWO MORE SPACE / CONTRAST FIXES
     A. Categories section — 72px top/bottom padding = 144px of nothing.
        Slashed to 28px. Also tightened title/sub margins.
     B. Press section — items were white-text-on-white-bg (shared-v3:1465
        color: rgba(255,255,255,.45)) — invisible content looked like empty
        space. Forced near-black text + ink-border, tighter padding.
   ======================================================================== */

/* A. Categories padding cut */
body #sr-homepage .sr-categories-section {
  padding: 28px clamp(16px, 3vw, 32px) !important;
}
body #sr-homepage .sr-categories-section .sr-section-title {
  margin: 0 0 4px !important;
}
body #sr-homepage .sr-categories-section .sr-section-sub {
  margin: 0 0 10px !important;
}
body #sr-homepage .sr-categories-section > .sr-categories-grid,
body #sr-homepage .sr-categories-grid {
  margin-top: 6px !important;
}

/* B. Press section — fix invisible white-on-white text */
body #sr-homepage .sr-press-section {
  padding: 24px clamp(16px, 3vw, 32px) !important;
  background: #fff !important;
  text-align: center !important;
}
body #sr-homepage .sr-press-section h2,
body #sr-homepage .sr-press-section .sr-section-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: rgba(15,21,17,.55) !important;
  -webkit-text-fill-color: rgba(15,21,17,.55) !important;
  margin: 0 0 14px !important;
  background: none !important;
}
body #sr-homepage .sr-press-row {
  gap: 14px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
body #sr-homepage .sr-press-item {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(15,21,17,.72) !important;
  -webkit-text-fill-color: rgba(15,21,17,.72) !important;
  border: 1px solid rgba(15,21,17,.12) !important;
  border-radius: 10px !important;
  padding: 10px 8px !important;
  background: #fff !important;
  transition: color .18s cubic-bezier(0.2,0.8,0.2,1),
              border-color .18s cubic-bezier(0.2,0.8,0.2,1),
              transform .18s cubic-bezier(0.2,0.8,0.2,1) !important;
}
body #sr-homepage .sr-press-item:hover {
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  border-color: rgba(32,159,72,.45) !important;
  transform: translateY(-2px);
}

/* ========================================================================
   v2.9.24.93 — FIVE REFINEMENTS (Sohan 2026-04-23 evening)
   1. Shrink the bees ~10% globally — change cover → 90% auto
   2. Signup banner — center the Silk Road script watermark so it's not
      hidden behind the Join Rewards button
   3. About chapter numbers (01/02/03) — majestic editorial treatment
      (was rgba(126,217,87,0.32) washed green; now big near-black 900
      with green accent bar underneath)
   4. Silk Road Story section — white bg + GRAY bees watermark in back
      (bees pattern inverted + multiply blend = dark gray glyphs on white)
      Rich editorial feel instead of flat dark panel
   5. Artist mentions — Wu-Tang / Artis Graph / Rayne tucked for now.
      Kept: Benny, Kenny Brooks, Sean Conn, Lazaris, Vic (edited in JS + PHP)
   ======================================================================== */

/* 1. Shrink bees globally — change cover → 90% auto with repeat */
html body #srnyc-hero::before,
html body .sr-wrap #srnyc-hero::before,
html body .sr-hero-cinematic::before,
html body .sr-wrap .sr-hero-cinematic::before,
html body footer.sr-footer::before,
html body .sr-wrap footer.sr-footer::before,
html body .sr-wrap .sr-footer::before,
html body .sr-lounge-section::before,
html body.sr-theme-dark .sr-section:not(.sr-specials-section):not(.sr-categories-section):not(.sr-moods-section):not(.sr-about-v23)::before {
  background-size: 90% auto !important;
  background-repeat: repeat !important;
  background-position: center right !important;
}

/* 2. Signup banner — watermark centered, not hidden by CTA */
html body #sr-homepage .sr-signup-inner {
  position: relative !important;
}
html body #sr-homepage .sr-signup-wm {
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  top: 50% !important;
  font-size: clamp(48px, 7vw, 104px) !important;
  white-space: nowrap !important;
  color: rgba(255,255,255,.06) !important;
  letter-spacing: -.03em !important;
  z-index: 1 !important;
  text-align: center !important;
  width: auto !important;
}
/* Keep CTA readable above the watermark — higher z-index already set in shared-v3 (z:2) */
html body #sr-homepage .sr-signup-cta-col { z-index: 3 !important; }
/* Background column stays z:2 above watermark z:1 so copy readable */
html body #sr-homepage .sr-signup-copy-col,
html body #sr-homepage .sr-signup-inner > *:not(.sr-signup-wm) { position: relative !important; z-index: 2 !important; }

/* 3. About chapter numbers — MAJESTIC editorial treatment */
html body #sr-homepage .sr-about-v23 .sr-about-chapters {
  gap: 48px !important;
  padding: 0 24px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  grid-template-rows: auto !important;  /* v2.9.24.102: was forcing 380px, truncating text */
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  position: relative !important;
  z-index: 2 !important;
}
/* v2.9.24.102 — force every child + descendant of chapters to render ABOVE
   the ::before bees layer + ::after monogram layer. Earlier the > * z:1
   rule only covered direct children; chapter text (num/h3/p) was getting
   visually suppressed by mix-blend-mode: multiply of the bees layer. */
html body #sr-homepage .sr-about-v23 .sr-about-chapters,
html body #sr-homepage .sr-about-v23 .sr-about-chapters *,
html body #sr-homepage .sr-about-v23 .sr-about-chapter,
html body #sr-homepage .sr-about-v23 .sr-about-chapter * {
  position: relative !important;
  z-index: 2 !important;
}
/* Explicit readable colors — no transparency, no inheritance guesswork */
html body #sr-homepage .sr-about-v23 .sr-about-chapter h3 {
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -.005em !important;
  margin: 14px 0 8px !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter p {
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  opacity: 0.85 !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter {
  position: relative !important;
  padding-top: 20px !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter .sr-about-num {
  font-family: 'Poppins', -apple-system, sans-serif !important;
  font-size: clamp(56px, 7vw, 88px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  margin: 0 0 18px !important;
  position: relative !important;
  display: inline-block !important;
}
/* Green accent bar underneath each number — editorial chapter treatment */
html body #sr-homepage .sr-about-v23 .sr-about-chapter .sr-about-num::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -8px !important;
  width: 48px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #7ED957, #209F48) !important;
  border-radius: 2px !important;
}
/* Chapter heading + body — editorial body-copy treatment */
html body #sr-homepage .sr-about-v23 .sr-about-chapter h3 {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #0f1511 !important;
  letter-spacing: -.01em !important;
  margin: 10px 0 10px !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter p {
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: rgba(15,21,17,.78) !important;
  margin: 0 !important;
}

/* 4. Silk Road Story section — OPTION C (Sohan's pick from preview):
   white bg + GRAY bees (shrunk to 75% per request) + CENTERED MONOGRAM
   layered on top. Rich editorial treatment. */
html body #sr-homepage .sr-about-v23 {
  position: relative !important;
  isolation: isolate !important;
  background: #fff !important;
  padding: clamp(48px, 7vw, 96px) clamp(16px, 3vw, 32px) !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(15,21,17,.08) !important;
  border-bottom: 1px solid rgba(15,21,17,.08) !important;
}
/* Layer 1: gray bees texture (bees pattern inverted + multiply = dark gray on white) */
html body #sr-homepage .sr-about-v23::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Pattern-Bitcoin-Gradient.webp") !important;
  background-repeat: repeat !important;
  background-size: 75% auto !important;
  background-position: center right !important;
  filter: invert(1) brightness(0.92) !important;
  -webkit-filter: invert(1) brightness(0.92) !important;
  mix-blend-mode: multiply !important;
  opacity: 0.15 !important;
  z-index: 0 !important;
}
/* Layer 2: CENTERED MONOGRAM (Option C) — green/multicolor SVG, 55% width, 10% opacity */
html body #sr-homepage .sr-about-v23::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Logo-Round-Background.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 55% auto !important;
  opacity: 0.10 !important;
  z-index: 0 !important;
}
html body #sr-homepage .sr-about-v23 > * {
  position: relative !important;
  z-index: 1 !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-eyebrow {
  display: inline-block !important;
  background: rgba(126,217,87,.14) !important;
  color: #209F48 !important;
  padding: 7px 14px !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(32,159,72,.32) !important;
  margin: 0 0 18px !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-title,
html body #sr-homepage .sr-about-v23 h2 {
  font-size: clamp(32px, 5vw, 52px) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  color: #0f1511 !important;
  line-height: 1.05 !important;
  margin: 0 0 32px !important;
}

/* Mobile — stack chapters + smaller green accent bar */
@media (max-width: 768px) {
  html body #sr-homepage .sr-about-v23 .sr-about-chapters {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
  html body #sr-homepage .sr-about-v23 .sr-about-chapter .sr-about-num {
    font-size: clamp(48px, 12vw, 72px) !important;
  }
}

/* =========================================================================
   SILK ROAD DNA — REUSABLE RICH-SECTION UTILITY (v2.9.24.95)
   Sohan: "Integrate this into the Silk Road DNA basically, using the style
   of writing, logos, fonts, and now the background patterns in black and
   white to be applied where we needed to add richness, and we would like
   borders around things that would make things amazing."

   Add class `sr-rich-section` to any block (or `sr-rich-section sr-rich-dark`
   for dark variant) to get the full Silk Road editorial DNA: white/dark
   layered bees + monogram watermark + editorial type + subtle borders.

   Canonical fingerprint (matches Option C of SR-MONOGRAM-PREVIEW.html):
     • Bees WEBP at 75% auto, repeat, center right, 15pct (light) or
       15pct (dark) opacity. Inverted + multiply-blend on light bg for
       gray-on-white; native on dark bg for white-on-black.
     • Green/multicolor monogram SVG (light) OR black monogram SVG (dark)
       centered, 55pct auto, no-repeat, 10pct opacity.
     • 1px hairline border top + bottom (light: rgba(15,21,17,.08);
       dark: rgba(126,217,87,.18)).
     • Poppins editorial typography — h2 800 clamp(32,5vw,52) letter-spacing
       -.02em near-black #0f1511 (light) / pure white (dark).
     • Eyebrow: mint pill rgba(126,217,87,.14) + deep green text + 1px
       border rgba(32,159,72,.32).
     • Chapter numbers: 900 clamp(56,7vw,88) near-black (light) / white
       (dark) with green accent bar underneath.

   Apply anywhere — home sections, SEO router pages, About page
   treatments, future landing pages. One class = instant richness.
   ========================================================================= */

/* Light variant (default) */
html body .sr-rich-section {
  position: relative !important;
  isolation: isolate !important;
  background: #fff !important;
  padding: clamp(48px, 7vw, 96px) clamp(16px, 3vw, 32px) !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(15,21,17,.08) !important;
  border-bottom: 1px solid rgba(15,21,17,.08) !important;
  color: #0f1511 !important;
}
html body .sr-rich-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Pattern-Bitcoin-Gradient.webp") !important;
  background-repeat: repeat !important;
  background-size: 75% auto !important;
  background-position: center right !important;
  filter: invert(1) brightness(0.92) !important;
  -webkit-filter: invert(1) brightness(0.92) !important;
  mix-blend-mode: multiply !important;
  opacity: 0.15 !important;
  z-index: 0 !important;
}
html body .sr-rich-section::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Logo-Round-Background.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 55% auto !important;
  opacity: 0.10 !important;
  z-index: 0 !important;
}
html body .sr-rich-section > * { position: relative !important; z-index: 1 !important; }

/* Dark variant (add class sr-rich-dark alongside sr-rich-section) */
html body .sr-rich-section.sr-rich-dark {
  background: #0a0a0a !important;
  color: #f6f6f2 !important;
  border-top-color: rgba(126,217,87,.18) !important;
  border-bottom-color: rgba(126,217,87,.18) !important;
}
html body .sr-rich-section.sr-rich-dark::before {
  /* Use native (non-inverted) bees on dark bg */
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 0.15 !important;
}
html body .sr-rich-section.sr-rich-dark::after {
  /* Use black monogram on dark bg */
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Logo-Round-Background-Blk.svg") !important;
  filter: brightness(1.8) saturate(0) !important;
  -webkit-filter: brightness(1.8) saturate(0) !important;
  opacity: 0.08 !important;
}

/* Utilities that work inside .sr-rich-section */
html body .sr-rich-section .sr-rich-eyebrow {
  display: inline-block !important;
  background: rgba(126,217,87,.14) !important;
  color: #209F48 !important;
  padding: 7px 14px !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(32,159,72,.32) !important;
  margin-bottom: 14px !important;
}
html body .sr-rich-section .sr-rich-title,
html body .sr-rich-section h2.sr-rich-title {
  font-family: 'Poppins', -apple-system, sans-serif !important;
  font-size: clamp(32px, 5vw, 52px) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  color: #0f1511 !important;
  line-height: 1.05 !important;
  margin: 0 0 24px !important;
}
html body .sr-rich-section.sr-rich-dark .sr-rich-title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html body .sr-rich-section .sr-rich-body,
html body .sr-rich-section > p {
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: rgba(15,21,17,.78) !important;
  max-width: 680px !important;
}
html body .sr-rich-section.sr-rich-dark > p {
  color: rgba(246,246,242,.88) !important;
}

/* =========================================================================
   v2.9.24.98 — APPLY DNA to .sr-whyus-section + .sr-stats
   (Sohan 2026-04-23 via inspector: "writing and presentation looks terrible.
   Should look like About page with DNA. And the 4.8-star rating area.")

   Both get the full Silk Road DNA treatment (bees + monogram + borders +
   editorial typography) by composing with the .sr-rich-section recipe.
   No HTML change needed — these selectors extend the DNA rules.
   ========================================================================= */

html body #sr-homepage .sr-whyus-section,
html body #sr-homepage .sr-stats {
  position: relative !important;
  isolation: isolate !important;
  background: #fff !important;
  padding: clamp(48px, 7vw, 96px) clamp(16px, 3vw, 32px) !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(15,21,17,.08) !important;
  border-bottom: 1px solid rgba(15,21,17,.08) !important;
  color: #0f1511 !important;
}
html body #sr-homepage .sr-whyus-section::before,
html body #sr-homepage .sr-stats::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Pattern-Bitcoin-Gradient.webp") !important;
  background-repeat: repeat !important;
  background-size: 75% auto !important;
  background-position: center right !important;
  filter: invert(1) brightness(0.92) !important;
  -webkit-filter: invert(1) brightness(0.92) !important;
  mix-blend-mode: multiply !important;
  opacity: 0.12 !important;
  z-index: 0 !important;
}
html body #sr-homepage .sr-whyus-section::after,
html body #sr-homepage .sr-stats::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Logo-Round-Background.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 50% auto !important;
  opacity: 0.08 !important;
  z-index: 0 !important;
}
html body #sr-homepage .sr-whyus-section > *,
html body #sr-homepage .sr-stats > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Why Silk Road — editorial typography upgrade */
html body #sr-homepage .sr-whyus-section h2,
html body #sr-homepage .sr-whyus-section .sr-section-title {
  font-size: clamp(32px, 5vw, 52px) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  line-height: 1.05 !important;
  margin: 0 0 10px !important;
  text-align: center !important;
  background: none !important;
}
html body #sr-homepage .sr-whyus-section p,
html body #sr-homepage .sr-whyus-section .sr-whyus-lede {
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: rgba(15,21,17,.78) !important;
  -webkit-text-fill-color: rgba(15,21,17,.78) !important;
  margin: 0 auto 28px !important;
  max-width: 640px !important;
  text-align: center !important;
}
html body #sr-homepage .sr-whyus-section .sr-compare-row,
html body #sr-homepage .sr-whyus-section > div[class*="compare"] {
  background: rgba(255,255,255,.6) !important;
  border: 1px solid rgba(15,21,17,.08) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin-bottom: 8px !important;
  display: grid !important;
  grid-template-columns: 1.2fr 2fr 2fr !important;
  gap: 16px !important;
  align-items: center !important;
}
html body #sr-homepage .sr-whyus-section .sr-compare-row > *:first-child {
  font-weight: 800 !important;
  color: #0f1511 !important;
  font-size: 14px !important;
  letter-spacing: .02em !important;
}
html body #sr-homepage .sr-whyus-section .sr-compare-row > *:nth-child(2) {
  color: #209F48 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
html body #sr-homepage .sr-whyus-section .sr-compare-row > *:last-child {
  color: rgba(15,21,17,.5) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-style: italic !important;
}
html body #sr-homepage .sr-whyus-section .sr-compare-us {
  font-weight: 700 !important;
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
}

/* 4.8★ Stats section — rich stats tiles */
html body #sr-homepage .sr-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 32px !important;
  text-align: center !important;
}
html body #sr-homepage .sr-stats .sr-stat {
  position: relative !important;
  padding: 24px 16px !important;
  background: rgba(255,255,255,.65) !important;
  border: 1px solid rgba(15,21,17,.08) !important;
  border-radius: 14px !important;
  transition: transform .18s cubic-bezier(0.2,0.8,0.2,1), box-shadow .18s, border-color .18s !important;
  z-index: 1 !important;
}
html body #sr-homepage .sr-stats .sr-stat:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 36px rgba(15,21,17,.1) !important;
  border-color: rgba(32,159,72,.35) !important;
}
html body #sr-homepage .sr-stats .sr-stat .sr-stat-num {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(36px, 5vw, 56px) !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  line-height: 1 !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  margin-bottom: 8px !important;
  background: none !important;
  display: block !important;
}
html body #sr-homepage .sr-stats .sr-stat .sr-stat-num::after {
  content: "" !important;
  display: block !important;
  width: 36px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #7ED957, #209F48) !important;
  margin: 8px auto 0 !important;
  border-radius: 2px !important;
}
html body #sr-homepage .sr-stats .sr-stat .sr-stat-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: rgba(15,21,17,.55) !important;
  -webkit-text-fill-color: rgba(15,21,17,.55) !important;
  margin-top: 12px !important;
  display: block !important;
}

@media (max-width: 900px) {
  html body #sr-homepage .sr-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
  html body #sr-homepage .sr-whyus-section .sr-compare-row { grid-template-columns: 1fr !important; gap: 8px !important; }
}

/* =========================================================================
   v2.9.24.101 — 3 FIXES (Sohan 2026-04-23 approval via SR-FIXES-PREVIEW)
   1. Compare row — Option A: white cards, 1px ink border, near-black text
      Beats the white-on-white bug (rgba(255,255,255,.6) bg + .9 text)
      + green accent on "our answer", italic muted on "competitor answer"
   2. Gradient direction fix — 2-stop light→dark, no middle bounce.
      Applies to .sr-category-card and any dark panel that used the
      deep-light-deep 3-stop.
   3. Purple kill — body was 'deep space navy + violet radial bleed'.
      Swapped violet to warm gold (Silk Road horizon accent).
   ========================================================================= */

/* Fix 1 — compare rows (Option A) */
html body #sr-homepage .sr-whyus-section .sr-compare-row {
  background: #fff !important;
  border: 1px solid rgba(15,21,17,.1) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin-bottom: 8px !important;
  display: grid !important;
  grid-template-columns: 1.2fr 2fr 2fr !important;
  gap: 16px !important;
  align-items: center !important;
  color: #0f1511 !important;
  border-top: 1px solid rgba(15,21,17,.1) !important;
}
html body #sr-homepage .sr-whyus-section .sr-compare-row > * {
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
html body #sr-homepage .sr-whyus-section .sr-compare-row > *:first-child {
  font-weight: 800 !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  border-right: none !important;
}
html body #sr-homepage .sr-whyus-section .sr-compare-row > *:nth-child(2),
html body #sr-homepage .sr-whyus-section .sr-compare-row .sr-compare-us {
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  font-weight: 700 !important;
}
html body #sr-homepage .sr-whyus-section .sr-compare-row > *:last-child {
  color: rgba(15,21,17,.55) !important;
  -webkit-text-fill-color: rgba(15,21,17,.55) !important;
  font-style: italic !important;
  font-weight: 500 !important;
}
html body #sr-homepage .sr-whyus-section .sr-compare-table {
  border: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Fix 2 — gradient direction: 2-stop light→dark on dark cards */
html body #sr-homepage .sr-category-card {
  background: linear-gradient(135deg, #1a2620 0%, #0a0a0a 100%) !important;
  background-image: linear-gradient(135deg, #1a2620 0%, #0a0a0a 100%) !important;
}
html body #sr-homepage .sr-mood-card {
  background: linear-gradient(135deg, #1a2620 0%, #0a0a0a 100%) !important;
}
html body #sr-homepage .sr-lounge-section {
  background: linear-gradient(180deg, #1a2620 0%, #0a0a0a 100%) !important;
}

/* Fix 3 — kill body violet, swap for warm gold horizon accent */
html body {
  background:
    radial-gradient(ellipse at 20% 10%, rgba(126,217,87,0.10) 0%, transparent 55%),
    radial-gradient(ellipse at 85% 85%, rgba(184,134,11,0.10) 0%, transparent 55%),
    linear-gradient(180deg, #0f1511 0%, #0a0a0a 100%) !important;
  background-color: #0a0a0a !important;
  background-attachment: fixed !important;
}
/* On light-mode body (not sr-dark), go pure white — no purple bleed possible */
html body:not(.sr-dark):not(.sr-theme-dark) {
  background: #fff !important;
  background-color: #fff !important;
}

/* ================== prefers-reduced-motion ================== */
@media (prefers-reduced-motion: reduce) {
  body #sr-homepage .sr-special-card,
  body #sr-homepage .sr-special-card:hover,
  body #sr-homepage .sr-special-card > img,
  body #sr-homepage .sr-category-card,
  body #sr-homepage .sr-category-card:hover,
  body #sr-homepage .sr-category-card > img,
  body #sr-homepage .sr-category-card .sr-cat-label {
    transition: none !important;
    transform: none !important;
  }
}

/* =====================================================================
   v2.9.24.103 — Three Silk Roads chapter rebuild + canonical bees
   Sohan via inspector 2026-04-23 late: "These three cards are not legible.
   This is happening multiple times. Redo state-of-the-art. Fix the bees
   pattern — not going 0→100."
   Changes:
   - Bees pattern: no-repeat + 0→100% left-right mask (canonical rule
     from SR-DNA-RECIPE.html). Light-variant treatment: ₿ glyphs remain
     full-size, mask handles visibility gradient.
   - Chapter cards: white with hairline border + soft shadow + hover lift.
     Full-black heading, near-black 88% body (was .78 - too washed).
     Chapter num + h3 + p all explicit color + webkit fill + no opacity.
   - Text halos: 2-layer white glow on num/h3/p so bees punch out
     locally around every character.
   ===================================================================== */

/* Bees pattern canonical v103 — full 0→100% left→right mask */
html body #sr-homepage .sr-about-v23::before {
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: left center !important;
  -webkit-mask-image: linear-gradient(to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.15) 25%,
    rgba(0,0,0,0.5) 50%,
    rgba(0,0,0,0.85) 75%,
    rgba(0,0,0,1) 100%) !important;
          mask-image: linear-gradient(to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.15) 25%,
    rgba(0,0,0,0.5) 50%,
    rgba(0,0,0,0.85) 75%,
    rgba(0,0,0,1) 100%) !important;
  opacity: 0.2 !important;
}

/* Chapter card rebuild — state of the art */
html body #sr-homepage .sr-about-v23 .sr-about-chapters {
  grid-template-rows: auto !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  padding: 16px 24px !important;
  align-items: stretch !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter {
  background: #fff !important;
  border: 1px solid rgba(15,21,17,.08) !important;
  border-left: 3px solid rgba(126,217,87,.5) !important;
  border-radius: 16px !important;
  padding: 32px 28px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.6) inset,
    0 12px 32px -14px rgba(15,21,17,.1) !important;
  transition: transform .22s cubic-bezier(0.2,0.8,0.2,1),
              box-shadow .22s cubic-bezier(0.2,0.8,0.2,1),
              border-color .22s cubic-bezier(0.2,0.8,0.2,1) !important;
  position: relative !important;
  z-index: 2 !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 44px -16px rgba(15,21,17,.18) !important;
  border-color: rgba(32,159,72,.35) !important;
  border-left-color: rgba(32,159,72,.8) !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter .sr-about-num {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(56px, 7vw, 92px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  opacity: 1 !important;
  margin: 0 0 22px !important;
  display: inline-block !important;
  position: relative !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter .sr-about-num::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -10px !important;
  width: 56px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #7ED957, #209F48) !important;
  border-radius: 2px !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -.015em !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  margin: 20px 0 12px !important;
  opacity: 1 !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  color: rgba(15,21,17,.88) !important;
  -webkit-text-fill-color: rgba(15,21,17,.88) !important;
  background: none !important;
  margin: 0 !important;
  opacity: 1 !important;
}

/* Text halos — bees punch out locally around each character */
html body #sr-homepage .sr-about-v23 .sr-about-eyebrow,
html body #sr-homepage .sr-about-v23 h2,
html body #sr-homepage .sr-about-v23 > p {
  text-shadow: 0 0 14px #fff, 0 0 8px #fff, 0 0 4px rgba(255,255,255,.9) !important;
}

/* Announce-bar readability: middle items were rgb(136,136,153) on black = dim.
   Bump color, size, weight. Green accent on strong/highlight. */
#sr-homepage .sr-announce__rail .sr-announce__item,
#sr-homepage .sr-announce .sr-announce__item {
  color: rgba(246,246,242,.88) !important;
  -webkit-text-fill-color: rgba(246,246,242,.88) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
}
#sr-homepage .sr-announce__item strong,
#sr-homepage .sr-announce__item .sr-hl,
#sr-homepage .sr-announce__item em {
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  font-style: normal !important;
}

/* END v2.9.24.103 ==================================================== */


/* =====================================================================
   v2.9.24.104 — Lounge section split + cowork banner polish + 3PM unify
   Sohan 2026-04-23 via inspector: ".sr-lounge-pass might need a touch up.
   Flip one side to white with black writing. Make it look awesome."
   Strategy:
   - LEFT pass stays dark (premium membership card aesthetic) but upgraded
     contrast, text-shadows, green accent DNA, bees pattern canonical
   - RIGHT perks grid FLIPS to white-on-black — dramatic visual contrast,
     editorial readability, matching product-card DNA
   ===================================================================== */

/* LEFT: Premium members pass — deeper black, stronger glow */
#sr-lounge .sr-lounge-pass {
  background: linear-gradient(135deg, #0f1511 0%, #1a2620 50%, #0f1511 100%) !important;
  border: 1.5px solid rgba(126,217,87,.45) !important;
  box-shadow:
    0 24px 60px -20px rgba(0,0,0,.6),
    0 1px 0 rgba(126,217,87,.18) inset,
    0 -1px 0 rgba(0,0,0,.3) inset !important;
  position: relative !important;
  overflow: hidden !important;
}
/* Canonical bees on pass card (0→100 L→R mask) */
#sr-lounge .sr-lounge-pass::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Pattern-Bitcoin-Gradient.webp") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: left center !important;
  -webkit-mask-image: linear-gradient(to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.15) 25%,
    rgba(0,0,0,.5) 50%,
    rgba(0,0,0,.85) 75%,
    rgba(0,0,0,1) 100%) !important;
          mask-image: linear-gradient(to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.15) 25%,
    rgba(0,0,0,.5) 50%,
    rgba(0,0,0,.85) 75%,
    rgba(0,0,0,1) 100%) !important;
  opacity: .18 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
#sr-lounge .sr-lounge-pass > * {
  position: relative !important;
  z-index: 1 !important;
}
#sr-lounge .sr-lounge-pass-badge {
  background: linear-gradient(135deg, rgba(126,217,87,.28), rgba(32,159,72,.18)) !important;
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  border: 1px solid rgba(126,217,87,.55) !important;
  font-weight: 900 !important;
  letter-spacing: .2em !important;
  text-shadow: 0 0 10px rgba(126,217,87,.4) !important;
}
#sr-lounge .sr-lounge-pass-logo {
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  text-shadow: 0 0 12px rgba(126,217,87,.6) !important;
  font-weight: 900 !important;
}
#sr-lounge .sr-lounge-title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 2px 20px rgba(0,0,0,.6), 0 0 14px rgba(15,21,17,.8) !important;
}
#sr-lounge .sr-lounge-subtitle {
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}
#sr-lounge .sr-lounge-desc {
  color: rgba(246,246,242,.94) !important;
  -webkit-text-fill-color: rgba(246,246,242,.94) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.5) !important;
}
#sr-lounge .sr-lounge-desc strong {
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
}
#sr-lounge .sr-lounge-pass-footer {
  color: rgba(246,246,242,.72) !important;
  -webkit-text-fill-color: rgba(246,246,242,.72) !important;
  border-top: 1px dashed rgba(126,217,87,.22) !important;
}
#sr-lounge .sr-lounge-cta {
  background: linear-gradient(180deg, #7ED957, #209F48) !important;
  color: #051a09 !important;
  -webkit-text-fill-color: #051a09 !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  box-shadow:
    0 14px 32px rgba(126,217,87,.4),
    0 2px 6px rgba(0,0,0,.3) !important;
  border: none !important;
}
#sr-lounge .sr-lounge-cta:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 18px 40px rgba(126,217,87,.48),
    0 4px 10px rgba(0,0,0,.36) !important;
}

/* RIGHT: Perks grid FLIPS to white with dark text — DNA bookmark-bar contrast */
#sr-lounge .sr-lounge-perks {
  background: #fff !important;
  border: 1.5px solid rgba(15,21,17,.08) !important;
  border-radius: 24px !important;
  padding: 32px 28px !important;
  box-shadow:
    0 24px 60px -20px rgba(15,21,17,.14),
    0 1px 0 rgba(15,21,17,.04) inset !important;
  position: relative !important;
  overflow: hidden !important;
}
/* Canonical bees on perks panel (inverted for light bg, 0→100 L→R) */
#sr-lounge .sr-lounge-perks::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Pattern-Bitcoin-Gradient.webp") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: left center !important;
  filter: invert(1) brightness(0.92) !important;
  -webkit-filter: invert(1) brightness(0.92) !important;
  mix-blend-mode: multiply !important;
  -webkit-mask-image: linear-gradient(to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.15) 25%,
    rgba(0,0,0,.5) 50%,
    rgba(0,0,0,.85) 75%,
    rgba(0,0,0,1) 100%) !important;
          mask-image: linear-gradient(to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.15) 25%,
    rgba(0,0,0,.5) 50%,
    rgba(0,0,0,.85) 75%,
    rgba(0,0,0,1) 100%) !important;
  opacity: .2 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
#sr-lounge .sr-lounge-perks > * {
  position: relative !important;
  z-index: 1 !important;
}
#sr-lounge .sr-lounge-perk {
  background: rgba(126,217,87,.04) !important;
  border: 1px solid rgba(15,21,17,.06) !important;
  border-left: 3px solid rgba(126,217,87,.5) !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  transition: all .2s cubic-bezier(0.2,0.8,0.2,1) !important;
}
#sr-lounge .sr-lounge-perk:hover {
  background: rgba(126,217,87,.1) !important;
  border-left-color: rgba(32,159,72,.8) !important;
  transform: translateX(2px) !important;
}
#sr-lounge .sr-lounge-perk-icon {
  color: #209F48 !important;
}
#sr-lounge .sr-lounge-perk-icon svg {
  stroke: #209F48 !important;
}
#sr-lounge .sr-lounge-perk-text strong {
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  font-weight: 800 !important;
}
#sr-lounge .sr-lounge-perk-text span {
  color: rgba(15,21,17,.78) !important;
  -webkit-text-fill-color: rgba(15,21,17,.78) !important;
}
#sr-lounge .sr-lounge-perks h3,
#sr-lounge .sr-lounge-perks h2 {
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
}

/* Cowork banner (new class sr-cowork-banner) — global enforce Poppins */
.sr-cowork-banner,
.sr-cowork-banner * {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* END v2.9.24.104 ==================================================== */


/* =====================================================================
   v2.9.24.105 — Events section rebuild
   Hero-treatment upcoming event (Alien Labs × Connected) + IG recap tiles.
   ===================================================================== */

#sr-events .sr-events-inner {
  padding: clamp(40px, 6vw, 80px) clamp(16px, 3vw, 40px) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}
#sr-events .sr-events-eyebrow {
  display: block !important;
  text-align: center !important;
  font: 800 11px/1 'Poppins', sans-serif !important;
  letter-spacing: .22em !important;
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  text-transform: uppercase !important;
  margin: 0 0 14px !important;
}
#sr-events .sr-events-lede {
  text-align: center !important;
  color: rgba(15,21,17,.7) !important;
  -webkit-text-fill-color: rgba(15,21,17,.7) !important;
  max-width: 640px !important;
  margin: 0 auto 36px !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* HERO UPCOMING — Alien × Connected */
#sr-events .sr-event-hero {
  background: linear-gradient(135deg, #0f1511 0%, #1a2620 50%, #0f1511 100%) !important;
  border: 1.5px solid rgba(126,217,87,.45) !important;
  border-radius: 20px !important;
  padding: clamp(36px, 5vw, 64px) clamp(24px, 4vw, 48px) !important;
  color: #f6f6f2 !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 auto 40px !important;
  box-shadow:
    0 28px 70px -24px rgba(0,0,0,.6),
    0 1px 0 rgba(126,217,87,.18) inset !important;
}
/* Canonical bees on hero (0→100 L→R) */
#sr-events .sr-event-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("https://silkroaddispensary.com/wp-content/plugins/silk-road-nyc/assets/brand/v1-migrated/SR-Pattern-Bitcoin-Gradient.webp") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: left center !important;
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 25%, rgba(0,0,0,.5) 50%, rgba(0,0,0,.85) 75%, rgba(0,0,0,1) 100%) !important;
          mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 25%, rgba(0,0,0,.5) 50%, rgba(0,0,0,.85) 75%, rgba(0,0,0,1) 100%) !important;
  opacity: .18 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
/* Radial green glow */
#sr-events .sr-event-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 900px 500px at 50% 0%, rgba(126,217,87,.22), transparent 62%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
#sr-events .sr-event-hero > * {
  position: relative !important;
  z-index: 1 !important;
}
#sr-events .sr-event-hero-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, rgba(126,217,87,.24), rgba(32,159,72,.14)) !important;
  border: 1px solid rgba(126,217,87,.55) !important;
  border-radius: 100px !important;
  padding: 7px 16px !important;
  font: 900 11px/1 'Poppins', sans-serif !important;
  letter-spacing: .16em !important;
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
  text-shadow: 0 0 10px rgba(126,217,87,.3) !important;
}
#sr-events .sr-event-hero-badge .sr-dot-live {
  display: inline-block;
  width: 8px; height: 8px;
  background: #7ED957;
  border-radius: 50%;
  box-shadow: 0 0 10px #7ED957;
  animation: sr-live-pulse 1.8s ease-in-out infinite;
}
@keyframes sr-live-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .55; transform: scale(.85); }
}
#sr-events .sr-event-hero-title {
  font: 900 clamp(28px, 4.5vw, 48px)/1.08 'Poppins', sans-serif !important;
  letter-spacing: -.025em !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  margin: 0 0 18px !important;
  text-shadow: 0 2px 20px rgba(0,0,0,.6) !important;
}
#sr-events .sr-event-hero-desc {
  font: 500 16px/1.65 'Poppins', sans-serif !important;
  color: rgba(246,246,242,.9) !important;
  -webkit-text-fill-color: rgba(246,246,242,.9) !important;
  max-width: 720px !important;
  margin: 0 0 28px !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.5) !important;
}
#sr-events .sr-event-hero-brands {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  gap: 16px !important;
  align-items: stretch !important;
  margin: 0 0 28px !important;
}
@media (max-width: 680px) {
  #sr-events .sr-event-hero-brands { grid-template-columns: 1fr !important; }
  #sr-events .sr-event-x { transform: rotate(90deg) !important; justify-self: center !important; }
}
#sr-events .sr-event-brand-card {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(126,217,87,.28) !important;
  border-left: 3px solid rgba(126,217,87,.6) !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  text-decoration: none !important;
  color: #f6f6f2 !important;
  transition: all .22s cubic-bezier(0.2,0.8,0.2,1) !important;
}
#sr-events .sr-event-brand-card:hover {
  background: rgba(126,217,87,.1) !important;
  border-color: rgba(126,217,87,.55) !important;
  border-left-color: #7ED957 !important;
  transform: translateY(-2px) !important;
}
#sr-events .sr-event-brand-mark {
  font-size: 36px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.4));
}
#sr-events .sr-event-brand-body { flex: 1; }
#sr-events .sr-event-brand-name {
  font: 900 18px/1.2 'Poppins', sans-serif !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  letter-spacing: -.01em !important;
  margin-bottom: 4px !important;
}
#sr-events .sr-event-brand-desc {
  font: 500 13px/1.45 'Poppins', sans-serif !important;
  color: rgba(246,246,242,.72) !important;
  -webkit-text-fill-color: rgba(246,246,242,.72) !important;
  margin-bottom: 6px !important;
}
#sr-events .sr-event-brand-url {
  font: 800 11px/1 ui-monospace, Menlo, monospace !important;
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
#sr-events .sr-event-x {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font: 900 32px/1 'Poppins', sans-serif !important;
  color: rgba(126,217,87,.7) !important;
  text-shadow: 0 0 14px rgba(126,217,87,.5) !important;
}
#sr-events .sr-event-hero-cta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}
#sr-events .sr-event-hero-cta {
  display: inline-block !important;
  padding: 16px 32px !important;
  background: linear-gradient(180deg, #7ED957, #209F48) !important;
  color: #051a09 !important;
  -webkit-text-fill-color: #051a09 !important;
  font: 900 13px/1 'Poppins', sans-serif !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  border-radius: 100px !important;
  text-decoration: none !important;
  box-shadow: 0 12px 32px rgba(126,217,87,.4), 0 2px 6px rgba(0,0,0,.3) !important;
}
#sr-events .sr-event-hero-secondary {
  color: rgba(246,246,242,.85) !important;
  -webkit-text-fill-color: rgba(246,246,242,.85) !important;
  font: 700 12px/1 'Poppins', sans-serif !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(126,217,87,.45) !important;
  padding-bottom: 2px !important;
}
#sr-events .sr-event-hero-secondary:hover {
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  border-bottom-color: #7ED957 !important;
}

/* RECAP HEADER + TILES */
#sr-events .sr-events-recap-header {
  font: 800 11px/1 ui-monospace, Menlo, monospace !important;
  letter-spacing: .18em !important;
  color: rgba(15,21,17,.55) !important;
  -webkit-text-fill-color: rgba(15,21,17,.55) !important;
  text-transform: uppercase !important;
  margin: 8px 0 16px !important;
}
#sr-events .sr-events-recap-header a {
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}
#sr-events .sr-events-recap-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}
@media (max-width: 680px) {
  #sr-events .sr-events-recap-grid { grid-template-columns: 1fr !important; }
}
#sr-events .sr-event-card-recap {
  display: block !important;
  background: #fff !important;
  border: 1px solid rgba(15,21,17,.08) !important;
  border-left: 3px solid rgba(126,217,87,.5) !important;
  border-radius: 14px !important;
  padding: 22px 22px 20px !important;
  text-decoration: none !important;
  color: #0f1511 !important;
  transition: all .2s cubic-bezier(0.2,0.8,0.2,1) !important;
  box-shadow: 0 8px 22px -10px rgba(15,21,17,.1) !important;
}
#sr-events .sr-event-card-recap:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(32,159,72,.4) !important;
  border-left-color: #209F48 !important;
  box-shadow: 0 16px 36px -12px rgba(15,21,17,.18) !important;
}
#sr-events .sr-event-card-recap .sr-event-date {
  font: 800 10px/1 ui-monospace, Menlo, monospace !important;
  letter-spacing: .2em !important;
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}
#sr-events .sr-event-card-recap .sr-event-title {
  font: 800 18px/1.25 'Poppins', sans-serif !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  margin: 0 0 8px !important;
  letter-spacing: -.015em !important;
}
#sr-events .sr-event-card-recap .sr-event-desc {
  font: 500 14px/1.55 'Poppins', sans-serif !important;
  color: rgba(15,21,17,.76) !important;
  -webkit-text-fill-color: rgba(15,21,17,.76) !important;
  margin: 0 0 14px !important;
}
#sr-events .sr-event-card-recap .sr-event-ig-link {
  display: inline-block !important;
  font: 800 12px/1 'Poppins', sans-serif !important;
  letter-spacing: .05em !important;
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  text-transform: uppercase !important;
}

/* Section title override — center, near-black */
#sr-events .sr-section-title {
  text-align: center !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  font: 900 clamp(28px, 4vw, 42px)/1.1 'Poppins', sans-serif !important;
  letter-spacing: -.02em !important;
  margin: 0 auto 8px !important;
}

/* END v2.9.24.105 ==================================================== */


/* =====================================================================
   v2.9.24.106 — Hero ambient motion + toggle + cowork banner DNA retrofit
   - Three motions (mycelium | constellation | route), default mycelium,
     20s auto-cycle unless user picks. Module: SR.heroMotion in shared-v3.js
   - Cowork banner aligned to .sr-about-portrait aesthetic (ui-monospace ⬢
     stamp + metrics grid at bottom)
   ===================================================================== */

/* Hero canvas layer (motion renders here; z:-1 + isolation = behind everything
   without requiring z-index changes on existing children).
   v107 regression fix: the prior approach forced `position: relative` on every
   direct child, which collapsed absolutely-positioned children (camel, hero
   graphics) into document flow and blew the hero to 1764px tall. Canvas at
   z:-1 inside `isolation: isolate` sits behind all children naturally — no
   mutation of existing children's positioning. */
.sr-hero-v6,
#srnyc-hero-grid {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
.sr-hero-motion-canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  display: block !important;
}

/* Toggle — bottom-right of hero, subtle until hover */
.sr-hero-motion-toggle {
  position: absolute !important;
  bottom: 18px !important;
  right: 18px !important;
  z-index: 10 !important;
  display: flex !important;
  gap: 4px !important;
  padding: 5px !important;
  background: rgba(15,21,17,.7) !important;
  backdrop-filter: blur(12px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
  border: 1px solid rgba(126,217,87,.35) !important;
  border-radius: 100px !important;
  opacity: .75 !important;
  transition: opacity .2s ease !important;
  font-family: ui-monospace, Menlo, monospace !important;
  box-shadow: 0 10px 28px -10px rgba(0,0,0,.4) !important;
}
.sr-hero-motion-toggle:hover { opacity: 1 !important; }
.sr-hero-motion-toggle button {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 100px !important;
  color: rgba(246,246,242,.72) !important;
  -webkit-text-fill-color: rgba(246,246,242,.72) !important;
  font: 700 10px/1 ui-monospace, Menlo, monospace !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
}
.sr-hero-motion-toggle button:hover {
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  background: rgba(126,217,87,.12) !important;
}
.sr-hero-motion-toggle button.active {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  background: linear-gradient(135deg, #7ED957, #209F48) !important;
  box-shadow: 0 4px 12px rgba(126,217,87,.3) !important;
}
.sr-hero-motion-toggle button .dot {
  display: inline-block !important;
  width: 6px !important; height: 6px !important;
  background: currentColor !important;
  border-radius: 50% !important;
}
@media (max-width: 640px) {
  .sr-hero-motion-toggle { bottom: 12px !important; right: 12px !important; padding: 3px !important; }
  .sr-hero-motion-toggle button { padding: 5px 9px !important; font-size: 9px !important; }
  .sr-hero-motion-toggle button .label { display: none !important; }
}

/* Cowork banner DNA retrofit — match .sr-about-portrait aesthetic */
.sr-cowork-banner {
  /* Radial green fog at 80%/20% — exact same as .sr-about-portrait */
  box-shadow:
    0 20px 60px rgba(15,21,17,.22),
    0 1px 0 rgba(126,217,87,.18) inset !important;
}
/* Metrics grid below the CTAs (injected via JS) */
.sr-cowork-banner-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px 20px !important;
  max-width: 720px !important;
  margin: 28px auto 0 !important;
  padding-top: 24px !important;
  border-top: 1px dashed rgba(126,217,87,.22) !important;
}
.sr-cowork-banner-metric {
  border-left: 2px solid rgba(126,217,87,.6) !important;
  padding-left: 10px !important;
  text-align: left !important;
}
.sr-cowork-banner-metric .n {
  display: block !important;
  font: 900 20px/1.1 'Poppins', sans-serif !important;
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  letter-spacing: -.01em !important;
  text-shadow: 0 0 10px rgba(126,217,87,.3) !important;
}
.sr-cowork-banner-metric .l {
  font: 700 10px/1.35 ui-monospace, Menlo, monospace !important;
  color: rgba(246,246,242,.72) !important;
  -webkit-text-fill-color: rgba(246,246,242,.72) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  margin-top: 2px !important;
}
@media (max-width: 620px) {
  .sr-cowork-banner-metrics { grid-template-columns: 1fr 1fr !important; }
}

/* END v2.9.24.106 ==================================================== */


/* =====================================================================
   v2.9.24.109 — Three Silk Roads chapters → About-portrait DNA rebuild
   Sohan 2026-04-23 via /about/ inspector: "best writing + white/gray +
   coloring. Home should look like this with graphics per chapter."
   Each chapter: dark gradient card + radial green fog (80%/20%) + SVG
   graphic header + ui-mono stamp + white h3 + light body copy.
   ===================================================================== */

html body #sr-homepage .sr-about-v23 .sr-about-chapters {
  grid-template-rows: auto !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 22px !important;
  padding: 16px 24px !important;
  align-items: stretch !important;
}

/* Chapter card — mirrors .sr-about-portrait (hero-side credentials panel) */
html body #sr-homepage .sr-about-v23 .sr-about-chapter {
  background: linear-gradient(135deg, #0f1511 0%, #1a2620 50%, #0f1511 100%) !important;
  border: 1.5px solid rgba(126,217,87,.3) !important;
  border-left: 3px solid rgba(126,217,87,.6) !important;
  border-radius: 20px !important;
  padding: 0 !important;
  color: #f6f6f2 !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow:
    0 20px 60px rgba(15,21,17,.22),
    0 1px 0 rgba(126,217,87,.18) inset !important;
  transition: transform .22s cubic-bezier(0.2,0.8,0.2,1),
              box-shadow .22s cubic-bezier(0.2,0.8,0.2,1),
              border-color .22s cubic-bezier(0.2,0.8,0.2,1) !important;
  z-index: 2 !important;
  isolation: isolate !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter:hover {
  transform: translateY(-3px) !important;
  box-shadow:
    0 26px 60px rgba(15,21,17,.3),
    0 1px 0 rgba(126,217,87,.28) inset !important;
  border-color: rgba(126,217,87,.5) !important;
  border-left-color: #7ED957 !important;
}
/* Radial green fog — identical to .sr-about-portrait::before */
html body #sr-homepage .sr-about-v23 .sr-about-chapter::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 80% 20%, rgba(126,217,87,.25), transparent 55%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Art block (SVG) — subtle inset at top of card */
html body #sr-homepage .sr-about-v23 .sr-about-chap-art {
  background: rgba(0,0,0,.28) !important;
  border-bottom: 1px solid rgba(126,217,87,.2) !important;
  padding: 18px 20px !important;
  position: relative !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chap-art svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 150px !important;
}

/* Chapter stamp (matches .sr-about-portrait-stamp) */
html body #sr-homepage .sr-about-v23 .sr-about-chap-stamp {
  font-family: ui-monospace, Menlo, Consolas, monospace !important;
  font-size: 10.5px !important;
  letter-spacing: .18em !important;
  color: rgba(126,217,87,.9) !important;
  -webkit-text-fill-color: rgba(126,226,87,.9) !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  padding: 20px 22px 8px !important;
  margin: 0 !important;
  background: none !important;
  opacity: 1 !important;
}

/* Headline — white, bold, on-brand */
html body #sr-homepage .sr-about-v23 .sr-about-chapter h3 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(17px, 1.7vw, 22px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
  padding: 8px 22px 10px !important;
  margin: 0 !important;
  background: none !important;
  opacity: 1 !important;
  text-shadow: 0 1px 14px rgba(0,0,0,.55) !important;
}

/* Body copy — cream */
html body #sr-homepage .sr-about-v23 .sr-about-chapter p {
  color: rgba(246,246,242,.88) !important;
  -webkit-text-fill-color: rgba(246,246,242,.88) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  padding: 6px 22px 26px !important;
  margin: 0 !important;
  background: none !important;
  opacity: 1 !important;
}

/* Kill the old giant .sr-about-num number treatment (v102/v105 artifact).
   The new chapter stamp (⬢ CHAPTER I etc) replaces it. */
html body #sr-homepage .sr-about-v23 .sr-about-chapter .sr-about-num {
  display: none !important;
}
html body #sr-homepage .sr-about-v23 .sr-about-chapter .sr-about-num::after {
  display: none !important;
}

/* CAMEL HOMAGE SECTION — sits below the hero, above cowork banner.
   Tribute to the original Silk Road (darkweb era) camel placement. */
.sr-camel-homage {
  display: block !important;
  max-width: 520px !important;
  margin: 20px auto 10px !important;
  padding: 26px 24px 22px !important;
  text-align: center !important;
  position: relative !important;
}
.sr-camel-homage-stamp {
  font-family: ui-monospace, Menlo, Consolas, monospace !important;
  font-size: 10.5px !important;
  letter-spacing: .22em !important;
  color: rgba(32,159,72,.9) !important;
  -webkit-text-fill-color: rgba(32,159,72,.9) !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
  opacity: .9 !important;
}
.sr-camel-homage-wrap {
  position: relative !important;
  display: inline-block !important;
  max-width: 280px !important;
}
.sr-camel-homage-halo {
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 50% 50%, rgba(126,217,87,.28), transparent 62%) !important;
  filter: blur(20px) !important;
  pointer-events: none !important;
  animation: sr-camel-breathe 4.5s ease-in-out infinite !important;
  z-index: 0 !important;
}
.sr-camel-homage-img {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 260px !important;
  height: auto !important;
  margin: 0 auto !important;
  z-index: 1 !important;
  filter: drop-shadow(0 8px 28px rgba(126,217,87,.3)) drop-shadow(0 2px 8px rgba(0,0,0,.2)) !important;
  animation: sr-camel-breathe-scale 5s ease-in-out infinite !important;
}
@keyframes sr-camel-breathe {
  0%, 100% { opacity: .7; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.08); }
}
@keyframes sr-camel-breathe-scale {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.02); }
}
.sr-camel-homage-line {
  margin-top: 12px !important;
  font-family: ui-monospace, Menlo, Consolas, monospace !important;
  font-size: 11px !important;
  letter-spacing: .25em !important;
  color: rgba(15,21,17,.45) !important;
  -webkit-text-fill-color: rgba(15,21,17,.45) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* Announce-bar — Sohan wants bigger + bolder. Bump from 11px to 13px. */
#sr-homepage .sr-announce__rail .sr-announce__item,
#sr-homepage .sr-announce .sr-announce__item {
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

/* Fix typo from v109 — webkit-text-fill-color had wrong RGB (was 226, s/b 217) */
html body #sr-homepage .sr-about-v23 .sr-about-chap-stamp {
  -webkit-text-fill-color: rgba(126,217,87,.9) !important;
}

/* END v2.9.24.109 ==================================================== */