/* Supplied site promo, contained within the classic signup panels. */
:where(.front-page .front-reel) { margin-top: 12px; border-top: 1px solid var(--sy-box-border); padding-top: 10px; min-width: 0; }
:where(.front-page .front-reel video, .join-page .front-reel video) { display: block; width: 100%; max-width: 100%; height: auto; max-height: 380px; object-fit: contain; background: #000; }
:where(.front-reel-actions) { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin: 6px 0 0; font-size: 8pt; }
:where(.signup-cols) { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 16px; align-items: start; }
:where(.signup-cols > *, .signup-promo, .join-page .front-reel) { min-width: 0; }
@media (max-width: 680px) {
  :where(.signup-cols) { grid-template-columns: minmax(0, 1fr); }
  :where(.signup-promo) { order: -1; }
}
@media (max-width: 580px) {
  :where(.front-page .front-reel video, .join-page .front-reel video) { max-height: 340px; }
}