/* =========================================================
   BIG BRAND REPORT — SUBSCRIPTION CTA SYSTEM
   One consistent design. Wording is tailored per section.
   Subscribing is a single tap-through — there are no forms.
   ========================================================= */

.bbr-subscribe {
  background: #0A0A0A;
  color: #FFFFFF;
  padding-top: clamp(56px, 6vw, 84px) !important;
  padding-bottom: clamp(56px, 6vw, 84px) !important;
}

.bbr-subscribe--light {
  background: #FAF9F6;
  color: #111111;
  border-top: 1px solid #E8E5E2;
  border-bottom: 1px solid #E8E5E2;
}

.bbr-subscribe-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: center;
}

.bbr-subscribe .bbr-subscribe-eyebrow {
  color: #E0669A !important;
  font-size: .75rem !important;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin: 0 0 14px !important;
}

.bbr-subscribe--light .bbr-subscribe-eyebrow { color: #C2185B !important; }

.bbr-subscribe h2 {
  font-family: var(--serif, Georgia, serif);
  margin: 0 0 14px;
  letter-spacing: -.02em;
  color: inherit;
}

.bbr-subscribe p.bbr-subscribe-lead {
  margin: 0;
  max-width: 620px;
  color: #CFCFCF !important;
}

.bbr-subscribe--light p.bbr-subscribe-lead { color: #555555 !important; }

/* ---------------------------------------------------------
   THE ACTION
   Deliberately plain: no messaging-app colour, badge or logo.
   It reads as a Big Brand Report button, not a third-party one.
   --------------------------------------------------------- */
.bbr-subscribe-action { display: grid; gap: 12px; justify-items: start; }

.bbr-subscribe-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  width: 100%;
  padding: 1.15rem 1.6rem;
  background: #C2185B;
  color: #FFFFFF !important;
  border: 1px solid #C2185B;
  font-family: var(--sans, Arial, sans-serif);
  font-weight: 700;
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  transition: transform .2s ease, background .2s ease;
}

.bbr-subscribe-button:hover,
.bbr-subscribe-button:focus-visible {
  transform: translateY(-2px);
  background: #A81450;
  border-color: #A81450;
  color: #FFFFFF !important;
}

.bbr-subscribe--light .bbr-subscribe-button { color: #FFFFFF !important; }

.bbr-subscribe-note {
  margin: 0 !important;
  font-size: .8rem !important;
  color: #8F8F8F !important;
  line-height: 1.5 !important;
  max-width: 42ch;
}

.bbr-subscribe--light .bbr-subscribe-note { color: #6B6B6B !important; }

@media (max-width: 900px) {
  .bbr-subscribe-inner { grid-template-columns: 1fr; }
  .bbr-subscribe-action { justify-items: stretch; }
}