/* Scoped to the requested chronicles listing hero. */
.chronicles-hero__frame--apostrophe {
  padding: clamp(12px, 2vw, 20px);
  background: rgba(210, 235, 225, .09);
  border: 1px solid rgba(220, 240, 232, .3);
  box-shadow: 0 25px 65px rgba(0,0,0,.38), 0 0 40px rgba(255,39,130,.08);
}
.chronicles-hero__frame--apostrophe::after { display: none; }
.chronicles-apostrophe-panel {
  height: clamp(290px, 26vw, 390px);
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, .64);
  border: 1px solid rgba(255,255,255,.06);
}
.chronicles-apostrophe {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 390px;
}
@media (max-width: 575px) {
  .chronicles-apostrophe-panel { height: 270px; }
}

/* Keep the moving editorial line readable above the hero background. */
.chronicles-hero__ticker {
  z-index: 1;
  color: rgba(255, 255, 255, .58);
  pointer-events: none;
}