/* ==== Card bands: the brand strip every card family wears ====================
   Every card in the fleet (sign-ups, help routes, wish lists, sponsor levels,
   activities and store items without artwork, newsletter covers, the slider
   strip) tops out in the same slim dark band with the site logo at the right.
   Flat black read as unfinished (Furi, 9-17: "not such basic backgrounds").
   This sheet lays the site's own colors under that logo: a dark-to-primary
   sweep, diagonal stripes in the primary at low strength (the Henry banner's
   stripes, the Cox banner's streaks), and a glow behind the mark. Everything
   comes from the palette tokens, so each site gets its own version and no
   site needs art. The logo layer keeps each band's own size and offset, so
   the marks sit exactly where they did.

   Specificity note: `html .x` (0,1,1) beats each module's own `.x` (0,1,0)
   whatever the stylesheet order, while a module's two-class states (the
   tinted sponsor tiers, a photo-backed art block) still win over this. */

:root {
  --rt-brand-tex:
    linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0) 70%),
    repeating-linear-gradient(135deg, color-mix(in srgb, var(--rt-primary, #f4b41c) 26%, transparent) 0 10px, transparent 10px 30px),
    radial-gradient(90% 160% at 100% 50%, color-mix(in srgb, var(--rt-primary, #f4b41c) 34%, transparent), transparent 60%),
    linear-gradient(100deg, #050505 0%, var(--rt-black, #141414) 50%, color-mix(in srgb, var(--rt-black, #141414) 78%, var(--rt-primary, #f4b41c)) 100%);
}

html .rt-act-art--slim,
html .rt-store-art--slim,
html .rt-hr-art,
html .rt-sg-art,
html .rt-wl-art,
html .rt-sp-level-art {
  background-image:
    var(--rt-banner-logo, none),
    var(--rt-brand-tex);
  background-size: auto 54px, auto, auto, auto, auto;
  background-position: right 16px center, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat, no-repeat, no-repeat;
}

/* Newsletter covers and the slider strip carry a smaller mark. */
html .rt-nl-cover,
html .rt-slider-strip {
  background-image:
    var(--rt-banner-logo, none),
    var(--rt-brand-tex);
  background-size: auto 34px, auto, auto, auto, auto;
  background-position: right 16px center, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat, no-repeat, no-repeat;
}
html .rt-slider-strip { background-position: right 18px center, 0 0, 0 0, 0 0, 0 0; }

/* Plates that carry no logo but wore the same flat black: the date tile on
   event cards, the initials plate on a board member without a photo (its logo
   watermark stays on top via ::after), and the dark Get Involved panels. The
   gold panel keeps its primary fill. */
html .rt-act-tile,
html .rt-bm-photo--initials,
html .rt-bm-photo--open,
html .rt-home-panel:not(.rt-home-panel--gold) {
  background-color: var(--rt-black, #141414);
  background-image: var(--rt-brand-tex);
  background-size: auto, auto, auto, auto;
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, repeat, no-repeat, no-repeat;
}
html .rt-act-tile { background-position: 0 0, -8px 0, 0 0, 0 0; }