/* Biopharma opening banner; shared by both home pages. */
.biopharma-hero {
  box-sizing: border-box;
  min-height: clamp(480px, 50vw, 760px);
  margin-top: var(--header-height, 100px);
  padding: clamp(180px, 16vw, 260px) 24px 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #24568e url("world-map.jpg") center top / cover no-repeat;
}
.biopharma-hero__player {
  position: relative;
  width: min(100%, 640px);
  border: 2px solid rgba(255,255,255,.85);
  background: #07111f;
  box-shadow: 0 16px 45px #071b3f55;
}
.biopharma-hero__player video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; }
.biopharma-hero__play {
  position: absolute; inset: 0; width: 100%; height: 100%;
  display: grid; place-items: center; border: 0; padding: 0;
  background: #00112a18; color: white; cursor: pointer;
}
.biopharma-hero__play[hidden] { display: none; }
.biopharma-hero__play span {
  display: grid; place-items: center; width: 72px; height: 72px;
  border-radius: 50%; border: 2px solid white; background: #164d87e6;
  box-shadow: 0 4px 20px #0006;
}
.biopharma-hero__play svg { width: 28px; height: 28px; margin-left: 5px; }
.biopharma-hero__play:hover span { background: #cf202f; }
.biopharma-hero__play:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
.biopharma-hero__status { color: white; text-align: center; margin: 8px; }
.biopharma-hero__status:empty { display: none; }
@media (max-width: 640px) {
  .biopharma-hero { padding: 180px 28px 60px; min-height: 480px; }
  .biopharma-hero__play span { width: 56px; height: 56px; }
}