/* Shorter, clearer activity and gallery banners. */
body.media-banner-page.site-header-overlay #sub-header {
  height: clamp(303.333px, 28vw, 455px) !important;
}
body.media-banner-page #sub-header::before {
  background: linear-gradient(90deg, rgba(4,25,39,.38), rgba(4,25,39,.05) 78%), linear-gradient(0deg, rgba(4,25,39,.28), transparent 55%);
}
body.media-banner-page #site-header::before {
  background: linear-gradient(180deg, rgba(4,25,39,.5), rgba(4,25,39,.28) 65%, rgba(4,25,39,0));
}
/* Archived photo banners have no dark overlay and were 240px tall. */
body.media-legacy-banner #sub-header {
  height: 140px;
  background-size: cover;
  background-position: center;
}
body.media-legacy-banner #sub-header > div:nth-child(2) {
  height: 110px !important;
}
@media (max-width: 760px) {
  body.media-banner-page.site-header-overlay #sub-header {
    height: clamp(245px, 37.9167svh, 350px) !important;
  }
}