/* Keep the full institutional wordmark inside the mobile immersive-video topbar. */
@media (max-width: 720px) {
  .watch-video.is-immersive .immersive-topbar,
  .watch-video:fullscreen .immersive-topbar {
    gap: 12px;
  }

  .watch-video.is-immersive .immersive-topbar > span,
  .watch-video:fullscreen .immersive-topbar > span {
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
    max-width: calc(100% - 55px);
  }

  .watch-video.is-immersive .immersive-topbar .brand.brand-house,
  .watch-video:fullscreen .immersive-topbar .brand.brand-house {
    width: min(230px, 100%);
    min-width: 0;
    gap: clamp(6px, 2vw, 8px);
  }

  .watch-video.is-immersive .immersive-topbar .brand.brand-house > .lp-mark,
  .watch-video:fullscreen .immersive-topbar .brand.brand-house > .lp-mark {
    width: 30px;
    height: 30px;
  }

  .watch-video.is-immersive .immersive-topbar .brand-house-copy,
  .watch-video:fullscreen .immersive-topbar .brand-house-copy {
    flex: 1 1 auto;
    gap: 4px;
    min-width: 0;
  }

  .watch-video.is-immersive .immersive-topbar .brand-house-name,
  .watch-video:fullscreen .immersive-topbar .brand-house-name {
    font-size: clamp(8px, 2.55vw, 10px);
    letter-spacing: .06em;
  }

  .watch-video.is-immersive .immersive-topbar .brand-house-subtitle,
  .watch-video:fullscreen .immersive-topbar .brand-house-subtitle {
    font-size: clamp(6.5px, 1.95vw, 8px);
    letter-spacing: .08em;
  }
}

@media (max-width: 360px) {
  .watch-video.is-immersive .immersive-topbar .brand.brand-house > .lp-mark,
  .watch-video:fullscreen .immersive-topbar .brand.brand-house > .lp-mark {
    width: 28px;
    height: 28px;
  }
}