/* ==========================================================
   PROJECT LANTERN — ORIGINAL EPISODES IN RIGHT HERO PANEL
   Scoped only to the two moved existing cards.
   ========================================================== */

.baxter-right-originals {
  width: 100%;
  max-width: 100%;

  box-sizing: border-box;

  margin-top: 24px;
  padding-top: 20px;

  border-top:
    1px solid rgba(226, 187, 81, 0.34);
}

.baxter-right-originals__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;

  gap: 16px;

  margin-bottom: 14px;

  text-align: left;
}

.baxter-right-originals__heading span {
  color:
    rgba(231, 194, 99, 0.72);

  font-family:
    Montserrat,
    sans-serif;

  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.15em;

  text-transform: uppercase;
}

.baxter-right-originals__heading strong {
  color: #fff3da;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size:
    clamp(1.2rem, 1.7vw, 1.65rem);

  font-weight: 600;
}

.baxter-right-originals__grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 14px;

  width: 100%;
}


/* ----------------------------------------------------------
   Existing original episode cards — compact right version
   ---------------------------------------------------------- */

.baxter-right-originals
.episode-card {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;

  border:
    1px solid rgba(224, 184, 79, 0.55) !important;

  background:
    linear-gradient(
      180deg,
      rgba(30, 4, 8, 0.96),
      rgba(7, 2, 3, 0.98)
    ) !important;

  box-shadow:
    0 14px 30px
    rgba(0, 0, 0, 0.28) !important;
}


.baxter-right-originals
.episode-media {
  position: relative !important;

  width: 100% !important;
  height: auto !important;

  min-height: 0 !important;

  aspect-ratio: 16 / 9 !important;

  overflow: hidden !important;

  background: #000 !important;
}


.baxter-right-originals
.episode-media video {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;

  background: #000 !important;
}


.baxter-right-originals
.episode-number {
  right: 8px !important;
  bottom: 4px !important;

  font-size:
    clamp(1.2rem, 2vw, 1.8rem) !important;
}


.baxter-right-originals
.episode-body {
  padding:
    15px
    14px
    17px !important;
}


.baxter-right-originals
.episode-body .gold-label {
  margin-bottom: 8px !important;

  font-size: 0.56rem !important;
  letter-spacing: 0.12em !important;
}


.baxter-right-originals
.episode-body h3 {
  margin-bottom: 9px !important;

  font-size:
    clamp(1.05rem, 1.45vw, 1.35rem) !important;

  line-height: 1.02 !important;
}


.baxter-right-originals
.episode-body > p {
  margin:
    0
    0
    11px !important;

  font-size: 0.71rem !important;
  line-height: 1.5 !important;
}


.baxter-right-originals
.episode-body a {
  font-size: 0.58rem !important;
  letter-spacing: 0.09em !important;
}


/* ----------------------------------------------------------
   Keep the entire right hero panel from overflowing.
   ---------------------------------------------------------- */

.hero-actions + .baxter-right-originals {
  max-width: 100%;
}


/* ----------------------------------------------------------
   Narrow desktop / tablet:
   stack the two original cards if needed.
   ---------------------------------------------------------- */

@media (max-width: 1180px) {

  .baxter-right-originals__grid {
    grid-template-columns: 1fr;
  }
}


/* ----------------------------------------------------------
   Mobile: right hero panel already stacks naturally.
   ---------------------------------------------------------- */

@media (max-width: 700px) {

  .baxter-right-originals {
    margin-top: 18px;
    padding-top: 16px;
  }

  .baxter-right-originals__heading {
    align-items: flex-start;
    flex-direction: column;

    gap: 4px;
  }

  .baxter-right-originals__grid {
    grid-template-columns: 1fr;
  }
}

/* BAXTERGATE RIGHT ORIGINALS STACK START */

/*
  Stack Cease & Desist and Can't Drive 55 vertically
  beneath the BaxterGate logo/buttons.
*/

.baxter-right-originals__grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
}


/*
  Give each moved episode the full width of the
  existing right-side hero panel.
*/

.baxter-right-originals .episode-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


/*
  Keep the video landscape and compact.
*/

.baxter-right-originals .episode-media {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
}

.baxter-right-originals .episode-media video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}


/*
  Make the copy less tall now that each card
  has more horizontal room.
*/

.baxter-right-originals .episode-body {
  padding:
    18px
    20px
    22px !important;

  text-align: left !important;
}

.baxter-right-originals .episode-body h3 {
  max-width: 100% !important;

  font-size:
    clamp(1.3rem, 1.8vw, 1.75rem) !important;

  line-height: 1.05 !important;
}

.baxter-right-originals .episode-body > p {
  max-width: 100% !important;

  font-size: 0.78rem !important;
  line-height: 1.55 !important;
}


/*
  Clean up the heading above them.
*/

.baxter-right-originals__heading {
  align-items: flex-end !important;
}

.baxter-right-originals__heading strong {
  font-size:
    clamp(1.4rem, 2vw, 1.9rem) !important;
}

/* BAXTERGATE RIGHT ORIGINALS STACK END */

/* ==========================================================
   CEASE & DESIST — SOUND CONTROL
   ========================================================== */

.baxter-cease-autoplay-card {
  position: relative !important;
}

.baxter-cease-sound-toggle {
  position: absolute !important;

  right: 14px !important;
  top: 14px !important;

  z-index: 20 !important;

  display: inline-flex !important;
  align-items: center !important;

  gap: 7px !important;

  padding:
    8px
    11px !important;

  border:
    1px solid
    rgba(239, 208, 131, 0.72) !important;

  border-radius: 999px !important;

  color: #fff3d9 !important;

  background:
    rgba(10, 2, 4, 0.88) !important;

  box-shadow:
    0 8px 22px
    rgba(0, 0, 0, 0.32) !important;

  backdrop-filter:
    blur(8px) !important;

  cursor: pointer !important;

  font-family:
    Montserrat,
    sans-serif !important;

  font-size: 0.55rem !important;
  letter-spacing: 0.11em !important;
  line-height: 1 !important;

  text-transform: uppercase !important;
}

.baxter-cease-sound-toggle span {
  opacity: 0.72 !important;
}

.baxter-cease-sound-toggle strong {
  color: #efd083 !important;

  font-size: 0.58rem !important;
  letter-spacing: 0.08em !important;
}

.baxter-cease-sound-toggle:hover {
  border-color:
    rgba(255, 230, 166, 0.96) !important;

  background:
    rgba(28, 5, 8, 0.94) !important;
}

@media (max-width: 700px) {

  .baxter-cease-sound-toggle {
    right: 10px !important;
    top: 10px !important;

    padding:
      7px
      9px !important;
  }
}


/* ==========================================================
   BAXTERGATE FEATURED EPISODE BOARD
   2 columns / 3 rows
   ========================================================== */

.baxter-episode-board {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 28px;
  width: 100%;
  margin: 28px 0 46px;
  align-items: stretch;
}

.baxter-episode-board__slot {
  min-width: 0;
  width: 100%;
  display: flex;
}

.baxter-episode-board__slot > * {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.baxter-episode-board__card {
  height: 100%;
}

/*
  Palm Tran used to span the full section.
  Inside this board it becomes a normal
  one-column episode card.
*/

.baxter-episode-board
.baxter-transit-feature {
  grid-column: auto !important;
  margin: 0 !important;
}

.baxter-episode-board
.baxter-transit-feature
.baxter-new-episode__media {
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

.baxter-episode-board
.baxter-transit-feature
.baxter-new-episode__poster {
  max-width: 100% !important;
}

.baxter-episode-board
.baxter-new-episode__poster img {
  width: 100%;
  height: auto;
  display: block;
}

.baxter-episode-board
.baxter-new-episode__video video {
  display: block;
  width: 100%;
  height: auto;
}

/*
  Existing React episode cards such as
  Cease and Can't Drive 55 keep all of
  their native design, but fill the slot.
*/

.baxter-episode-board
.opening-case-card {
  width: 100%;
  max-width: none;
  margin: 0;
}

/*
  Reserved sixth position.
*/

.baxter-episode-board__slot--blank {
  min-height: 360px;
  border:
    1px dashed
    rgba(214, 177, 87, 0.36);
  background:
    rgba(255, 255, 255, 0.018);
  display: flex;
  align-items: center;
  justify-content: center;
}

.baxter-episode-board__blank-inner {
  min-height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.32;
  letter-spacing: 0.18em;
  font-size: 11px;
  text-transform: uppercase;
}

/*
  Mobile = one episode per row.
*/

@media (max-width: 820px) {

  .baxter-episode-board {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .baxter-episode-board__slot--blank {
    display: none;
  }

}

/* ==========================================================
   BAXTER FULL WIDTH EPISODE SECTION
   AUTHORITATIVE VERSION
   ========================================================== */

.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
] {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  box-sizing: border-box !important;

  margin:
    0 !important;

  margin-left:
    0 !important;

  margin-right:
    0 !important;

  position:
    relative !important;

  left:
    auto !important;

  right:
    auto !important;

  top:
    auto !important;

  transform:
    none !important;

  grid-column:
    auto !important;

  align-self:
    auto !important;

  padding:
    56px
    clamp(28px, 5vw, 88px)
    68px !important;
}


/*
  Header should use the same full content
  width as the episode board.
*/

.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
.baxter-new-episodes__header {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}


/*
  Two equal columns across the ACTUAL
  page section.
*/

.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
.baxter-episode-board {
  display: grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    ) !important;

  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  box-sizing:
    border-box !important;

  margin:
    34px 0 0 !important;

  column-gap:
    clamp(
      28px,
      3.5vw,
      58px
    ) !important;

  row-gap:
    42px !important;
}


.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
.baxter-episode-board__slot {
  display: flex !important;

  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  box-sizing:
    border-box !important;
}


.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
.baxter-episode-board__slot > * {
  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  box-sizing:
    border-box !important;
}


/*
  Neutralize Palm Tran's former
  full-row featured styling.
*/

.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
.baxter-transit-feature {
  grid-column:
    auto !important;

  width:
    100% !important;

  max-width:
    none !important;

  margin:
    0 !important;
}


/*
  Prevent media from escaping cards.
*/

.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
img,

.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
video {
  max-width:
    100% !important;

  box-sizing:
    border-box !important;
}


/*
  Keep blank sixth position visible
  on desktop for your future episode.
*/

.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
.baxter-episode-board__slot--blank {
  width:
    100% !important;

  min-height:
    360px !important;
}


/*
  Mobile / tablet.
*/

@media (max-width: 820px) {

  .baxter-new-episodes[
    data-baxter-full-width-episodes="true"
  ] {
    padding:
      36px 18px 48px !important;
  }

  .baxter-new-episodes[
    data-baxter-full-width-episodes="true"
  ]
  .baxter-episode-board {
    grid-template-columns:
      1fr !important;

    row-gap:
      26px !important;
  }

  .baxter-new-episodes[
    data-baxter-full-width-episodes="true"
  ]
  .baxter-episode-board__slot--blank {
    display:
      none !important;
  }

}




/* ==========================================================
   PALM TRAN BOARD POSTER FIX
   Do not show the giant separate vertical poster.
   The video itself keeps the artwork as its poster thumbnail.
   ========================================================== */

.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
.baxter-transit-feature
.baxter-new-episode__poster {
  display: none !important;
}


.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
.baxter-transit-feature
.baxter-new-episode__media {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}


.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
.baxter-transit-feature
.baxter-new-episode__video {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}


.baxter-new-episodes[
  data-baxter-full-width-episodes="true"
]
.baxter-transit-feature
.baxter-new-episode__video video {
  display: block !important;
  width: 100% !important;
  height: auto !important;

  aspect-ratio: 864 / 496 !important;
  object-fit: contain !important;

  background: #000 !important;
}



/* ==========================================================
   PALM BEACH POST HERO RECEIPT
   ========================================================== */

.baxter-editorial-receipt {
  grid-column: 1 / -1 !important;

  width: calc(100% - 36px);
  max-width: none;

  margin:
    4px
    18px
    20px;

  padding:
    20px
    22px;

  box-sizing: border-box;

  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;

  gap: 26px;
  align-items: center;

  position: relative;
  overflow: hidden;

  border:
    1px solid
    rgba(219, 181, 76, 0.55);

  background:
    linear-gradient(
      115deg,
      rgba(18, 5, 8, 0.98),
      rgba(67, 8, 20, 0.94)
    );

  box-shadow:
    inset 0 1px 0
    rgba(255, 235, 175, 0.05);
}


.baxter-editorial-receipt::before {
  content: "EDITORIAL RECEIPT";

  position: absolute;
  right: -24px;
  top: 13px;

  transform: rotate(8deg);

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 0.16em;

  color:
    rgba(218, 181, 75, 0.12);

  pointer-events: none;
}


.baxter-editorial-receipt__copy {
  min-width: 0;
}


.baxter-editorial-receipt__eyebrow {
  margin:
    0
    0
    7px;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size:
    clamp(
      10px,
      0.8vw,
      12px
    );

  font-weight: 800;

  letter-spacing:
    0.19em;

  color: #e1bd58;

  text-transform: uppercase;
}


.baxter-editorial-receipt__title {
  margin: 0;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size:
    clamp(
      23px,
      2.1vw,
      34px
    );

  line-height: 1.02;

  font-weight: 600;

  color: #fff4dc;
}


.baxter-editorial-receipt__title em {
  color: #e2bd58;

  font-style: italic;
}


.baxter-editorial-receipt__text {
  max-width: 800px;

  margin:
    9px
    0
    0;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size:
    clamp(
      12px,
      0.95vw,
      14px
    );

  line-height: 1.55;

  color:
    rgba(
      255,
      242,
      220,
      0.72
    );
}


.baxter-editorial-receipt__link {
  min-width: 210px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 22px;

  padding:
    15px
    17px;

  border:
    1px solid
    #dfba55;

  color: #f6d775;

  background:
    rgba(0, 0, 0, 0.28);

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size: 11px;
  font-weight: 800;

  letter-spacing:
    0.1em;

  text-decoration: none;

  transition:
    background 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}


.baxter-editorial-receipt__link:hover {
  color: #12080a;

  background: #e3bd58;

  transform:
    translateY(-1px);
}


.baxter-editorial-receipt__link strong {
  font-size: 22px;
  line-height: 1;
}


@media (max-width: 820px) {

  .baxter-editorial-receipt {
    width:
      calc(100% - 24px);

    margin:
      4px
      12px
      16px;

    padding:
      18px;

    grid-template-columns:
      1fr;

    gap: 16px;
  }


  .baxter-editorial-receipt__link {
    width: 100%;

    min-width: 0;

    box-sizing:
      border-box;
  }

}



/* ==========================================================
   BAXTER MOBILE HERO RECEIPT FINAL FIX

   MOBILE ONLY:
   1. Give the top header its own row.
   2. Prevent it overlapping the opening-case heading.
   3. Let the Foreclosure card grow naturally.
   4. Keep the foreclosure CTA above the editorial receipt.
   5. Prevent the editorial receipt/link from being clipped.

   DESKTOP IS UNCHANGED.
   ========================================================== */

@media (max-width: 820px) {

  /* -------------------------------------------------------
     TOP HEADER
     ------------------------------------------------------- */

  .header {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 20 !important;

    width: 100% !important;
    min-height: 58px !important;

    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding:
      0
      18px !important;

    margin: 0 !important;

    background:
      rgba(15, 4, 7, 0.98) !important;

    border-bottom:
      1px solid
      rgba(216, 178, 75, 0.30) !important;

    transform: none !important;
  }


  .header .wordmark {
    position: static !important;

    margin: 0 !important;

    white-space: nowrap !important;

    font-size:
      clamp(
        20px,
        6.5vw,
        30px
      ) !important;

    line-height: 1 !important;
  }


  .header nav {
    display: none !important;
  }


  .header .header-watch {
    position: static !important;

    margin: 0 !important;

    white-space: nowrap !important;

    font-size:
      clamp(
        11px,
        3.5vw,
        15px
      ) !important;

    line-height: 1 !important;
  }


  /* -------------------------------------------------------
     HERO START
     ------------------------------------------------------- */

  section.hero#top {
    padding-top: 0 !important;

    overflow: visible !important;
  }


  section.hero#top .hero-inner {
    margin-top: 0 !important;
    padding-top: 18px !important;

    min-height: 0 !important;

    overflow: visible !important;
  }


  #opening-case-files {
    margin-top: 0 !important;

    min-height: 0 !important;

    overflow: visible !important;
  }


  .opening-case-files__heading {
    position: relative !important;

    top: auto !important;

    margin:
      0
      14px
      26px !important;

    padding:
      24px
      20px
      22px !important;

    box-sizing: border-box !important;

    transform: none !important;
  }


  .opening-case-files__heading h2 {
    margin-top: 8px !important;

    font-size:
      clamp(
        31px,
        9.5vw,
        46px
      ) !important;

    line-height: 1.02 !important;

    overflow-wrap: normal !important;
  }


  .opening-case-files__heading > span {
    display: block !important;

    margin-top: 18px !important;

    line-height: 1.45 !important;
  }


  /* -------------------------------------------------------
     FORECLOSURE CARD
     ------------------------------------------------------- */

  .opening-case-card--foreclosure {
    display: block !important;

    width:
      calc(100% - 28px) !important;

    max-width:
      calc(100% - 28px) !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin:
      0
      14px
      30px !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    grid-template-columns:
      none !important;

    grid-template-rows:
      none !important;

    contain: none !important;
  }


  .opening-case-card--foreclosure
  .opening-case-card__media {
    display: block !important;

    position: relative !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: hidden !important;
  }


  .opening-case-card--foreclosure
  .opening-case-card__media video {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    max-width: 100% !important;

    object-fit: contain !important;
  }


  .opening-case-card--foreclosure
  .opening-case-card__body {
    display: block !important;

    position: relative !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding:
      28px
      24px
      24px !important;

    box-sizing: border-box !important;

    overflow: visible !important;
  }


  .opening-case-card--foreclosure
  .opening-case-card__description {
    margin-bottom: 22px !important;
  }


  /* Keep the original foreclosure CTA fully visible */

  .opening-case-card--foreclosure
  .opening-foreclosure-cta {
    position: relative !important;

    display: flex !important;

    width: 100% !important;

    min-height: 66px !important;

    margin:
      18px
      0
      0 !important;

    box-sizing: border-box !important;

    z-index: 2 !important;

    transform: none !important;
  }


  /* -------------------------------------------------------
     EDITORIAL RECEIPT
     ------------------------------------------------------- */

  .opening-case-card--foreclosure
  .baxter-editorial-receipt {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 1 !important;

    display: block !important;

    width:
      calc(100% - 28px) !important;

    max-width:
      calc(100% - 28px) !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin:
      18px
      14px
      18px !important;

    padding:
      22px
      20px !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    transform: none !important;

    grid-column: auto !important;
  }


  .baxter-editorial-receipt__copy {
    display: block !important;

    width: 100% !important;

    min-width: 0 !important;

    overflow: visible !important;
  }


  .baxter-editorial-receipt__title {
    margin:
      0
      0
      13px !important;

    font-size:
      clamp(
        27px,
        8.2vw,
        39px
      ) !important;

    line-height: 1.02 !important;

    overflow-wrap: normal !important;
  }


  .baxter-editorial-receipt__text {
    max-width: none !important;

    margin:
      0
      0
      18px !important;

    font-size:
      clamp(
        14px,
        4vw,
        17px
      ) !important;

    line-height: 1.55 !important;

    overflow: visible !important;
  }


  .baxter-editorial-receipt__link {
    position: relative !important;

    display: flex !important;

    width: 100% !important;
    min-width: 0 !important;

    min-height: 54px !important;

    margin-top: 18px !important;

    padding:
      14px
      16px !important;

    box-sizing: border-box !important;

    z-index: 2 !important;
  }


  /* -------------------------------------------------------
     RIGHT HERO / BAXTERGATE PANEL
     ------------------------------------------------------- */

  .hero-copy {
    position: relative !important;

    width:
      calc(100% - 28px) !important;

    max-width:
      calc(100% - 28px) !important;

    height: auto !important;
    min-height: 0 !important;

    margin:
      0
      14px
      30px !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    transform: none !important;
  }

}


/* Extra-small phones */

@media (max-width: 390px) {

  .opening-case-files__heading h2 {
    font-size: 32px !important;
  }


  .baxter-editorial-receipt__title {
    font-size: 27px !important;
  }


  .opening-case-card--foreclosure
  .opening-case-card__body {
    padding:
      24px
      20px
      22px !important;
  }

}



/* ==========================================================
   BAXTER CAMPAIGN WAR ROOM EPISODE
   ========================================================== */

.baxter-war-room-episode {
  min-width: 0;
}


.baxter-war-room-episode__media {
  position: relative !important;

  display: block !important;

  min-height: 0 !important;

  overflow: hidden !important;

  background: #050303 !important;
}


.baxter-war-room-episode__badge {
  position: absolute !important;

  top: 16px !important;
  left: 16px !important;

  z-index: 5 !important;

  margin: 0 !important;
}


.baxter-war-room-episode__video {
  width: 100% !important;

  aspect-ratio:
    864 / 496 !important;

  min-height: 0 !important;

  background: #000 !important;
}


.baxter-war-room-episode__video video {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit:
    contain !important;

  background: #000 !important;
}


.baxter-war-room-episode__copy {
  min-height: 0 !important;
}


.baxter-war-room-episode__copy h3 {
  text-wrap: balance;
}


@media (max-width: 820px) {

  .baxter-war-room-episode {
    width: 100% !important;
    max-width: 100% !important;
  }


  .baxter-war-room-episode__badge {
    top: 12px !important;
    left: 12px !important;
  }


  .baxter-war-room-episode__video {
    width: 100% !important;

    aspect-ratio:
      864 / 496 !important;
  }

}



/* ==========================================================
   BAXTER COMPACT EPISODE BOARD FINAL

   - War Room is visually first.
   - Existing DOM order stays untouched.
   - Existing nth-child episode styling stays intact.
   - Duplicate poster panels are hidden because each video
     already carries its own poster artwork.
   - Media and copy are compact to reduce page scrolling.
   ========================================================== */


/* ----------------------------------------------------------
   WAR ROOM FIRST WITHOUT CHANGING DOM ORDER
   ---------------------------------------------------------- */

.baxter-episode-board
.baxter-war-room-episode {
  order: -100 !important;
}


/* ----------------------------------------------------------
   REMOVE REDUNDANT POSTER PANELS

   Every current board episode has a playable video with
   poster artwork already assigned to that video.
   ---------------------------------------------------------- */

.baxter-episode-board
.baxter-new-episode__poster {
  display: none !important;

  width: 0 !important;
  height: 0 !important;

  min-height: 0 !important;
  max-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
}


/* ----------------------------------------------------------
   COMPACT CARD
   ---------------------------------------------------------- */

.baxter-episode-board
.baxter-new-episode {
  min-height: 0 !important;
  height: auto !important;

  align-self: start !important;

  overflow: hidden !important;
}


/* ----------------------------------------------------------
   COMPACT MEDIA
   ---------------------------------------------------------- */

.baxter-episode-board
.baxter-new-episode__media {
  display: block !important;

  position: relative !important;

  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  overflow: hidden !important;
}


.baxter-episode-board
.baxter-new-episode__video {
  display: block !important;

  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  aspect-ratio:
    16 / 9 !important;

  margin: 0 !important;

  overflow: hidden !important;

  background:
    #000 !important;
}


.baxter-episode-board
.baxter-new-episode__video video {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  min-height: 0 !important;
  max-height: none !important;

  aspect-ratio:
    16 / 9 !important;

  object-fit:
    contain !important;

  margin: 0 !important;

  background:
    #000 !important;
}


/* ----------------------------------------------------------
   COMPACT COPY
   ---------------------------------------------------------- */

.baxter-episode-board
.baxter-new-episode__copy {
  min-height: 0 !important;
  height: auto !important;

  padding:
    18px
    22px
    20px !important;

  gap: 10px !important;
}


.baxter-episode-board
.baxter-new-episode__label {
  margin-bottom: 7px !important;
}


.baxter-episode-board
.baxter-new-episode h3 {
  margin: 0 !important;

  font-size:
    clamp(
      25px,
      2.1vw,
      36px
    ) !important;

  line-height:
    1.02 !important;
}


.baxter-episode-board
.baxter-new-episode__copy > p {
  margin:
    10px
    0
    0 !important;

  font-size:
    clamp(
      13px,
      0.95vw,
      15px
    ) !important;

  line-height:
    1.45 !important;
}


/* ----------------------------------------------------------
   BADGES
   ---------------------------------------------------------- */

.baxter-episode-board
.baxter-new-episode__badge {
  top: 12px !important;
  left: 12px !important;

  z-index: 7 !important;
}


/* ----------------------------------------------------------
   POSSIBLE CSS-GENERATED COMING-NEXT PLACEHOLDER
   ---------------------------------------------------------- */

.baxter-episode-board::after {
  display: none !important;

  content: none !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 820px) {

  .baxter-episode-board {
    gap: 18px !important;
  }


  .baxter-episode-board
  .baxter-new-episode {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
  }


  .baxter-episode-board
  .baxter-new-episode__video {
    aspect-ratio:
      16 / 9 !important;
  }


  .baxter-episode-board
  .baxter-new-episode__video video {
    aspect-ratio:
      16 / 9 !important;
  }


  .baxter-episode-board
  .baxter-new-episode__copy {
    padding:
      16px
      17px
      18px !important;
  }


  .baxter-episode-board
  .baxter-new-episode h3 {
    font-size:
      clamp(
        24px,
        7.2vw,
        32px
      ) !important;
  }


  .baxter-episode-board
  .baxter-new-episode__copy > p {
    font-size:
      13px !important;

    line-height:
      1.42 !important;
  }

}


/* ----------------------------------------------------------
   EXTRA-SMALL MOBILE
   ---------------------------------------------------------- */

@media (max-width: 390px) {

  .baxter-episode-board
  .baxter-new-episode__copy {
    padding:
      14px
      15px
      16px !important;
  }


  .baxter-episode-board
  .baxter-new-episode h3 {
    font-size:
      23px !important;
  }

}



/* ==========================================================
   BAXTER PBP AUG14 IMAGE LINK FEATURE
   Compact feature directly beneath main hero
   ========================================================== */

.baxter-pbp-aug14 {
  width: 100%;

  box-sizing:
    border-box;

  padding:
    30px
    clamp(
      24px,
      4vw,
      68px
    );

  border-top:
    1px solid
    rgba(218, 176, 67, 0.64);

  border-bottom:
    1px solid
    rgba(218, 176, 67, 0.40);

  background:
    linear-gradient(
      115deg,
      #100305 0%,
      #20060b 54%,
      #0c0204 100%
    );

  overflow: hidden;
}


.baxter-pbp-aug14__inner {
  width: 100%;

  max-width:
    1460px;

  margin:
    0 auto;

  display: grid;

  grid-template-columns:
    minmax(250px, 0.70fr)
    minmax(0, 1.30fr);

  align-items: center;

  gap:
    clamp(
      28px,
      4vw,
      64px
    );
}


.baxter-pbp-aug14__image-link {
  position: relative;

  display: flex;

  width: 100%;

  height:
    min(
      360px,
      28vw
    );

  min-height:
    260px;

  align-items: center;
  justify-content: center;

  overflow: hidden;

  box-sizing:
    border-box;

  border:
    1px solid
    rgba(222, 184, 77, 0.55);

  background:
    #000;

  text-decoration:
    none;
}


.baxter-pbp-aug14__image-link img {
  display: block;

  width: auto;
  max-width: 100%;

  height: 100%;
  max-height: 100%;

  object-fit:
    contain;

  margin:
    0 auto;
}


.baxter-pbp-aug14__badge {
  position: absolute;

  top: 13px;
  left: 13px;

  z-index: 4;

  padding:
    8px
    11px;

  border:
    1px solid
    #dcb84f;

  background:
    rgba(5, 2, 3, 0.90);

  color:
    #e8c866;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size:
    10px;

  font-weight:
    800;

  line-height:
    1;

  letter-spacing:
    0.15em;

  text-transform:
    uppercase;
}


.baxter-pbp-aug14__copy {
  min-width: 0;
}


.baxter-pbp-aug14__eyebrow {
  margin:
    0
    0
    11px;

  color:
    #dcb84f;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size:
    10px;

  font-weight:
    800;

  line-height:
    1.4;

  letter-spacing:
    0.17em;

  text-transform:
    uppercase;
}


.baxter-pbp-aug14__eyebrow span {
  margin:
    0 7px;
}


.baxter-pbp-aug14 h2 {
  max-width:
    720px;

  margin:
    0;

  color:
    #fff3dd;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size:
    clamp(
      40px,
      5vw,
      72px
    );

  font-weight:
    600;

  line-height:
    0.93;

  letter-spacing:
    -0.025em;
}


.baxter-pbp-aug14__description {
  margin:
    16px
    0
    0;

  color:
    rgba(255, 242, 220, 0.69);

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size:
    14px;

  line-height:
    1.5;
}


.baxter-pbp-aug14__button {
  width:
    min(
      100%,
      420px
    );

  box-sizing:
    border-box;

  margin-top:
    21px;

  padding:
    14px
    16px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap:
    18px;

  border:
    1px solid
    #dcb84f;

  background:
    rgba(0, 0, 0, 0.30);

  color:
    #edcb68;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size:
    10px;

  font-weight:
    800;

  line-height:
    1.25;

  letter-spacing:
    0.10em;

  text-decoration:
    none;

  transition:
    background 150ms ease,
    color 150ms ease,
    transform 150ms ease;
}


.baxter-pbp-aug14__button:hover {
  background:
    #dcb84f;

  color:
    #160509;

  transform:
    translateY(-1px);
}


.baxter-pbp-aug14__button strong {
  flex: 0 0 auto;

  font-size:
    20px;

  line-height:
    1;
}


.baxter-pbp-aug14__disclaimer {
  margin:
    13px
    0
    0;

  color:
    rgba(255, 242, 220, 0.36);

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size:
    8px;

  font-weight:
    700;

  line-height:
    1.3;

  letter-spacing:
    0.17em;

  text-transform:
    uppercase;
}


@media (max-width: 820px) {

  .baxter-pbp-aug14 {
    padding:
      20px
      15px
      24px;
  }


  .baxter-pbp-aug14__inner {
    grid-template-columns:
      1fr;

    gap:
      19px;
  }


  .baxter-pbp-aug14__image-link {
    width: 100%;

    height:
      min(
        465px,
        118vw
      );

    min-height: 0;
  }


  .baxter-pbp-aug14__copy {
    padding:
      0
      3px;
  }


  .baxter-pbp-aug14 h2 {
    font-size:
      clamp(
        35px,
        10vw,
        48px
      );

    line-height:
      0.96;
  }


  .baxter-pbp-aug14__description {
    margin-top:
      12px;

    font-size:
      13px;
  }


  .baxter-pbp-aug14__button {
    width: 100%;

    margin-top:
      16px;
  }

}


@media (max-width: 390px) {

  .baxter-pbp-aug14 {
    padding-left:
      12px;

    padding-right:
      12px;
  }


  .baxter-pbp-aug14__image-link {
    height:
      min(
        430px,
        118vw
      );
  }


  .baxter-pbp-aug14 h2 {
    font-size:
      34px;
  }

}