/* =========================================================================
   FEC §8 — MEMBERS (editorial marquee, dark-blue atmospheric bg)
   Scoped to body.page-id-333930 (Margot test page)
   --------------------------------------------------------------------------
   Direction: B = ink-Navy #13182e + brand-Navy #283582 bloom + Cyan-light #5fb8e8 glow
   System tokens: Eyebrow Cyan-light Rubik 600 / H2 Fraunces 500 (italic em accent) / Avenir body
   ========================================================================= */

/* SECTION SHELL — atmospheric dark bg matching §4/§6 dark-section pattern
   Bottom-radius 80px (system rule: 80 on dark) + upper-overlap fix (§7 has 60px bottom) */
body.page-id-333930 .fec-members-section {
  position: relative;
  z-index: 2;
  background-color: #13182e;
  overflow: hidden;
  isolation: isolate;
  border-radius: 0 0 80px 80px !important;
  margin-top: -75px !important;
  padding-top: 140px !important;
}

@media (max-width: 980px) {
  body.page-id-333930 .fec-members-section {
    border-radius: 0 0 48px 48px !important;
    margin-top: -40px !important;
    padding-top: 116px !important;
  }
}

/* Brand-Navy bloom (left-center) */
body.page-id-333930 .fec-members-section::before {
  content: "";
  position: absolute;
  inset: -10% -10% auto -10%;
  height: 80%;
  background:
    radial-gradient(60% 65% at 22% 35%, rgba(40, 53, 130, 0.55) 0%, rgba(40, 53, 130, 0) 70%);
  pointer-events: none;
  z-index: 0;
}

/* Cyan-light glow (right-bottom) */
body.page-id-333930 .fec-members-section::after {
  content: "";
  position: absolute;
  inset: auto -10% -15% -10%;
  height: 70%;
  background:
    radial-gradient(45% 60% at 78% 70%, rgba(95, 184, 232, 0.18) 0%, rgba(95, 184, 232, 0) 65%);
  pointer-events: none;
  z-index: 0;
}

body.page-id-333930 .fec-members-section .et_pb_row {
  position: relative;
  z-index: 1;
}

/* HEAD — eyebrow + H2 + stats */
body.page-id-333930 .fec-members-eyebrow p {
  margin: 0;
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #5fb8e8;
}

body.page-id-333930 .fec-members-h2 h2 {
  margin: 0;
  font-family: "Fraunces", serif;
  font-weight: 500;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: #ffffff;
  font-variation-settings: "opsz" 144, "SOFT" 30;
}

body.page-id-333930 .fec-members-h2 h2 em {
  font-style: italic;
  font-weight: 500;
  color: #5fb8e8;
  font-variation-settings: "opsz" 144, "SOFT" 100, "WONK" 1;
}

/* STATS — inline 51 / 18+ / 1952 with thin top rule */
body.page-id-333930 .fec-members-stats-mod {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(95, 184, 232, 0.22);
}

body.page-id-333930 .fec-members-stats {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(40px, 6vw, 80px);
  align-items: flex-start;
}

body.page-id-333930 .fec-members-stat {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

body.page-id-333930 .fec-members-stat-num {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(40px, 4.6vw, 64px);
  line-height: 1;
  color: #5fb8e8;
  font-variation-settings: "opsz" 144, "SOFT" 100, "WONK" 1;
  font-feature-settings: "tnum" 1;
}

body.page-id-333930 .fec-members-stat-label {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

/* MARQUEE — full-bleed Divi row override (escapes 1080px max-width clamp) */
body.page-id-333930 .fec-members-marquee-mod {
  max-width: 100% !important;
  width: 100% !important;
  margin-top: 56px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.page-id-333930 .fec-members-marquee-mod .et_pb_column {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.page-id-333930 .fec-members-marquee-mod .fec-members-marquee-text,
body.page-id-333930 .fec-members-marquee-mod .et_pb_text_inner {
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-333930 .fec-members-marquee {
  position: relative;
  overflow: hidden;
  padding: 28px 0;
  border-top: 1px solid rgba(95, 184, 232, 0.22);
  border-bottom: 1px solid rgba(95, 184, 232, 0.22);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

body.page-id-333930 .fec-members-track {
  display: flex;
  align-items: center;
  gap: clamp(48px, 6vw, 80px);
  width: max-content;
  animation: fec-members-scroll 60s linear infinite;
}

body.page-id-333930 .fec-members-marquee:hover .fec-members-track {
  animation-play-state: paused;
}

@keyframes fec-members-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* LOGO PLACEHOLDERS — typographic stand-ins, mixed sans-uppercase + serif-italic */
body.page-id-333930 .fec-mlogo {
  flex: 0 0 auto;
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.58);
  white-space: nowrap;
  padding: 4px 0;
  transition: color 240ms ease;
}

body.page-id-333930 .fec-mlogo--serif {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 28px;
  letter-spacing: 0;
  text-transform: none;
  font-variation-settings: "opsz" 144, "SOFT" 100, "WONK" 1;
}

body.page-id-333930 .fec-mlogo:hover {
  color: #ffffff;
}

/* FOOTNOTE — placeholder disclaimer */
body.page-id-333930 .fec-members-note-mod {
  margin-top: 40px;
}

body.page-id-333930 .fec-members-note {
  margin: 0;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-align: center;
  color: rgba(255, 255, 255, 0.42);
}

/* RESPONSIVE — keep stats readable on narrow screens */
@media (max-width: 780px) {
  body.page-id-333930 .fec-members-stats {
    gap: 32px;
  }
  body.page-id-333930 .fec-members-marquee {
    padding: 22px 0;
  }
  body.page-id-333930 .fec-mlogo {
    font-size: 18px;
  }
  body.page-id-333930 .fec-mlogo--serif {
    font-size: 22px;
  }
  body.page-id-333930 .fec-members-track {
    gap: 48px;
    animation-duration: 45s;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-333930 .fec-members-track {
    animation: none;
  }
}