/* v1.4.7 — First screen: image above at native 3:2 (no crop), one-line headline below; both visible together. */
.spj-panda-opening.spj-section { padding-top: .6rem; }
.spj-hero--panda .spj-hero__figure { width: min(100%, 71svh) !important; margin: 0 auto !important; }
.spj-carousel__slide { aspect-ratio: 3 / 2; height: auto; }
.spj-hero--panda .spj-hero__copy { display: block !important; text-align: center; max-width: 1200px !important; margin-inline: auto !important; padding: .9rem 0 1rem; }
.spj-hero--panda .spj-hero__copy h1 { grid-column: auto; grid-row: auto; max-width: none !important; font-size: clamp(2rem, 4.2vw, 4.2rem); margin: .4rem 0 .75rem; white-space: normal; }
.spj-hero--panda .spj-hero__lede { grid-column: auto; grid-row: auto; max-width: 68ch; margin: .8rem auto .9rem; font-size: .98em; }
.spj-hero--panda .spj-hero__copy .wp-block-buttons { grid-column: auto; grid-row: auto; justify-content: center; }
.spj-hero--panda .spj-hero__meta { grid-column: auto; grid-row: auto; }
@media (min-width: 1000px) {
  .spj-hero--panda .spj-hero__copy h1 { white-space: nowrap; }
}
@media (max-width: 719px) {
  .spj-carousel__slide { aspect-ratio: 4 / 3; }
  .spj-hero--panda .spj-hero__copy { padding: 1.1rem 0 1.4rem; }
  .spj-panda-opening.spj-section { padding-top: .6rem; }
.spj-hero--panda .spj-hero__figure { width: 100% !important; }
}

/* v1.4.11 — Re-centre hero copy children: an old theme rule pinned their margins to 0. */
.spj-hero--panda .spj-hero__copy > * { margin-left: auto !important; margin-right: auto !important; }