/* One shared height contract for the two full-width sections. */
:root {
  --taihua-hero-height: min(520px, calc(100vw * 52 / 115));

  --taihua-explore-height: calc(var(--taihua-hero-height) * .8);
}
@media (max-width: 900px) and (orientation: portrait) {
  :root { --taihua-hero-height: clamp(560px, calc(100vw * 4 / 3), 840px);  }
}
@media (max-width: 900px) and (orientation: landscape) {
  :root { --taihua-hero-height: max(380px, calc(100vw * 52 / 115));  }
}
@media (max-width: 639px) and (orientation: landscape) {
  :root { --taihua-hero-height: 560px; }
}